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

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目二。備注

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目三。備注

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目四備注

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目五。備注

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目六。備注

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目七。備注

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

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

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

Web靜態(tài)網(wǎng)頁設(shè)計(jì)與排版．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í)：項(xiàng)目九。備注《靜態(tài)網(wǎng)頁設(shè)計(jì)制作》教學(xué)方案內(nèi)容(標(biāo)題)項(xiàng)目九應(yīng)用表單 任務(wù)1創(chuàng)建表單網(wǎng)頁 任務(wù)引入 知識(shí)準(zhǔn)備 一、插入表單 二、文本字段和文件域 三、選擇框 四、單選按鈕與復(fù)選框 五、按鈕 六、圖像按鈕 七、隱藏域 任務(wù)2處理表單 任務(wù)引入 知識(shí)準(zhǔn)備 項(xiàng)目總結(jié)項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一文檔中插入文本字段 實(shí)戰(zhàn)二在文檔中插入復(fù)選按鈕組 課時(shí)4教學(xué)目標(biāo)及要求知識(shí)目標(biāo)：學(xué)會(huì)插入表單，在表單中插入文本字段和文件域；學(xué)會(huì)插入選擇框、單選按鈕和復(fù)選框；學(xué)會(huì)插入圖像按鈕和其他各種按鈕；學(xué)會(huì)處理表單。能力目標(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é)合實(shí)例講授及演示操作；并進(jìn)行針對(duì)性的實(shí)訓(xùn)練習(xí)。教學(xué)方法（1）講授+學(xué)生上機(jī)練習(xí)（2）加強(qiáng)課堂指導(dǎo)，及時(shí)解決學(xué)生練習(xí)中出現(xiàn)的問題。參考文獻(xiàn)[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁設(shè)計(jì)與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．

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

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