初中信息技術(shù)第二冊制作簡單網(wǎng)頁課件方案

1、海門市三星初級中學(xué)海門市三星初級中學(xué)制作簡單網(wǎng)頁制作簡單網(wǎng)頁第三章第三章 網(wǎng)頁制作網(wǎng)頁制作 第二節(jié)第二節(jié) 制作簡單網(wǎng)頁制作簡單網(wǎng)頁網(wǎng)頁制作網(wǎng)頁制作 教學(xué)內(nèi)容教學(xué)內(nèi)容1. 啟動啟動FrontPage2. 認識認識FrontPage窗口窗口3. 創(chuàng)建網(wǎng)站站點創(chuàng)建網(wǎng)站站點4. 制作新網(wǎng)頁制作新網(wǎng)頁 5. 保存網(wǎng)頁保存網(wǎng)頁6. 預(yù)覽網(wǎng)頁預(yù)覽網(wǎng)頁7. 瀏覽網(wǎng)頁瀏覽網(wǎng)頁8. 小結(jié)與作業(yè)小結(jié)與作業(yè)網(wǎng)頁制作網(wǎng)頁制作 啟動啟動Dreamweaver 網(wǎng)頁的書寫一般是使用網(wǎng)頁的書寫一般是使用HTML語言，也就是超語言，也就是超文本標(biāo)記語言（文本標(biāo)記語言（Hypertext Markup Language）的）的英

2、文縮寫。為了更容易制作網(wǎng)頁，人們開發(fā)了如英文縮寫。為了更容易制作網(wǎng)頁，人們開發(fā)了如FrontPage2000、Dreamweaver等軟件來直觀地進等軟件來直觀地進行網(wǎng)頁制作，利用行網(wǎng)頁制作，利用Flash等軟件制作各式的動畫，利等軟件制作各式的動畫，利用用Photoshop、Firework等軟件進行各式圖形處理，等軟件進行各式圖形處理，使得網(wǎng)頁更加生動活潑，多姿多彩！使得網(wǎng)頁更加生動活潑，多姿多彩！ 啟動啟動Dreamweaver的兩種方法：開始菜單和桌的兩種方法：開始菜單和桌面圖標(biāo)。面圖標(biāo)。 請一位同學(xué)上來示范一下。請一位同學(xué)上來示范一下。網(wǎng)頁制作網(wǎng)頁制作 標(biāo)題欄標(biāo)題欄菜單欄菜單欄文檔工

3、文檔工具欄具欄常用工常用工具欄具欄面面板板組組屬性窗口屬性窗口標(biāo)簽選擇標(biāo)簽選擇器欄器欄頁面編輯窗口認識認識FrontPageFrontPage窗口窗口網(wǎng)頁制作網(wǎng)頁制作 文文件件面面板板創(chuàng)建網(wǎng)站站點創(chuàng)建網(wǎng)站站點網(wǎng)頁制作網(wǎng)頁制作 練習(xí)一練習(xí)一 每位同學(xué)在每位同學(xué)在D盤新建一個站點，盤新建一個站點，站點名稱使用站點名稱使用dongwu 。 網(wǎng)頁制作網(wǎng)頁制作 制作新網(wǎng)頁制作新網(wǎng)頁網(wǎng)頁制作網(wǎng)頁制作 練習(xí)二練習(xí)二制作三張新的網(wǎng)頁，并分別制作三張新的網(wǎng)頁，并分別保存為保存為new1.htmnew1.htm 、new2.htm和new3.htm。網(wǎng)頁制作網(wǎng)頁制作 保存網(wǎng)頁的方法保存網(wǎng)頁的方法網(wǎng)頁制作網(wǎng)頁制作

4、練習(xí)三練習(xí)三 參照書本第參照書本第50-5150-51頁圖頁圖3.2-7“3.2-7“首首頁制作效果頁制作效果”的圖片，對的圖片，對index.htmindex.htm中的內(nèi)容進行補充，并保存網(wǎng)頁到站中的內(nèi)容進行補充，并保存網(wǎng)頁到站點中。點中。 網(wǎng)頁制作網(wǎng)頁制作 預(yù)覽網(wǎng)頁的方法預(yù)覽網(wǎng)頁的方法網(wǎng)頁制作網(wǎng)頁制作 簡單任務(wù)簡單任務(wù) 預(yù)覽自己輸入的預(yù)覽自己輸入的“華夏學(xué)校主頁華夏學(xué)校主頁”的內(nèi)容。的內(nèi)容。 網(wǎng)頁制作網(wǎng)頁制作 瀏覽網(wǎng)頁的方法瀏覽網(wǎng)頁的方法網(wǎng)頁制作網(wǎng)頁制作 練習(xí)四練習(xí)四 在剛建立的新站點中選擇在剛建立的新站點中選擇“只有只有一個網(wǎng)頁的站點一個網(wǎng)頁的站點”，然后輸入書本第，然后輸入書本第6666頁頁“華夏學(xué)校主頁華夏學(xué)校主頁”的資料，完善的資料，完善該站點。該站點。網(wǎng)頁制作網(wǎng)頁制作 小結(jié)與作業(yè)小結(jié)與作業(yè)課堂情況課堂情況 作業(yè)布置作業(yè)布置 本節(jié)內(nèi)容本節(jié)內(nèi)容