《靜態(tài)網(wǎng)頁設(shè)計制作》教案全套-教學(xué)設(shè)計趙健 項目1-12 Dreamweaver 2021概述-時尚資訊網(wǎng)站設(shè)計綜合實例

說明一、教案是教師組織實施教學(xué)活動必備的教學(xué)文件，是教學(xué)檢查的必要內(nèi)容，使用前通常經(jīng)過系部、學(xué)院兩級試教審批，改革課、新開課必須經(jīng)過系(部)試教審批，學(xué)院組織對重點(diǎn)課程進(jìn)行試教審批。試教未通過、審批手續(xù)不全的不得用于授課。二、教案的編寫應(yīng)依據(jù)人才培養(yǎng)方案和課程標(biāo)準(zhǔn)，教師在充分研究教材的基礎(chǔ)上，區(qū)分教學(xué)對象、課程類別、教學(xué)內(nèi)容等進(jìn)行編寫，應(yīng)體現(xiàn)任課教師的風(fēng)格。不同教學(xué)班次應(yīng)使用不同的教案。三、任課教師在授課前應(yīng)根據(jù)學(xué)科、專業(yè)、方向的發(fā)展情況、新的教學(xué)要求以及教學(xué)對象的實際水平，及時補(bǔ)充、修改或重新進(jìn)行教案的編寫，以保持教學(xué)活動的先進(jìn)性和適用性。四、教案中每次課后應(yīng)有留給學(xué)生的作業(yè)(如思考討論題、學(xué)生應(yīng)查閱的有關(guān)書籍資料等)、小結(jié)等。課程結(jié)束后教案的教學(xué)后記中應(yīng)有課程總結(jié)(包括基本情況、好的方面、存在問題、改進(jìn)措施、意見建議等內(nèi)容)。五、授課過程中，教案由教師本人負(fù)責(zé)保管，授課使用結(jié)束后由教研室指定專人于每學(xué)期結(jié)束前統(tǒng)一送至教學(xué)檔案室存檔。教案審批表學(xué)年度第2學(xué)期課程靜態(tài)網(wǎng)頁設(shè)計制作授課對象計算機(jī)專業(yè)?？粕鷮I(yè)計算機(jī)和大數(shù)據(jù)班級人數(shù)80授課學(xué)時50（理論25、實驗25）授課地點(diǎn)院部院部領(lǐng)導(dǎo)：年月日學(xué)校主管教學(xué)副校長：年月日備注年月日《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目一Dreamweaver2021概述 任務(wù)1Dreamweaver2021窗口組成 任務(wù)引入 知識準(zhǔn)備 一、菜單欄 二、文檔工具欄 三、通用工具欄 四、“插入”面板 五、文檔窗口 六、“屬性”面板 七、浮動面板組 任務(wù)2文件操作 任務(wù)引入 知識準(zhǔn)備 一、打開文件 二、創(chuàng)建文件 三、存儲文件 四、設(shè)置文檔屬性 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一認(rèn)識Dreamweaver2021界面 實戰(zhàn)二新建HTML文件并保存 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：熟悉Dreamweaver2021的啟動方法；熟悉Dreamweaver2021的工作界面；掌握Dreamweaver2021的文件操作。能力目標(biāo)：為后續(xù)學(xué)習(xí)Dreamweaver2021積累必要的背景知識。素養(yǎng)目標(biāo)：使學(xué)生對Dreamweaver2021有一個較系統(tǒng)和全面的認(rèn)識。重點(diǎn)難點(diǎn)及其處理重點(diǎn):（1）Dreamweaver2021窗口組成。（2）文件操作。難點(diǎn)：（1）認(rèn)識Dreamweaver2021界面。（2）新建HTML文件并保存。處理方法：結(jié)合實例，有針對性對學(xué)習(xí)Dreamweaver2021積累必要的背景知識。教學(xué)方法（1）講授（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生學(xué)習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）新建HTML文件并保存。（2）預(yù)習(xí)：項目二。備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目二HTML與CSS基礎(chǔ) 任務(wù)1HTML基礎(chǔ) 任務(wù)引入 知識準(zhǔn)備 一、HTML語言概述 二、HTML的語法特性 任務(wù)2常用的HTML標(biāo)簽 任務(wù)引入 知識準(zhǔn)備 一、文檔的結(jié)構(gòu)標(biāo)簽 二、注釋標(biāo)簽 三、文本格式標(biāo)簽 四、排版標(biāo)簽 五、列表標(biāo)簽 六、表格標(biāo)簽 七、表單標(biāo)簽 八、其他標(biāo)簽 任務(wù)3CSS基礎(chǔ) 任務(wù)引入 知識準(zhǔn)備 一、CSS概述 二、CSS樣式表的組成 任務(wù)4CSS設(shè)計器 任務(wù)引入 知識準(zhǔn)備 一、創(chuàng)建和附加樣式表 二、定義媒體查詢 三、定義CSS選擇器 四、設(shè)置CSS屬性 綜合案例CSS樣式的應(yīng)用 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一編寫網(wǎng)頁文件 實戰(zhàn)二用CSS樣式控制文本樣式 課時6教學(xué)目標(biāo)及要求知識目標(biāo)：了解HTML語法的3種表達(dá)方式；熟悉HTML中常用的一些標(biāo)簽；掌握創(chuàng)建CSS規(guī)則的方法；學(xué)會如何定義媒體查詢；學(xué)會如何設(shè)置CSS屬性；學(xué)會利用CSS樣式定義一些特殊的HTML屬性。能力目標(biāo)：能夠靈活應(yīng)用HTML與CSS基礎(chǔ)知識。素養(yǎng)目標(biāo)：基礎(chǔ)入手，不斷更新所學(xué)知識，培養(yǎng)持之以恒的學(xué)習(xí)態(tài)度。重點(diǎn)難點(diǎn)及其處理重點(diǎn):（1）常用的HTML標(biāo)簽。（2）CSS設(shè)計器。難點(diǎn)：（1）編寫網(wǎng)頁文件。（2）用CSS樣式控制文本樣式。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生學(xué)習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）用CSS樣式控制文本樣。（2）預(yù)習(xí)：項目三。備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目三構(gòu)建本地站點(diǎn) 任務(wù)1站點(diǎn)概述 任務(wù)引入 知識準(zhǔn)備 一、Internet服務(wù)器和本地計算機(jī) 二、本地站點(diǎn)與遠(yuǎn)端站點(diǎn) 任務(wù)2構(gòu)建本地站點(diǎn) 任務(wù)引入 知識準(zhǔn)備 任務(wù)3管理本地站點(diǎn)和站點(diǎn)文件 任務(wù)引入 知識準(zhǔn)備 一、管理站點(diǎn) 二、操作站點(diǎn)文件或文件夾 任務(wù)4站點(diǎn)發(fā)布 任務(wù)引入 知識準(zhǔn)備 一、配置遠(yuǎn)程站點(diǎn) 二、上傳、下載與同步更新 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一在本機(jī)上創(chuàng)建站點(diǎn)bz 實戰(zhàn)二為創(chuàng)建的站點(diǎn)設(shè)置服務(wù)器 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：了解服務(wù)器與本地計算機(jī)的聯(lián)系與區(qū)別；了解遠(yuǎn)端站點(diǎn)和本地站點(diǎn)的區(qū)別；掌握構(gòu)建本地站點(diǎn)的方法和步驟；學(xué)會打開、編輯、刪除和復(fù)制站點(diǎn)；學(xué)會創(chuàng)建、刪除、編輯站點(diǎn)文件，刷新本地站點(diǎn)文件列表。能力目標(biāo)：能夠根據(jù)自己的需要掌握構(gòu)建本地站點(diǎn)的方法。素養(yǎng)目標(biāo)：學(xué)會理論聯(lián)系實際，明白實踐是檢驗真理的唯一標(biāo)準(zhǔn)。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）站點(diǎn)概述；（2）站點(diǎn)概述。難點(diǎn)：（1）在本機(jī)上創(chuàng)建站點(diǎn)bz。（2）為創(chuàng)建的站點(diǎn)設(shè)置服務(wù)器。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）為創(chuàng)建的站點(diǎn)設(shè)置服務(wù)器。（2）預(yù)習(xí)：項目四備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目四文本與圖像 任務(wù)1在網(wǎng)頁中插入文本 任務(wù)引入 知識準(zhǔn)備 一、插入文本 二、設(shè)置文本屬性 三、創(chuàng)建列表項 四、插入日期 任務(wù)2在網(wǎng)頁中插入圖像 任務(wù)引入 知識準(zhǔn)備 一、關(guān)于圖像 二、插入圖像 三、圖像的屬性 四、修改圖像尺寸 五、創(chuàng)建翻轉(zhuǎn)圖像 六、設(shè)置背景圖像 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一在網(wǎng)頁中插入文本和日期 實戰(zhàn)二在網(wǎng)頁中插入圖像和文字 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會在網(wǎng)頁中插入文本并設(shè)置文本屬性；學(xué)會在網(wǎng)頁中插入日期；學(xué)會創(chuàng)建各種鏈接并管理鏈接；學(xué)會使用熱點(diǎn)制作圖像映射。能力目標(biāo)：使學(xué)生具備操作網(wǎng)頁中文本與圖像的相關(guān)能力。素養(yǎng)目標(biāo)：體會傳統(tǒng)文化設(shè)計作品的構(gòu)圖精髓，善于發(fā)現(xiàn)和融合特色元素。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）在網(wǎng)頁中插入文本；（2）在網(wǎng)頁中插入圖像。難點(diǎn)：（1）在網(wǎng)頁中插入文本和日期。（2）在網(wǎng)頁中插入圖像和文字。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）在網(wǎng)頁中插入圖像和文字。（2）預(yù)習(xí)：項目五。備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目五制作超鏈接 任務(wù)1認(rèn)識超級鏈接 任務(wù)引入 知識準(zhǔn)備 任務(wù)2制作、管理超鏈接 任務(wù)引入 知識準(zhǔn)備 一、創(chuàng)建文本超鏈接 二、創(chuàng)建圖像鏈接 三、鏈接到命名錨點(diǎn) 四、創(chuàng)建E-Mail鏈接 五、虛擬鏈接和腳本鏈接 六、使用“URLs”面板管理超鏈接 任務(wù)3使用熱點(diǎn)制作圖像映射 任務(wù)引入 知識準(zhǔn)備 綜合實例文本與鏈接網(wǎng)頁實例 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一創(chuàng)建腳本鏈接 實戰(zhàn)二制作圖像映射 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會創(chuàng)建文本、圖像和E-Mail鏈接;學(xué)會連接到命名錨點(diǎn);學(xué)會利用“URLs”面板管理超鏈接;學(xué)會使用熱點(diǎn)制作圖像映射。能力目標(biāo)：能夠熟練掌握制作使用超鏈接的相關(guān)知識。素養(yǎng)目標(biāo)：學(xué)會不求甚解，實事求是，真正掌握所學(xué)內(nèi)容。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）認(rèn)識超級鏈接；（2）制作、管理超鏈接。難點(diǎn)：（1）創(chuàng)建腳本鏈接。（2）制作圖像映射。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）制作圖像映射。（2）預(yù)習(xí)：項目六。備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目六制作多媒體網(wǎng)頁 任務(wù)1添加聲音 任務(wù)引入 知識準(zhǔn)備 一、關(guān)于聲音 二、鏈接到音頻文件 三、嵌入音樂文件 任務(wù)2HTML5多媒體 任務(wù)引入 知識準(zhǔn)備 一、插入HTML5視頻 二、設(shè)置HTML5視頻屬性 三、插入HTML5音頻 四、設(shè)置HTML5音頻屬性 任務(wù)3Flash對象 任務(wù)引入 知識準(zhǔn)備 一、添加Flash動畫 二、插入Flash視頻內(nèi)容 三、修改Flash視頻屬性 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一在網(wǎng)頁中添加聲音 實戰(zhàn)二插入Flash視頻 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會在網(wǎng)頁中插添加聲音；學(xué)會在網(wǎng)頁中插入HTML5媒體對象；學(xué)會在網(wǎng)頁中插入Flash對象。能力目標(biāo)：能夠掌握制作多媒體網(wǎng)頁的方法。素養(yǎng)目標(biāo)：培養(yǎng)學(xué)生對本課程的興趣以及自主探索能力。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）添加聲音；（2）HTML5多媒體。難點(diǎn)：（1）在網(wǎng)頁中添加聲音;（2）插入Flash視頻。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）插入Flash視頻。（2）預(yù)習(xí)：項目七。備注

《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目七用表格規(guī)劃網(wǎng)頁 任務(wù)1創(chuàng)建表格 任務(wù)引入 知識準(zhǔn)備 一、創(chuàng)建表格、單元格 二、創(chuàng)建嵌套表格 任務(wù)2表格操作 任務(wù)引入 知識準(zhǔn)備 一、選定表格對象 二、設(shè)置表格和單元格屬性 三、擴(kuò)展表格模式 四、增加、刪除行或列 五、拆分、合并單元格 六、在表格中添加內(nèi)容 七、復(fù)制、粘貼單元格 八、導(dǎo)出/導(dǎo)入表格數(shù)據(jù) 九、表格排序 綜合案例利用表格布局頁面 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一創(chuàng)建表格和嵌套表格 實戰(zhàn)二對表格進(jìn)行排序 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會創(chuàng)建表格、設(shè)置表格和單元格屬性;掌握表格的各種操作。能力目標(biāo)：能夠讓學(xué)生掌握用表格規(guī)劃網(wǎng)頁的方法。素養(yǎng)目標(biāo)：注重培養(yǎng)分析能力，主動拓寬自己的視野，充分發(fā)揮創(chuàng)造力。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）創(chuàng)建表格；（2）表格操作。難點(diǎn)：（1）創(chuàng)建表格和嵌套表格；（2）對表格進(jìn)行排序。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）對表格進(jìn)行排序。（2）預(yù)習(xí)：項目八備注《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目八Div+CSS布局 任務(wù)1Div+CSS概述 任務(wù)引入 知識準(zhǔn)備 任務(wù)2CSS盒模型 任務(wù)引入 知識準(zhǔn)備 一、CSS盒模型簡介 二、常用的盒模型屬性 任務(wù)3CSS層疊順序 任務(wù)引入 知識準(zhǔn)備 一、外部樣式 二、內(nèi)部樣式 三、行內(nèi)樣式 四、導(dǎo)入樣式 任務(wù)4CSS布局塊 任務(wù)引入 知識準(zhǔn)備 一、創(chuàng)建div標(biāo)簽 二、編輯div標(biāo)簽 三、可視化CSS布局塊 任務(wù)5常用CSS布局版式 任務(wù)引入 知識準(zhǔn)備 一、一列布局 二、兩列布局 三、三列布局 綜合案例Div標(biāo)簽應(yīng)用實例 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一制作簡易公告欄 實戰(zhàn)二利用CSS規(guī)則隱藏布局塊 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：了解CSS盒模型的屬性；了解CSS的四種樣式的區(qū)別；學(xué)會創(chuàng)建和編輯div標(biāo)簽以及設(shè)置CSS布局塊的可視化；學(xué)會創(chuàng)建常用的CSS布局版式。能力目標(biāo)：能夠讓學(xué)生利用div+css布局網(wǎng)頁。素養(yǎng)目標(biāo)：培養(yǎng)積極探索、迎難而上，培養(yǎng)堅持不懈的科學(xué)精神。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）Div+CSS概述。（2）CSS盒模型。難點(diǎn)：（1）制作簡易公告欄。（2）利用CSS規(guī)則隱藏布局塊。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）利用CSS規(guī)則隱藏布局塊。（4）預(yù)習(xí)：項目九。備注《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目九應(yīng)用表單 任務(wù)1創(chuàng)建表單網(wǎng)頁 任務(wù)引入 知識準(zhǔn)備 一、插入表單 二、文本字段和文件域 三、選擇框 四、單選按鈕與復(fù)選框 五、按鈕 六、圖像按鈕 七、隱藏域 任務(wù)2處理表單 任務(wù)引入 知識準(zhǔn)備 項目總結(jié)項目實戰(zhàn) 實戰(zhàn)一文檔中插入文本字段 實戰(zhàn)二在文檔中插入復(fù)選按鈕組 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會插入表單，在表單中插入文本字段和文件域；學(xué)會插入選擇框、單選按鈕和復(fù)選框；學(xué)會插入圖像按鈕和其他各種按鈕；學(xué)會處理表單。能力目標(biāo)：能夠掌握表單的插入和應(yīng)用方法。素養(yǎng)目標(biāo)：培養(yǎng)認(rèn)真細(xì)致的工作作風(fēng)和精益求精的工匠精神。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）創(chuàng)建表單網(wǎng)頁；（2）處理表單。難點(diǎn)：（1）文檔中插入文本字段。（2）在文檔中插入復(fù)選按鈕組。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）在文檔中插入復(fù)選按鈕組。（2）預(yù)習(xí)：項目十。備注《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目十模板與庫 任務(wù)1模板 任務(wù)引入 知識準(zhǔn)備 一、“模板”面板 二、建立模板 三、定義可編輯區(qū)域 四、定義重復(fù)區(qū)域 五、定義可選區(qū)域 六、定義嵌套模板 七、應(yīng)用模板創(chuàng)建文檔 八、應(yīng)用模板到頁 九、修改模板并更新站點(diǎn) 十、管理模板 任務(wù)2庫 任務(wù)引入 知識準(zhǔn)備 一、庫面板 二、創(chuàng)建及使用庫項目 三、操作庫項目 綜合案例模板與庫的應(yīng)用 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一在模板文檔中插入可選區(qū)域 實戰(zhàn)二制作版權(quán)聲明 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：學(xué)會建立模板并設(shè)置模板屬性；學(xué)會定義可編輯、重復(fù)和可選區(qū)域；學(xué)會定義嵌套模板以及應(yīng)用模板創(chuàng)建網(wǎng)頁；學(xué)會創(chuàng)建庫項目和操作庫項目。能力目標(biāo)：能夠掌握發(fā)布與部署的方法。素養(yǎng)目標(biāo)：在掌握技能目標(biāo)的同時，培養(yǎng)讀者融會貫通、嚴(yán)謹(jǐn)務(wù)實的優(yōu)秀品質(zhì)。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）模板；（2）庫。 難點(diǎn)：（1）在模板文檔中插入可選區(qū)域。（2）制作版權(quán)聲明。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

Web靜態(tài)網(wǎng)頁設(shè)計與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國鐵道出版社"中國鐵道出版社，2017及其要求課外作業(yè)（1）制作版權(quán)聲明。（2）預(yù)習(xí)：項目十一。備注《靜態(tài)網(wǎng)頁設(shè)計制作》教學(xué)方案內(nèi)容(標(biāo)題)項目十一Dreamweaver2021的內(nèi)置行為 任務(wù)1行為概述 任務(wù)引入 知識準(zhǔn)備 一、事件與動作 二、“行為”面板 三、附加行為到頁面元素 四、編輯行為 任務(wù)2Dreamweaver2021的內(nèi)置行為 任務(wù)引入 知識準(zhǔn)備 一、調(diào)用JavaScript 二、改變屬性 三、檢查插件 四、jQuery效果 五、轉(zhuǎn)到URL 六、交換圖像/恢復(fù)交換圖像 七、彈出信息 八、打開瀏覽器窗口 九、顯示-隱藏元素 十、檢查表單 十一、設(shè)置文本 十二、預(yù)先載入圖像 項目總結(jié) 項目實戰(zhàn) 實戰(zhàn)一為網(wǎng)頁按鈕調(diào)用JavaScript行為 實戰(zhàn)二改變標(biāo)簽的屬性 課時4教學(xué)目標(biāo)及要求知識目標(biāo)：了解事件和動作的概念以及“行為”面板的功能；學(xué)會附加行為到頁面元素以及編輯行為；學(xué)會創(chuàng)建Dreamweaver幾種常見的內(nèi)置行為。能力目標(biāo)：能夠?qū)W會創(chuàng)建Dreamweaver幾種常見的內(nèi)置行為。素養(yǎng)目標(biāo)：學(xué)會理論聯(lián)系實際，明白實踐是檢驗真理的唯一標(biāo)準(zhǔn)。重點(diǎn)難點(diǎn)及其處理重點(diǎn)：（1）行為概述；（2）Dreamweaver2021的內(nèi)置行為。 難點(diǎn)：（1）為網(wǎng)頁按鈕調(diào)用JavaScript行為。（2）改變標(biāo)簽的屬性。處理方法：結(jié)合實例講授及演示操作；并進(jìn)行針對性的實訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計與制作．ISBN：97871113634