第三講 頁面的整體控制

1、授課日期  班級(jí)名稱  授課地點(diǎn)  教學(xué)課題第三講 頁面的整體控制課    時(shí)2學(xué)時(shí)教學(xué)目的掌握Dreamweaver 8的參數(shù)、網(wǎng)頁頁面屬性的設(shè)置方法知識(shí)目標(biāo)（1）了解Dreamweaver 8的參數(shù)設(shè)置方法（2）掌握頁面屬性的設(shè)置方法（3）掌握設(shè)置文件頭內(nèi)容的方法（4）學(xué)習(xí)輔助工具的使用能力目標(biāo)（1）掌握Dreamweaver 8的參數(shù)、網(wǎng)頁頁面屬性的設(shè)置方法（2）學(xué)習(xí)輔助工具的使用素質(zhì)目標(biāo)培養(yǎng)學(xué)生創(chuàng)新能力和獨(dú)立思考能力，并使其具有分析問題、解決問題的能力重    點(diǎn)頁面

2、屬性的設(shè)置、輔助工具的使用難    點(diǎn)輔助工具的使用課   型講授型教學(xué)方法理論實(shí)踐一體化、講練結(jié)合教學(xué)手段多媒體教學(xué)教    參網(wǎng)頁設(shè)計(jì)與制作教程   人民郵電出版社教學(xué)環(huán)節(jié) 時(shí)間安排1.復(fù)習(xí)提問：創(chuàng)建站點(diǎn)前為何要先建立本地文件夾？52.新課引入通過復(fù)習(xí)上次課內(nèi)容，引入本次課要學(xué)的“頁面的整體控制”53.教學(xué)目標(biāo)說明：介紹本次課要達(dá)到的教學(xué)目標(biāo)54.講解各知識(shí)點(diǎn)：具體講述本次課新課內(nèi)容345.課堂實(shí)踐156.問題探討：與學(xué)生一起引申問題留作思考57疑難解析88.歸納總結(jié)：通過學(xué)習(xí)設(shè)置

3、首選參數(shù)、頁面屬性、文件頭內(nèi)容，輔助工具的使用。掌握從外觀上對(duì)頁面進(jìn)行有效控制，方便網(wǎng)頁的制作和瀏覽。頁面整體控制的方法，除了設(shè)置常規(guī)的背景顏色、背景圖片等屬性之外，Dreamweaver 8還有輔助線、縮放等常用且必備的功能，掌握好這些基本工具的使用，有助于我們更好的制作網(wǎng)頁。59作業(yè)布置3總計(jì)90新授內(nèi)容 1. 參數(shù)設(shè)置 打開“首選參數(shù)”對(duì)話框參數(shù)設(shè)置方法參數(shù)設(shè)置舉例2設(shè)置頁面屬性 打開“頁面屬性”對(duì)話框設(shè)置外觀屬性設(shè)置鏈接屬性設(shè)置標(biāo)題屬性設(shè)置標(biāo)題/編碼屬性設(shè)置跟蹤圖像在瀏覽器中瀏覽網(wǎng)頁3設(shè)置文件頭內(nèi)容 在“設(shè)計(jì)”視圖中顯示“文件頭內(nèi)容”工具欄 設(shè)置文件頭內(nèi)容的方法4輔助工具的使

4、用  配置窗口大小 使用標(biāo)尺、網(wǎng)格、輔助線課堂實(shí)踐操作要求打開“課堂實(shí)踐”站點(diǎn)文件夾“01頁面控制”下的網(wǎng)頁文檔“01.html”，然后完成以下各項(xiàng)的操作。（1）首選參數(shù)的設(shè)置要求設(shè)置啟動(dòng)Dreamweaver 8時(shí)顯示起始頁；設(shè)置站點(diǎn)屬性“總是顯示本地文件于左”；創(chuàng)建網(wǎng)頁文檔時(shí)，設(shè)置默認(rèn)文檔為“HTML”文檔，設(shè)置默認(rèn)擴(kuò)展名為“.html”；設(shè)置“復(fù)制/粘貼”屬性：使用“編輯>粘貼”從其他應(yīng)用程序粘貼到設(shè)計(jì)視圖時(shí)，復(fù)制“帶結(jié)構(gòu)的文本”，不清理Word段落間距。（2）頁面屬性的設(shè)置要求Ø外觀屬性的設(shè)置“頁面字體”采用“默認(rèn)字體”，“大小”采用“12px”；“背景圖像”

5、選用image文件夾下的“bj01.jpg”；“左邊距”和“右邊距”設(shè)置為“100px”，“上邊距”和“下邊距”設(shè)置為“20px”。Ø鏈接屬性的設(shè)置要求網(wǎng)頁中超鏈接文本默認(rèn)狀態(tài)下的字體設(shè)置為“宋體”，字體大小設(shè)置為14px；網(wǎng)頁中超鏈接文本的顏色設(shè)置為“blue”，訪問過的超鏈接的顏色設(shè)置為“olive”；當(dāng)鼠標(biāo)指針移動(dòng)到網(wǎng)頁中超鏈接文字上方時(shí)超鏈接的顏色設(shè)置為“maroon”，下劃線樣式設(shè)置為“變換圖像時(shí)隱藏下劃線”；網(wǎng)頁中已激活的超鏈接文本顏色設(shè)置為“fuchsia”。Ø標(biāo)題屬性的設(shè)置要求設(shè)置網(wǎng)頁中標(biāo)題的字體為“隸書”，標(biāo)題1的大小為“18px”，顏色為“aqua”。Ø“標(biāo)題/編碼”屬性的設(shè)置要求網(wǎng)頁的標(biāo)題設(shè)置為“湘江谷”；文檔類型設(shè)置為“HTML 4.0 Transitional”，編碼設(shè)置為“簡體中文(GB2312)”。疑難解析問題1：本章4.3節(jié)設(shè)置文件頭內(nèi)容時(shí)，還可以插入“刷新”，如何插入呢？問題2：本章4.3節(jié)設(shè)置文件頭內(nèi)容時(shí)，也可以插入“基址”，如何插入呢？課外拓展實(shí)踐1在“E游天下”網(wǎng)站站點(diǎn)