【正文】 教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． 模板頁(yè)面的創(chuàng)建2． 創(chuàng)建基于模板的頁(yè)面3． 設(shè)置各類模板區(qū)域類型教學(xué)難點(diǎn)模板使用時(shí)的注意事項(xiàng)教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容：利用模板制作網(wǎng)站子頁(yè)面實(shí)訓(xùn)步驟： 模板頁(yè)面的創(chuàng)建a) 制作普通頁(yè)面b) 點(diǎn)擊文件菜單，另存為模板 創(chuàng)建基于模板的頁(yè)面a) 文件新建；利用模板創(chuàng)建新的頁(yè)面b) 查看新建頁(yè)面能否更改內(nèi)容 設(shè)置各類模板區(qū)域類型a) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可編輯區(qū)域b) 更新頁(yè)面，重新查看利用模板頁(yè)的頁(yè)面能否更改頁(yè)面內(nèi)容c) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可選區(qū)域d) 更新頁(yè)面，重新查看利用模板頁(yè)的頁(yè)面能否更改頁(yè)面內(nèi)容e) 通過插入欄上的常用類別在模板頁(yè)面中創(chuàng)建可編輯的可選。課程教案（№:28）授課內(nèi)容模板的使用課 型163。作業(yè)/思考題：1． 什么是模板？模板用途是什么？2． 什么是庫(kù)？庫(kù)的用途是什么？3． 模板文檔和庫(kù)項(xiàng)目文檔的擴(kuò)展名分別是什么？它們保存在哪里？教學(xué)后記：應(yīng)充分介紹模板在批量制作網(wǎng)站時(shí)的重要性。　　 可編輯可選區(qū)域——是可選區(qū)域的一種，用戶可以設(shè)置顯示或隱藏所選區(qū)域，并且可以編輯該區(qū)域中的內(nèi)容，該可編輯的區(qū)域是由條件語(yǔ)句控制的。當(dāng)對(duì)一個(gè)模板進(jìn)行修改以后，所有使用了這個(gè)模板的網(wǎng)頁(yè)內(nèi)容都將隨之同步被修改，簡(jiǎn)單的說就是一次可以更改多個(gè)頁(yè)面，這也是模板最強(qiáng)大的功能之一。1． 庫(kù)的創(chuàng)建、編輯、重命名和刪除庫(kù)項(xiàng)目庫(kù)面板上的按鈕，或右擊菜單2． 在文檔或模板中加入庫(kù)項(xiàng)目直接從庫(kù)面板中將庫(kù)項(xiàng)目拖到文檔或模板中3． 讓文檔中應(yīng)用的庫(kù)項(xiàng)目脫離庫(kù)的控制點(diǎn)擊文檔中庫(kù)項(xiàng)目從源文件中分離二、 模板（75分鐘左右）　　模板是一種特殊類型的文檔，用于設(shè)計(jì)布局比較“固定的”頁(yè)面。庫(kù)項(xiàng)目是一種用來(lái)存儲(chǔ)在整個(gè)網(wǎng)站上，可以在多個(gè)頁(yè)面中重復(fù)使用的對(duì)象元素。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)模板和庫(kù)的功能及使用、應(yīng)用場(chǎng)合等知識(shí)。4． 如何制作浮動(dòng)框架網(wǎng)頁(yè)？教學(xué)后記：思考框架頁(yè)面的應(yīng)用場(chǎng)合。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)創(chuàng)建框架類的網(wǎng)站，理解并分析框架集和框架頁(yè)的區(qū)別，掌握框架保存的技巧。2． 框架的組成：框架集+框架頁(yè)二、 創(chuàng)建框架及框架的刪除（15分鐘左右）1． 系統(tǒng)預(yù)定義的框架集(1) 文件新建框架集(2) 插入html框架(3) 插入欄布局框架2． 手動(dòng)拆分修改框架3． 框架的嵌套4． 框架的刪除5． 既要?jiǎng)h除單個(gè)頁(yè)面，也要?jiǎng)h除整個(gè)集三、 框架及對(duì)象的選擇（10分鐘左右）1． 框架集的選擇：點(diǎn)邊框（不可見元素）2． 框架頁(yè)面的選擇：窗口框架點(diǎn)選名稱四、 查看及設(shè)置框架的屬性（10分鐘左右）1． 框架屬性：邊框相關(guān)2． 框架頁(yè)面的屬性：名稱，源文件，邊框，滾動(dòng)條3． 在框架中插入網(wǎng)頁(yè)文件4． 直接在空白框架網(wǎng)頁(yè)進(jìn)行編輯5． 文件菜單在框架中打開6． 屬性面板修改源文件五、 保存框架及框架集的文件（8分鐘左右）1． 可以單個(gè)保存也可以保存全部2． 保存框架集文件選中框架集文件保存框架頁(yè)（ctrl+s）3． 保存框架中顯示的文檔4． 保存一組和框架關(guān)聯(lián)的文件六、 設(shè)置框架內(nèi)的鏈接（12分鐘左右）將鏈接目標(biāo)設(shè)置為框架的名稱七、 設(shè)置不支持框架時(shí)的說明（10分鐘左右）修改框架編輯無(wú)框架內(nèi)容八、 浮動(dòng)框架（20分鐘左右）1． 代碼視圖下手工編寫：iframe src=”” frameborder=”” scrolling=”” width=”” height=”” name=””/iframe2． 代碼視圖下插入html框架浮動(dòng)框架作業(yè)/思考題：1． 什么是框架？什么是框架集？框架的用途是什么？2． 如何創(chuàng)建框架集？如何在框架中添加內(nèi)容？3． 如何保存框架集？保存框架集與保存網(wǎng)頁(yè)有何不同？4． 如何制作浮動(dòng)框架網(wǎng)頁(yè)？教學(xué)后記：首先實(shí)例講解信箱，flash播放，教程目錄網(wǎng)站的特點(diǎn)，最后模仿制作教程或flash播放網(wǎng)站。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)框架的功能及使用、應(yīng)用場(chǎng)合等知識(shí)。如制作小鳥飛翔或人物行走動(dòng)畫等。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求本次課程將學(xué)習(xí)時(shí)間軸的功能及使用、應(yīng)用場(chǎng)合等知識(shí)。教學(xué)后記：介紹Javascript相關(guān)介紹說明。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)，學(xué)員掌握Dreamweaver中行為的使用，并能利用行為制作動(dòng)態(tài)的網(wǎng)頁(yè)效果。教學(xué)后記：介紹Javascript相關(guān)介紹說明?！　? onMouseDown：當(dāng)按下鼠標(biāo)按鈕時(shí)觸發(fā)該事件?！　? onMouseOut：當(dāng)鼠標(biāo)離開在對(duì)象邊界內(nèi)時(shí)觸發(fā)該事件?！　? onMouseOver：當(dāng)鼠標(biāo)首次移動(dòng)指向特定對(duì)象時(shí)觸發(fā)該事件。常用事件包含有鼠標(biāo)事件、鍵盤事件、窗體事件和其它事件等，如以下等。 行為由事件和由該事件觸發(fā)的動(dòng)作組成。實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段講授法教學(xué)目的與要求1． 本次課程將了解行為的基本概念；2． 熟練掌握“行為”面板的使用；3． 掌握常見行為的使用方法。建立完成的div概念，結(jié)合文本列表使用。textalign:right。bordertop:solid 1px c3c3c3。}/*頁(yè)腳*/footer {height: 45px。color: 747474。}.jj dl dd{lineheight: 2。}.jj dl dt{float:right。paddingtop: 10px。paddingleft: 10px。lineheight: 30px。}.bt {backgroundimage: url(../images1/)。float: right。float: left。marginbottom:10px。margin:0 auto。遠(yuǎn)大空氣凈化機(jī)是全球唯一將“靜電除塵、靜電滅菌、活性炭除醛、缺氧檢測(cè)”四大功能完美結(jié)合的產(chǎn)品，可凈化室內(nèi)空氣，遠(yuǎn)離甲醛、苯、二手煙等的危害... /dd/dl/div/div/div2． 網(wǎng)頁(yè)頁(yè)腳代碼div id=footerimg src=images1/ width=209 height=32 /長(zhǎng)沙遠(yuǎn)大城 電話：07314086688 傳真：07314610087 郵編:410138 凈化機(jī)銷售專線 07314086666br/Copyright(c)2008 Broad Air Conditioning All Rights Reserved Email:ywb/div3． CSS樣式body {fontsize: 12px。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． CSS的常用命名2． DIV+CSS布局網(wǎng)頁(yè)的框架結(jié)構(gòu)3． DIV+CSS布局網(wǎng)頁(yè)的技巧教學(xué)難點(diǎn)DIV+CSS布局網(wǎng)頁(yè)的技巧教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容利用提供的素材文件，制作一個(gè)“凈化器”的網(wǎng)站，要求如下：1． 創(chuàng)建站點(diǎn)2． 在DIV中插入文本和圖像3． 利用CSS樣式美化網(wǎng)頁(yè)4． 完成頁(yè)面制作主要步驟1． 網(wǎng)頁(yè)主體代碼div id=maindiv id=leftdiv class=btspan最新產(chǎn)品/spanimg src=images1/ width=11 height=10 class=more //divdiv class=lbimg src=images1/ //div/divdiv id=right div class=btspan公司簡(jiǎn)介/spanimg src=images1/ width=11 height=10 class=more//divdiv class=jj dldtimg src=images1/ width=90 height=62//dtdd北京遠(yuǎn)大創(chuàng)思科技發(fā)展有限責(zé)任公司是以高科技為核心，稟承“關(guān)愛生命、保護(hù)健康”的宗旨，以節(jié)能空調(diào)、環(huán)保空氣凈化機(jī)產(chǎn)品及其末端產(chǎn)品營(yíng)銷和服務(wù)為主營(yíng)業(yè)務(wù)的企業(yè)。課程教案（№:21）授課內(nèi)容DIV+CSS布局網(wǎng)頁(yè)課 型163。}實(shí)訓(xùn)結(jié)果作業(yè)/思考題：1． CSS樣式表與HTML語(yǔ)言的語(yǔ)法規(guī)則的區(qū)別？2． CSS樣式包含哪幾類？如何應(yīng)用于網(wǎng)頁(yè)？3． 什么是附加樣式表，有什么用？教學(xué)后記：介紹目前網(wǎng)頁(yè)制作的新技術(shù)，重點(diǎn)介紹DIV+CSS排版知識(shí)。paddingbottom: 10px。background: url(../images1/) 3px center norepeat。lineheight: 27px。width: 82px。liststyle: none。}nav { background:url(../images1/) center center norepeat。}nav {float: right。}logo {width: 195px。}/*頭部*/header {height: 430px。}container {width: 900px。理論 R實(shí)踐授課學(xué)時(shí)2教學(xué)方法與手段實(shí)例講解法教學(xué)目的與要求通過本次實(shí)訓(xùn)，系統(tǒng)的掌握CSS的應(yīng)用方法及應(yīng)用規(guī)則，并能利用div結(jié)合css制作網(wǎng)頁(yè)。 頁(yè)面模塊的常用命名（30分鐘左右）頭：header 內(nèi)容（主體）：content/container尾：footer導(dǎo)航：nav側(cè)欄：sidebar欄目：column頁(yè)面外圍控制整體布局寬度：wrapper左右中：left right center登錄條：loginbar標(biāo)志：logo廣告：banner頁(yè)面主體：main熱點(diǎn)：hot新聞：news下載：download子導(dǎo)航：subnav菜單：menu子菜單：submenu搜索：search友情鏈接：friendlink頁(yè)腳：footer版權(quán)：copyright滾動(dòng)：scroll內(nèi)容：content 網(wǎng)頁(yè)結(jié)構(gòu)分析 （20分鐘左右） DIV+CSS布局網(wǎng)頁(yè)的框架結(jié)構(gòu)（20分鐘左右）div id=”container”div id=”header”網(wǎng)頁(yè)頭部/divdiv id=”main”網(wǎng)頁(yè)主體/divdiv id=”footer”網(wǎng)頁(yè)頁(yè)腳/div/div作業(yè)/思考題：1． DIV+CSS布局網(wǎng)頁(yè)與表格布局網(wǎng)頁(yè)的區(qū)別？2． DIV+CSS布局網(wǎng)頁(yè)的優(yōu)點(diǎn)？教學(xué)后記：介紹目前網(wǎng)頁(yè)制作的新技術(shù)，重點(diǎn)介紹DIV+CSS排版知識(shí)。對(duì)于門戶網(wǎng)站來(lái)說改版就像換件衣服一樣簡(jiǎn)單容易。生成的HTML文件代碼精簡(jiǎn)，更小打開更快。課程教案（№:19）授課內(nèi)容DIV+CSS布局網(wǎng)頁(yè)課 型R理論 163。教學(xué)重點(diǎn)與難點(diǎn)教學(xué)重點(diǎn)：1． CSS的語(yǔ)法2． CSS和網(wǎng)頁(yè)的關(guān)系3． CSS的創(chuàng)建教學(xué)難點(diǎn)CSS的語(yǔ)法格式教學(xué)過程設(shè)計(jì)實(shí)訓(xùn)內(nèi)容1． Css和html結(jié)合的三種方法2． Css的語(yǔ)法規(guī)則3． Css各類型應(yīng)用實(shí)例4． CSS+div網(wǎng)頁(yè)制作示例主要步驟1． Css和html結(jié)合的三種方法(1) 窗口菜單打開css面板(2) 新建按鈕創(chuàng)建僅用于該文檔的CSS樣式(3) 導(dǎo)出CSS樣式，并鏈接至其他頁(yè)面(4) 代碼視圖中直接在標(biāo)簽中加入CSS樣式2． CSS的語(yǔ)法規(guī)則(1) 創(chuàng)建一個(gè)class類的樣式，并分別作用于表格，表單，層和段落(2) 創(chuàng)建一個(gè)id類的樣式，并分別作用于表格，表單，層(3) 創(chuàng)建一個(gè)標(biāo)簽樣式，作用于body、input對(duì)象(4) 創(chuàng)建繼承式的鏈接樣式l 在表格中創(chuàng)建鏈接l 給表格命名l 利用表格名 a：link更改指定表格中的樣式3． Css各類型應(yīng)用實(shí)例(1) 字體類屬性(2) 背景類屬性：設(shè)置顏色、背景、背景固定、背景重復(fù)和背景位置(3) 方框、邊框、區(qū)塊屬性的設(shè)置(4) 定位屬性設(shè)置(5) 濾鏡效果4． CSS+DIV網(wǎng)頁(yè)制作示例(1) 通過上述方法和規(guī)則對(duì)html中的div標(biāo)簽進(jìn)行屬性設(shè)置(2) 首先在html代碼中輸入div標(biāo)簽(3) 利用css樣式分別對(duì)插入的div進(jìn)行設(shè)置(4) CSS+DIV導(dǎo)航實(shí)例實(shí)訓(xùn)結(jié)果作業(yè)/思考題：1． CSS樣式表與HTML語(yǔ)言的語(yǔ)法規(guī)則的區(qū)別？2． CSS樣式包含哪幾類？如何應(yīng)用于網(wǎng)頁(yè)？3． 什么是附加樣式表，有什么用？教學(xué)后記：介紹目前網(wǎng)頁(yè)制作的新技術(shù)，重點(diǎn)介紹DIV+CSS排版知識(shí)。課程教案（№:18）授課內(nèi)容CSS樣式的使用課 型163。作業(yè)/思考題：1． CSS樣式表與HTML語(yǔ)言的語(yǔ)法規(guī)則的區(qū)別？2． CSS樣式包含哪幾類？如何應(yīng)用于網(wǎng)頁(yè)？3． 什么是附加樣式表，有什么用？教學(xué)后記：介紹目前網(wǎng)頁(yè)制作的新技術(shù)，重點(diǎn)介紹DIV+CSS排版知識(shí)。該選項(xiàng)在HTML代碼中創(chuàng)建一個(gè)