Dreamweaver網(wǎng)頁設(shè)計立體化教程（微課版）（Dreamweaver2020） 教案全套

《Dreamweaver網(wǎng)頁設(shè)計立體化教程（微課版）（DreamweaverCC2020）》教學教案課時內(nèi)容網(wǎng)頁設(shè)計基礎(chǔ)授課時間270分鐘課時6教學目標了解網(wǎng)站、網(wǎng)頁、主頁的基本概念，網(wǎng)頁設(shè)計常用術(shù)語和網(wǎng)頁的構(gòu)成要素了解常用的網(wǎng)頁制作軟件了解HTML、HTML5和JavaScript的相關(guān)知識了解網(wǎng)站開發(fā)流程、網(wǎng)頁設(shè)計內(nèi)容和網(wǎng)頁設(shè)計原則的相關(guān)知識熟悉DreamweaverCC2020的操作界面掌握創(chuàng)建和編輯站點的方法教學重點熟悉DreamweaverCC2020的操作界面掌握創(chuàng)建和編輯站點的方法了解HTML、HTML5和JavaScript的相關(guān)知識教學難點網(wǎng)站、網(wǎng)頁、主頁的概念；網(wǎng)頁的構(gòu)成元素；常用網(wǎng)頁制作軟件；HTML、HTML5、JavaScript；網(wǎng)站開發(fā)流程；創(chuàng)建和管理站點；教學設(shè)計教學思路：教學思路：（1）通過講解網(wǎng)站、網(wǎng)頁、主頁的概念，網(wǎng)頁設(shè)計常用術(shù)語，網(wǎng)頁的構(gòu)成元素，常用網(wǎng)頁制作軟件，HTML，HTML5，JavaScript，網(wǎng)站開發(fā)流程，網(wǎng)頁設(shè)計內(nèi)容，網(wǎng)頁設(shè)計原則等相關(guān)知識，讓學員掌握如何規(guī)劃“佳美馨裝飾”網(wǎng)站結(jié)構(gòu)的操作方法；（2）通過對認識DreamweaverCC2020的操作界面，創(chuàng)建和管理站點等相關(guān)知識的講解，讓學員掌握如何創(chuàng)建“佳美馨裝飾”站點。（3）安排實訓規(guī)劃“中國皮影”網(wǎng)站，創(chuàng)建“中國皮影”站點，并且提供了實訓思路與大致的操作流程，幫助學生鞏固設(shè)計網(wǎng)站首頁的基本操作。（4）安排課后練習和技巧提升。教學手段：（1）對軟件界面、軟件概念、軟件功能等理念進行詳細講解；（2）對于重點內(nèi)容著重講解；（3）可賞析優(yōu)秀的網(wǎng)站頁面，讓學員領(lǐng)悟優(yōu)秀網(wǎng)頁所具備的元素、配色方案和網(wǎng)站結(jié)構(gòu)等。教學資料及要求：除教材中的網(wǎng)站頁面外，還可以準備其他常見的、優(yōu)秀的網(wǎng)站舉例講解網(wǎng)站網(wǎng)頁的基礎(chǔ)知識。教學內(nèi)容討論問題：1、如何創(chuàng)建網(wǎng)站？2、常見的購物網(wǎng)站一般采用的哪種網(wǎng)站結(jié)構(gòu)？3、網(wǎng)頁設(shè)計常用術(shù)語？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一規(guī)劃“佳美馨裝飾”網(wǎng)站結(jié)構(gòu)一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）網(wǎng)站、網(wǎng)頁、主頁的概念（二）網(wǎng)頁設(shè)計常用術(shù)語（三）網(wǎng)頁的構(gòu)成要素（四）常用網(wǎng)頁制作軟件（五）HTML（六）HTML5（七）JavaScript（八）網(wǎng)站開發(fā)流程（九）網(wǎng)頁設(shè)計內(nèi)容（十）網(wǎng)頁設(shè)計原則三、任務(wù)實施任務(wù)二創(chuàng)建“佳美馨裝飾”站點一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識DreamweaverCC2020的操作界面（二）創(chuàng)建和管理站點三、任務(wù)實施（一）創(chuàng)建站點（二）編輯站點（三）管理站點文件夾實訓一規(guī)劃“中國皮影”網(wǎng)站實訓二創(chuàng)建“中國皮影”站點課后練習技巧提升小結(jié)掌握創(chuàng)建和編輯站點的方法。了解網(wǎng)站、網(wǎng)頁、主頁的基本概念，網(wǎng)頁設(shè)計常用術(shù)語和網(wǎng)頁的構(gòu)成要素。了解HTML、HTML5和JavaScript的相關(guān)知識思考及作業(yè)練習1：規(guī)劃個人網(wǎng)站本練習需要規(guī)劃個人網(wǎng)站，該網(wǎng)站主要用于展示用戶的攝影作品、個人信息和最新動態(tài)，并且分享一些攝影作品的拍攝技巧。要求制作的網(wǎng)頁能體現(xiàn)該網(wǎng)站的主要功能，界面設(shè)計要符合網(wǎng)站特色。規(guī)劃時先搜集相關(guān)的圖片和文字等資料，然后繪制網(wǎng)頁結(jié)構(gòu)圖。練習2：創(chuàng)建“購鞋網(wǎng)”站點本練習要求創(chuàng)建“購鞋網(wǎng)”站點，重點練習創(chuàng)建站點、在站點中新建文件和文件夾的操作。

課時內(nèi)容添加文本與表格授課時間270分鐘課時6教學目標能夠在網(wǎng)頁中輸入文本并設(shè)置文本格式能夠在網(wǎng)頁中插入特殊字符、水平線、日期等類容能夠在網(wǎng)頁中插入表格并在表格中輸入內(nèi)容掌握設(shè)置表格和單元格格式的操作方法掌握拆分和合并單元格格式的操作方法培養(yǎng)網(wǎng)頁文本素材的搜集能力與處理能力教學重點掌握設(shè)置表格和單元格格式的操作方法掌握拆分和合并單元格格式的操作方法掌握輸入文本以及設(shè)置文本格式的方法掌握插入特殊字符、水平線、日期等的方法教學難點新建、保存與打開網(wǎng)頁；設(shè)置網(wǎng)頁屬性；輸入文本；插入列表；插入表格；設(shè)置表格、單元格屬性；插入特殊字符；教學設(shè)計教學思路：（1）通過講解新建、保存與打開網(wǎng)頁，設(shè)置網(wǎng)頁屬性，設(shè)置網(wǎng)頁關(guān)鍵字和描述，輸入文本、設(shè)置文本格式，插入列表，插入特殊字符，插入日期，插入水平線等相關(guān)知識，讓學員掌握制作“佳美馨裝飾——網(wǎng)站簡介”網(wǎng)頁的操作方法；（2）通過講解插入表格，選擇表格，在單元格中輸入內(nèi)容，設(shè)置表格屬性，設(shè)置單元格屬性，合并和拆分單元格，添加和刪除表格行或列等相關(guān)知識，讓學員掌握制作“佳美馨裝飾——會員列表”網(wǎng)頁的操作方法。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）由淺入深，從基礎(chǔ)知識到實際操作；（2）通過課后練習，鞏固前面所講知識。安排技巧提升，豐富學生知識面。教學資料及要求：除教材中的知識外，可收集一些精美網(wǎng)頁案例，給學生剖析其實現(xiàn)方法，加深學生的理解。教學內(nèi)容知識回顧：在前面講解了網(wǎng)頁設(shè)計的基礎(chǔ)知識，本章將講解添加文本與表格的相關(guān)知識。討論問題：1、如何插入表格？2、怎樣設(shè)置頁面屬性？3、怎么插入水平線？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一制作“佳美馨裝飾——網(wǎng)站簡介”網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）新建、保存與打開網(wǎng)頁（二）設(shè)置網(wǎng)頁屬性（三）設(shè)置網(wǎng)頁關(guān)鍵字和描述（四）輸入文本（五）設(shè)置文本格式（六）插入列表（七）插入特殊字符（八）插入日期（九）插入水平線三、任務(wù)實施（一）新建網(wǎng)頁并設(shè)置網(wǎng)頁屬性（二）輸入文本并設(shè)置格式（三）插入特殊字符、日期和水平線任務(wù)二制作“佳美馨裝飾——會員列表”網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）插入表格（二）選擇表格（三）在單元格中輸入內(nèi)容（四）設(shè)置表格屬性（五）設(shè)置單元格屬性（六）合并和拆分單元格（七）添加和刪除表格行或列三、任務(wù)實施（一）插入表格并設(shè)置表格屬性（二）輸入表格內(nèi)容（三）導入表格數(shù)據(jù)并設(shè)置表格屬性實訓一制作“中國皮影——皮影戲”網(wǎng)頁實訓二制作“中國皮影——皮影起源傳說”網(wǎng)頁課后練習技巧提升小結(jié)掌握設(shè)置表格和單元格格式的操作方法掌握拆分和合并單元格格式的操作方法掌握輸入文本以及設(shè)置文本格式的方法掌握插入特殊字符、水平線、日期等的方法思考及作業(yè)練習1：制作“購鞋網(wǎng)——公司簡介”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——公司簡介”網(wǎng)頁，需要先將文本素材復制到網(wǎng)頁中，然后通過分段和換行操作控制文本段落，最后設(shè)置文本段落的格式。參考效果如左圖所示。練習2：制作“購鞋網(wǎng)——企業(yè)文化”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——企業(yè)文化”網(wǎng)頁，重點練習插入特殊文本對象、創(chuàng)建列表、設(shè)置水平線等內(nèi)容，參考效果如右圖所示?！百徯W(wǎng)——公司簡介”網(wǎng)頁效果“購鞋網(wǎng)——企業(yè)文化”網(wǎng)頁效果課時內(nèi)容插入圖像和多媒體對象授課時間270分鐘課時6教學目標掌握網(wǎng)頁圖像的插入方法掌握音頻和視頻的插入方法掌握動畫的插入方法提升對網(wǎng)頁圖像的美化與修飾能力提升對網(wǎng)頁多媒體元素的分析與運用能力教學重點網(wǎng)頁圖像的插入方法音頻和視頻的插入方法動畫的插入方法教學難點網(wǎng)頁圖像基礎(chǔ)知識；插入圖像；創(chuàng)建鼠標經(jīng)過圖像；創(chuàng)建圖像輪播；插入視頻、音頻、動畫；教學設(shè)計教學思路：（1）通過講解網(wǎng)頁圖像基礎(chǔ)知識，插入圖像，設(shè)置圖像屬性，創(chuàng)建鼠標經(jīng)過圖像，創(chuàng)建圖像輪播等相關(guān)知識，讓學員掌握如何制作“佳美馨裝飾——成功案例”欄目網(wǎng)頁；（2）通過講解插入視頻，插入音頻，插入動畫等相關(guān)知識，讓學員掌握如何制作“佳美馨裝飾——中式田園風格”內(nèi)容網(wǎng)頁。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）先通過知識講解，然后通過任務(wù)實施學習重點內(nèi)容；（2）安排課堂實訓+課后練習鞏固前面所學知識。教學資料及要求：除教材中的實例外，可根據(jù)學習情況對其他效果圖進行設(shè)計?？蓽蕚鋬?yōu)秀的效果圖進行賞析，提升學員的審美能力。教學內(nèi)容知識回顧：在前面講解了添加文本與表格的相關(guān)知識，本章將對在網(wǎng)頁中插入圖像和多媒體對象進行介紹。討論問題：1、網(wǎng)頁中常用的圖像格式？2、如何插入圖像？3、如何創(chuàng)建鼠標經(jīng)過圖像？4、如何插入動畫？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一制作“佳美馨裝飾——成功案例”欄目網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）網(wǎng)頁圖像基礎(chǔ)知識（二）插入圖像（三）設(shè)置圖像屬性（四）創(chuàng)建鼠標經(jīng)過圖像（五）創(chuàng)建圖像輪播三、任務(wù)實施（一）插入案例圖像（二）使用鼠標經(jīng)過圖像制作按鈕（三）插入案例輪播圖任務(wù)二制作“佳美馨裝飾——中式田園風格”內(nèi)容網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）插入視頻（二）插入音頻（三）插入動畫三、任務(wù)實施（一）設(shè)置背景音樂（二）插入并設(shè)置視頻文件（三）插入并設(shè)置動畫實訓一制作“中國皮影——皮影鑒賞”網(wǎng)頁實訓二制作“中國皮影——皮影的表演”網(wǎng)頁課后練習技巧提升小結(jié)掌握網(wǎng)頁圖像的插入方法掌握音頻和視頻的插入方法掌握動畫的插入方法思考及作業(yè)練習1：制作“購鞋網(wǎng)——關(guān)于我們”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——關(guān)于我們”網(wǎng)頁，主要練習插入圖片和制作鼠標經(jīng)過圖像。參考效果如下圖所示?！百徯W(wǎng)——關(guān)于我們”網(wǎng)頁效果練習2：制作“購鞋網(wǎng)——新品展臺”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——新品展臺”網(wǎng)頁，重點練習插入音頻、視頻、動畫等內(nèi)容，參考效果如下圖所示?！百徯W(wǎng)——新品展臺”網(wǎng)頁效果課時內(nèi)容創(chuàng)建超鏈接授課時間225課時5教學目標了解超鏈接的基本知識掌握創(chuàng)建文本超鏈接和圖像超鏈接的方法掌握創(chuàng)建錨點超鏈接、文件下載超鏈接的方法掌握創(chuàng)建電子郵件超鏈接、空鏈接、腳本鏈接的方法提高判斷分析問題的能力提高網(wǎng)頁設(shè)計的創(chuàng)新思維能力教學重點掌握創(chuàng)建文本超鏈接和圖像超鏈接的方法掌握創(chuàng)建錨點超鏈接、文件下載超鏈接的方法掌握創(chuàng)建電子郵件超鏈接、空鏈接、腳本鏈接的方法教學難點創(chuàng)建文本、圖像超鏈接；認識錨點超鏈接、認識文件下載超鏈接、認識電子郵件超鏈接、認識空鏈接、認識腳本鏈接；教學設(shè)計教學思路：（1）通過對認識超鏈接，創(chuàng)建文本、圖像超鏈接等相關(guān)知識的講解，讓學員掌握如何創(chuàng)建“佳美馨裝飾——網(wǎng)站地圖”網(wǎng)頁中的超鏈接；（2）通過對認識錨點超鏈接，認識文件下載超鏈接，認識電子郵件超鏈接，認識空鏈接，認識腳本鏈接等相關(guān)知識的講解，讓學員掌握如何創(chuàng)建“佳美馨裝飾——聯(lián)系我們”網(wǎng)頁中的超鏈接。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后進行相關(guān)的課后練習；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，可補充講解如何插入超鏈接的其他操作方法。教學內(nèi)容知識回顧：在前面講解了在網(wǎng)頁中插入圖像和多媒體對象的方法，本章將講解如何創(chuàng)建超鏈接的操作方法。討論問題：1、網(wǎng)頁中的超鏈接該怎么創(chuàng)建呢？2、如何創(chuàng)建錨點超鏈接？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一創(chuàng)建“佳美馨裝飾——網(wǎng)站地圖”網(wǎng)頁中的超鏈接一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識超鏈接（二）創(chuàng)建文本、圖像超鏈接三、任務(wù)實施（一）創(chuàng)建文本超鏈接（二）創(chuàng)建圖像超鏈接（三）創(chuàng)建圖像熱點超鏈接（四）瀏覽超鏈接效果任務(wù)二創(chuàng)建“佳美馨裝飾——聯(lián)系我們”網(wǎng)頁中的超鏈接一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識錨點超鏈接（二）認識文件下載超鏈接（三）認識電子郵件超鏈接（四）認識空鏈接（五）認識腳本鏈接三、任務(wù)實施（一）創(chuàng)建錨點超鏈接（二）創(chuàng)建文件下載超鏈接和電子郵件超鏈接（三）創(chuàng)建腳本鏈接和空鏈接實訓一制作“中國皮影——網(wǎng)站地圖”欄目網(wǎng)頁實訓二制作“中國皮影——皮影的制作流程”內(nèi)容網(wǎng)頁課后練習技巧提升小結(jié)掌握超鏈接的創(chuàng)建方法。掌握圖像超鏈接的創(chuàng)建方法。思考及作業(yè)練習1：制作“購鞋網(wǎng)——公司地圖”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——公司地圖”網(wǎng)頁，要完成此任務(wù)，需要創(chuàng)建文本超鏈接、圖像超鏈接以及圖像熱點超鏈接。參考效果如下圖所示。“購鞋網(wǎng)——公司地圖”網(wǎng)頁效果練習2：制作“購鞋網(wǎng)——給我們留言”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——給我們留言”網(wǎng)頁，重點練習插入錨點鏈接、電子郵件鏈接、文件下載鏈接等內(nèi)容，參考效果如下圖所示。“購鞋網(wǎng)——給我們留言”網(wǎng)頁效果課時內(nèi)容布局網(wǎng)頁授課時間270分鐘課時6教學目標掌握定義CSS樣式的方法掌握使用div+CSS盒子模型布局網(wǎng)頁的方法掌握響應式布局的方法提高網(wǎng)頁設(shè)計的美感提高網(wǎng)頁布局能力教學重點掌握定義CSS樣式的方法掌握使用div+CSS盒子模型布局網(wǎng)頁的方法掌握響應式布局的方法教學難點認識CSS樣式；“CSS設(shè)計器”面板；CSS樣式的屬性；應用CSS樣式；認識div+CSS盒子模型；利用div+CSS盒子模型布局網(wǎng)頁；設(shè)置視口并添加媒體查詢；教學設(shè)計教學思路：（1）通過講解認識CSS樣式，“CSS設(shè)計器”面板，CSS樣式的屬性，應用CSS樣式，認識div+CSS盒子模型，利用div+CSS盒子模型布局網(wǎng)頁等相關(guān)知識，讓學員掌握使用div+CSS樣式盒子模型布局“佳美馨裝飾——公司榮譽”網(wǎng)頁的操作方法；（2）通過講解認識響應式布局，設(shè)置視口，添加媒體查詢等相關(guān)知識，讓學員掌握使用響應式布局制作“佳美飾馨裝”首頁的操作方法。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后通過練習來鞏固所學知識；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，還可參考一些好的布局網(wǎng)站，從中獲取經(jīng)驗。對所學知識進行綜合運用，使學員的記憶更加深刻。教學內(nèi)容知識回顧：前面介紹了超鏈接的創(chuàng)建以及圖像超鏈接的創(chuàng)建方法。本章將介紹布局網(wǎng)頁的操作方法。討論問題：1、如何對網(wǎng)頁進行布局？2、如何應用CSS樣式？3、如何添加媒體查詢？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一使用div+CSS樣式盒子模型布局“佳美馨裝飾——公司榮譽”網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識CSS樣式（二）“CSS設(shè)計器”面板（三）CSS樣式的屬性（四）應用CSS樣式（五）認識div+CSS盒子模型（六）利用div+CSS盒子模型布局網(wǎng)頁三、任務(wù)實施（一）創(chuàng)建并應用標簽CSS樣式（二）創(chuàng)建并應用IDCSS樣式（三）創(chuàng)建并應用類CSS樣式（四）創(chuàng)建并應用后代CSS樣式任務(wù)二使用響應式布局制作“佳美飾馨裝”首頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識響應式布局（二）設(shè)置視口（三）添加媒體查詢?nèi)?、任?wù)實施（一）設(shè)置視口并添加媒體查詢（二）添加CSS樣式并預覽效果實訓一制作“中國皮影——皮影的地方特色”網(wǎng)頁實訓二制作“中國皮影”首頁課后練習技巧提升小結(jié)掌握定義CSS樣式的方法掌握使用div+CSS盒子模型布局網(wǎng)頁的方法掌握響應式布局的方法思考及作業(yè)練習1：制作“購鞋網(wǎng)——消費者保障協(xié)議”網(wǎng)頁本練習要求制作購鞋網(wǎng)的“消費者保障協(xié)議”網(wǎng)頁，需要使用div+CSS盒子模型來布局網(wǎng)頁。參考效果如下圖所示?！百徯W(wǎng)——消費者保障協(xié)議”網(wǎng)頁效果練習2：制作“購鞋網(wǎng)——熱銷精品”網(wǎng)頁本練習要求使用響應式布局來制作“購鞋網(wǎng)——熱銷精品”網(wǎng)頁，重點練習添加媒體查詢，設(shè)置CSS樣式等內(nèi)容，參考效果如下圖所示?！百徯W(wǎng)——熱銷精品”網(wǎng)頁效果

課時內(nèi)容使用模板和庫授課時間225分鐘課時5教學目標提高對模板的分析與應用能力提高對庫的分析與應用能力激發(fā)對研究提高設(shè)計效率的方法的興趣掌握創(chuàng)建模板的方法掌握編輯模板的方法掌握應用模板的方法教學重點掌握應用模板的方法掌握創(chuàng)建庫項目的方法掌握編輯庫項目的方法掌握插入庫項目的方法教學難點認識模板；創(chuàng)建模板；編輯模板；應用模板；認識“資源”面板；創(chuàng)建庫項目；編輯庫項目；插入庫項目；教學設(shè)計教學思路：（1）通過講解認識模板，創(chuàng)建模板，編輯模板，應用模板等相關(guān)知識，讓學員掌握如何使用模板制作“原木簡約風三居室裝修案例”網(wǎng)頁的操作；（2）通過講解認識“資源”面板，創(chuàng)建庫項目，編輯庫項目，插入庫項目等相關(guān)知識，讓學員掌握在“裝修方案精選”網(wǎng)頁中使用庫的操作方法。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后進行練習；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，還可參考一些其他案例，從中獲取經(jīng)驗。對所學知識進行綜合學習，使學員的記憶更加深刻。教學內(nèi)容知識回顧：前面的章節(jié)中介紹了布局網(wǎng)頁的方法，本章主要介紹使用模板和庫創(chuàng)建網(wǎng)頁的方法。討論問題：1、什么是模板？2、如何在網(wǎng)頁中添加庫項目？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一使用模板制作“原木簡約風三居室裝修案例”網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識模板（二）創(chuàng)建模板（三）編輯模板（四）應用模板三、任務(wù)實施（一）創(chuàng)建“案例展示”模板（二）從模板創(chuàng)建“原木簡約風三居室裝修案例”網(wǎng)頁任務(wù)二在“裝修方案精選”網(wǎng)頁中使用庫一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識“資源”面板（二）創(chuàng)建庫項目（三）編輯庫項目（四）插入庫項目三、任務(wù)實施（一）創(chuàng)建“裝修方案”庫項目（二）在網(wǎng)頁中添加庫項目實訓一使用模板制作“中國皮影——陜西皮影”網(wǎng)頁實訓二使用庫項目制作“皮影文創(chuàng)產(chǎn)品”網(wǎng)頁課后練習技巧提升小結(jié)掌握創(chuàng)建模板的方法掌握編輯模板的方法掌握應用模板的方法掌握創(chuàng)建庫項目的方法掌握編輯庫項目的方法掌握插入庫項目的方法思考及作業(yè)練習1：使用模板制作“購鞋網(wǎng)——客戶交流”網(wǎng)頁本練習要求使用模板制作“購鞋網(wǎng)——客戶交流”網(wǎng)頁，需要先將“khjl.html”網(wǎng)頁文件另存為模板，并添加可編輯區(qū)域，然后從模板新建網(wǎng)頁并修改可編輯區(qū)域中的內(nèi)容。參考效果如下圖所示?！百徯W(wǎng)——客戶交流”網(wǎng)頁效果練習2：使用庫項目制作“購鞋網(wǎng)——產(chǎn)品介紹”網(wǎng)頁本練習要求使用庫項目制作“購鞋網(wǎng)——產(chǎn)品介紹”網(wǎng)頁，重點練習創(chuàng)建庫項目、編輯庫項目、插入庫項目等內(nèi)容，參考效果如下圖所示?！百徯W(wǎng)——產(chǎn)品介紹”網(wǎng)頁效果

課時內(nèi)容使用表單和行為授課時間270分鐘課時6教學目標提升網(wǎng)頁表單的設(shè)計效果和實用性激發(fā)對制作網(wǎng)頁表單和添加行為的學習興趣了解表單和表單元素，掌握插入表單和表單元素的方法了解行為和“行為”面板，掌握添加、修改、刪除表單的方法教學重點掌握插入表單和表單元素的方法掌握添加、修改、刪除表單的方法教學難點認識表單和表單元素；插入表單并設(shè)置表單屬性；插入表單元素；認識“行為”面板；添加行為；修改行為；刪除行為；教學設(shè)計教學思路：（1）通過講解認識表單和表單元素，插入表單并設(shè)置表單屬性，插入表單元素等相關(guān)知識，讓學員掌握在“佳美馨裝飾——會員登錄”網(wǎng)頁中使用表單的操作方法；（2）通過講解認識行為，認識“行為”面板，添加行為，修改行為，刪除行為等相關(guān)知識，讓學員掌握在“佳美馨裝飾——會員登錄”網(wǎng)頁中使用行為的操作方法。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后進行練習；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，還可補充說明插入表單的注意事項，提高學員的制作熟練度。教學內(nèi)容知識回顧：在前面講解了使用模板和庫布局頁面的方法。本章將講解使用表單和行為制作網(wǎng)頁的方法。討論問題：1、怎么修改行為？2、為什么“行為”面板里面看不到添加的行為？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一在“佳美馨裝飾——會員登錄”網(wǎng)頁中使用表單一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識表單和表單元素（二）插入表單并設(shè)置表單屬性（三）插入表單元素三、任務(wù)實施（一）創(chuàng)建表單并設(shè)置屬性（二）插入表單元素并設(shè)置屬性任務(wù)二在“佳美馨裝飾——會員登錄”網(wǎng)頁中使用行為一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識行為（二）認識“行為”面板（三）添加行為（四）修改行為（五）刪除行為三、任務(wù)實施（一）添加“檢查表單”行為（二）添加“彈出信息”行為實訓一在“中國皮影——問卷調(diào)查”網(wǎng)頁中使用表單實訓二在“中國皮影——皮影圖集”網(wǎng)頁中使用行為課后練習技巧提升小結(jié)掌握插入表單和表單元素的方法掌握添加、修改、刪除表單的方法思考及作業(yè)練習1：制作“購鞋網(wǎng)——會員注冊”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——會員注冊”網(wǎng)頁，重點練習插入表單以及插入插入表單元素的的方法等內(nèi)容。參考效果如下圖所示?！百徯W(wǎng)——會員注冊”網(wǎng)頁效果練習2：制作“購鞋網(wǎng)——品牌展廳”網(wǎng)頁本練習要求制作“購鞋網(wǎng)——品牌展廳”網(wǎng)頁，重點練習插入“彈出信息”“打開瀏覽器窗口”“交換圖像”等行為的方法，參考效果如下圖所示?！百徯W(wǎng)——品牌展廳”網(wǎng)頁效果

課時內(nèi)容制作移動端網(wǎng)頁授課時間225分鐘課時5教學目標提升對移動端網(wǎng)頁的布局能力激發(fā)對制作手機端網(wǎng)頁的學習興趣激發(fā)對制作PHP網(wǎng)頁的學習興趣掌握創(chuàng)建jQueryMobile頁面以及使用jQueryMobile組件的方法掌握配置服務(wù)器信息的方法掌握安裝PHP服務(wù)器、編輯PHP頁面以及瀏覽PHP頁面的方法教學重點掌握創(chuàng)建jQueryMobile頁面以及使用jQueryMobile組件的方法掌握配置服務(wù)器信息的方法掌握安裝PHP服務(wù)器、編輯PHP頁面以及瀏覽PHP頁面的方法教學難點認識jQueryMobile；創(chuàng)建jQueryMobile頁面；使用jQueryMobile組件；安裝PHP服務(wù)器；編輯PHP頁面；瀏覽PHP頁面；教學設(shè)計教學思路：（1）通過認識jQueryMobile，創(chuàng)建jQueryMobile頁面，使用jQueryMobile組件等相關(guān)知識，讓學員掌握制作移動端“裝修案例”網(wǎng)頁的操作方法；（2）通過講解安裝PHP服務(wù)器，編輯PHP頁面，瀏覽PHP頁面等相關(guān)知識，讓學員掌握創(chuàng)建PHP頁面的操作方法。（3）安排兩個實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后進行練習；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，還可上網(wǎng)查詢制作移動端網(wǎng)頁的相關(guān)操作，提高學員的制作熟練度。教學內(nèi)容知識回顧：在前面講解了使用表單和行為制作網(wǎng)頁的方法。本章將講解制作移動端網(wǎng)頁的操作方法。討論問題：1、如何添加jQueryMobile頁面？2、如何安裝PHP服務(wù)器？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一制作移動端“裝修案例”網(wǎng)頁一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識jQueryMobile（二）創(chuàng)建jQueryMobile頁面（三）使用jQueryMobile組件三、任務(wù)實施（一）添加jQueryMobile頁面（二）為頁面添加內(nèi)容任務(wù)二創(chuàng)建PHP頁面一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）安裝PHP服務(wù)器（二）編輯PHP頁面（三）瀏覽PHP頁面三、任務(wù)實施（一）啟動PHP服務(wù)器（二）制作并瀏覽PHP頁面實訓一制作移動端“中國皮影”網(wǎng)頁實訓二制作移動端“問卷調(diào)查”網(wǎng)頁課后練習技巧提升小結(jié)掌握創(chuàng)建jQueryMobile頁面以及使用jQueryMobile組件的方法掌握配置服務(wù)器信息的方法掌握安裝PHP服務(wù)器、編輯PHP頁面以及瀏覽PHP頁面的方法思考及作業(yè)練習：制作移動端“購鞋網(wǎng)”網(wǎng)頁本練習要求制作移動端“購鞋網(wǎng)”網(wǎng)頁，重點練習移動端網(wǎng)頁的制作。參考效果如下圖所示。移動端“購鞋網(wǎng)”網(wǎng)頁效果

課時內(nèi)容測試與發(fā)布網(wǎng)站授課時間225分鐘課時5教學目標掌握通過實時預覽功能同時在多個瀏覽器中瀏覽網(wǎng)頁的方法掌握通過設(shè)備仿真功能瀏覽網(wǎng)頁在移動設(shè)備中的顯示效果的方法了解域名的相關(guān)知識了解網(wǎng)站空間的相關(guān)知識掌握配置遠程站點并發(fā)布網(wǎng)站的方法教學重點掌握通過實時預覽功能同時在多個瀏覽器中瀏覽網(wǎng)頁的方法掌握通過設(shè)備仿真功能瀏覽網(wǎng)頁在移動設(shè)備中的顯示效果的方法掌握配置遠程站點并發(fā)布網(wǎng)站的方法教學難點實時預覽網(wǎng)頁；使用設(shè)備仿真功能預覽網(wǎng)頁在移動設(shè)備中的顯示效果；認識域名；認識網(wǎng)站空間；發(fā)布網(wǎng)站教學設(shè)計教學思路：（1）通過講解實時預覽網(wǎng)頁，使用設(shè)備仿真功能預覽網(wǎng)頁在移動設(shè)備中的顯示效果等相關(guān)知識，讓學員掌握如何測試“佳美馨裝飾”網(wǎng)站的操作方法；（2）通過講解認識域名，認識網(wǎng)站空間，發(fā)布網(wǎng)站等相關(guān)知識，讓學員掌握發(fā)布“佳美馨裝飾”網(wǎng)站的操作方法。（3）安排實訓鞏固本章所學知識。（4）安排課后練習和技巧提升。教學手段：（1）通過演示講解基礎(chǔ)知識，講解結(jié)束后進行練習；（2）對于重點操作可以著重演示，并加強舉例說明。教學資料及要求：除教材中的實例外，還可以讓學員在網(wǎng)上搜索相關(guān)知識進行學習，豐富學員的課外知識。教學內(nèi)容知識回顧：在前面講解了制作移動端網(wǎng)頁的方法。本章將講解測試與發(fā)布網(wǎng)站的相關(guān)知識。討論問題：1、如何同時在多個瀏覽器中瀏覽網(wǎng)頁？2、如何在局域網(wǎng)中發(fā)布站點？內(nèi)容大綱：具體可結(jié)合本章的PPT課件進行配合講解。任務(wù)一測試“佳美馨裝飾”網(wǎng)站一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）實時預覽網(wǎng)頁（二）使用設(shè)備仿真功能預覽網(wǎng)頁在移動設(shè)備中的顯示效果三、任務(wù)實施（一）實時預覽“裝修方案精選”網(wǎng)頁（二）預覽“裝修案例”網(wǎng)頁在移動設(shè)備中的顯示效果任務(wù)二發(fā)布“佳美馨裝飾”網(wǎng)站一、任務(wù)描述（一）任務(wù)背景（二）任務(wù)目標二、相關(guān)知識（一）認識域名（二）認