《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作》教學(xué)大綱

《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作》教學(xué)大綱第一部分大綱說明一、課程性質(zhì)與任務(wù)《靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作》課程是計(jì)算機(jī)與數(shù)據(jù)工程學(xué)院計(jì)算機(jī)和大數(shù)據(jù)專業(yè)的公共基礎(chǔ)課。通過本課程的學(xué)習(xí)，使學(xué)生了解靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作的基礎(chǔ)知識(shí)，掌握靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作的應(yīng)用操作技能，學(xué)會(huì)利用靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作基本方法，培養(yǎng)學(xué)生靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作素養(yǎng)和制作水平，提高學(xué)生解決靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作實(shí)際問題的能力。二、教學(xué)對(duì)象計(jì)算機(jī)專業(yè)大學(xué)本科。三、教學(xué)目的和要求本課程是一門技術(shù)性、實(shí)踐性和實(shí)用性很強(qiáng)的課程，教學(xué)過程中要堅(jiān)持“精講多練”的指導(dǎo)思想，綜合運(yùn)用案例式、任務(wù)驅(qū)動(dòng)式、項(xiàng)目式、研討式、啟發(fā)式等多種教學(xué)方法，充分利用網(wǎng)絡(luò)、多媒體等現(xiàn)代教學(xué)手段，通過理論講授、實(shí)例操作演示、上機(jī)實(shí)驗(yàn)等環(huán)節(jié)，培養(yǎng)學(xué)生的靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作應(yīng)用能力、自主學(xué)習(xí)能力、獨(dú)立思考能力和開拓創(chuàng)新能力。通過本課程的學(xué)習(xí)，了解Dreamweaver2021的基礎(chǔ)知識(shí)和應(yīng)用技巧；了解Dreamweaver2021的特點(diǎn)和功能；熟練掌握Dreamweaver2021制作靜態(tài)、動(dòng)態(tài)網(wǎng)頁(yè)網(wǎng)站的方法與技巧；結(jié)合實(shí)例講解掌握網(wǎng)站開發(fā)的實(shí)踐能力。四、先修課程本課程的先修課程是《計(jì)算機(jī)應(yīng)用基礎(chǔ)》。五、使用教材及參考資料使用教材：趙健、胡仁喜.靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)制作，北京：電子工業(yè)出版社，2022.1參考資料：[1].胡漢輝//孔嵐．靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與制作．ISBN：9787111363415．北京：\o"電子工業(yè)出版社"\o"機(jī)械工業(yè)出版社"機(jī)械工業(yè)出版社，2016[2].李妍//郭峰//柴俊霞．Web靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)與排版．ISBN：9787302419471．北京：\o"清華大學(xué)出版社"清華大學(xué)出版社，2016[3].任長(zhǎng)權(quán)//李可強(qiáng)//閆鵬飛

．靜態(tài)網(wǎng)頁(yè)制作技術(shù)教程．ISBN：9787113233990.北京：\o"中國(guó)鐵道出版社"中國(guó)鐵道出版社，2017六、教學(xué)形式、教學(xué)方法及實(shí)踐性環(huán)節(jié)教學(xué)形式：理實(shí)一體化教學(xué)方法：講授與上機(jī)實(shí)驗(yàn)結(jié)合七、考核考核形式：上機(jī)考試；試卷結(jié)構(gòu)：?jiǎn)雾?xiàng)選擇題、判斷題、操作題。成績(jī)?cè)u(píng)定：期末考試（80%），平時(shí)考核（20%）；八、課時(shí)分配表總學(xué)時(shí)：50學(xué)時(shí)章目教學(xué)內(nèi)容教學(xué)課時(shí)項(xiàng)目一Dreamweaver2021概述 4項(xiàng)目二HTML與CSS基礎(chǔ)6項(xiàng)目三構(gòu)建本地站點(diǎn)4項(xiàng)目四文本與圖像4項(xiàng)目五制作超鏈接4項(xiàng)目六制作多媒體網(wǎng)頁(yè)4項(xiàng)目七用表格規(guī)劃網(wǎng)頁(yè)4項(xiàng)目八Div+CSS布局4項(xiàng)目九應(yīng)用表單4項(xiàng)目十模板與庫(kù)4項(xiàng)目十一Dreamweaver2021的內(nèi)置行為4項(xiàng)目十二時(shí)尚資訊網(wǎng)站設(shè)計(jì)綜合實(shí)例4合計(jì)50九、教學(xué)進(jìn)度表周次學(xué)時(shí)教學(xué)內(nèi)容第一周4項(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文件并保存第二周3項(xiàng)目二HTML與CSS基礎(chǔ) 任務(wù)1HTML基礎(chǔ) 任務(wù)引入 知識(shí)準(zhǔn)備 一、HTML語(yǔ)言概述 二、HTML的語(yǔ)法特性 任務(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)簽 第三周3項(xiàng)目二HTML與CSS基礎(chǔ) 任務(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)頁(yè)文件 實(shí)戰(zhàn)二用CSS樣式控制文本樣式 第四周2項(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)文件或文件夾 第五周2項(xiàng)目三構(gòu)建本地站點(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ù)器第六周4項(xiàng)目四文本與圖像 任務(wù)1在網(wǎng)頁(yè)中插入文本 任務(wù)引入 知識(shí)準(zhǔn)備 一、插入文本 二、設(shè)置文本屬性 三、創(chuàng)建列表項(xiàng) 四、插入日期 任務(wù)2在網(wǎng)頁(yè)中插入圖像 任務(wù)引入 知識(shí)準(zhǔn)備 一、關(guān)于圖像 二、插入圖像 三、圖像的屬性 四、修改圖像尺寸 五、創(chuàng)建翻轉(zhuǎn)圖像 六、設(shè)置背景圖像 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一在網(wǎng)頁(yè)中插入文本和日期 實(shí)戰(zhàn)二在網(wǎng)頁(yè)中插入圖像和文字第七周4項(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)頁(yè)實(shí)例 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一創(chuàng)建腳本鏈接 實(shí)戰(zhàn)二制作圖像映射 第八周4項(xiàng)目六制作多媒體網(wǎng)頁(yè) 任務(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)頁(yè)中添加聲音 實(shí)戰(zhàn)二插入Flash視頻 第九周4項(xiàng)目七用表格規(guī)劃網(wǎng)頁(yè) 任務(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ù) 九、表格排序 綜合案例利用表格布局頁(yè)面 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一創(chuàng)建表格和嵌套表格 實(shí)戰(zhàn)二對(duì)表格進(jìn)行排序 第十周2項(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)入樣式 第十一周2項(xiàng)目八Div+CSS布局 任務(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ī)則隱藏布局塊第十二周4項(xiàng)目九應(yīng)用表單 任務(wù)1創(chuàng)建表單網(wǎng)頁(yè) 任務(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ù)選按鈕組第十三周2項(xiàng)目十模板與庫(kù) 任務(wù)1模板 任務(wù)引入 知識(shí)準(zhǔn)備 一、“模板”面板 二、建立模板 三、定義可編輯區(qū)域 四、定義重復(fù)區(qū)域 五、定義可選區(qū)域 六、定義嵌套模板 七、應(yīng)用模板創(chuàng)建文檔 八、應(yīng)用模板到頁(yè) 九、修改模板并更新站點(diǎn) 十、管理模板 第十四周2項(xiàng)目十模板與庫(kù) 任務(wù)2庫(kù) 任務(wù)引入 知識(shí)準(zhǔn)備 一、庫(kù)面板 二、創(chuàng)建及使用庫(kù)項(xiàng)目 三、操作庫(kù)項(xiàng)目 綜合案例模板與庫(kù)的應(yīng)用 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一在模板文檔中插入可選區(qū)域 實(shí)戰(zhàn)二制作版權(quán)聲明 第十五周2項(xiàng)目十一Dreamweaver2021的內(nèi)置行為 任務(wù)1行為概述 任務(wù)引入 知識(shí)準(zhǔn)備 一、事件與動(dòng)作 二、“行為”面板 三、附加行為到頁(yè)面元素 四、編輯行為 任務(wù)2Dreamweaver2021的內(nèi)置行為 任務(wù)引入 知識(shí)準(zhǔn)備 一、調(diào)用JavaScript 二、改變屬性 三、檢查插件 第十六周2項(xiàng)目十一Dreamweaver2021的內(nèi)置行為四、jQuery效果 五、轉(zhuǎn)到URL 六、交換圖像/恢復(fù)交換圖像 七、彈出信息 八、打開瀏覽器窗口 九、顯示-隱藏元素 十、檢查表單 十一、設(shè)置文本 十二、預(yù)先載入圖像 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一為網(wǎng)頁(yè)按鈕調(diào)用JavaScript行為實(shí)戰(zhàn)二改變標(biāo)簽的屬性 第十七周2項(xiàng)目十二時(shí)尚資訊網(wǎng)站設(shè)計(jì)綜合實(shí)例 任務(wù)1網(wǎng)站概述 任務(wù)引入 知識(shí)準(zhǔn)備 一、網(wǎng)站介紹 二、準(zhǔn)備工作 任務(wù)2制作模板 任務(wù)引入 知識(shí)準(zhǔn)備 一、設(shè)計(jì)基本布局 二、制作導(dǎo)航菜單 三、插入模板元素 四、制作嵌套模板 第十八周2項(xiàng)目十二時(shí)尚資訊網(wǎng)站設(shè)計(jì)綜合實(shí)例 任務(wù)3制作庫(kù)文件 任務(wù)引入 知識(shí)準(zhǔn)備 任務(wù)4制作網(wǎng)站主頁(yè) 任務(wù)引入 知識(shí)準(zhǔn)備 任務(wù)5制作其他頁(yè)面 任務(wù)引入 知識(shí)準(zhǔn)備 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一制作旅游網(wǎng)站首頁(yè) 實(shí)戰(zhàn)二制作兒童教育網(wǎng)站 十、主講教師：xxx（教授）、xxx（副教授）、xxx（副教授）、xxx（副教授）、xxx（副教授）、xxx（副教授）、xxx（講師）、xxx（講師）、xxx（講師）、xxx（講師）、xxx（講師）、xxx（助教）等。第二部分教學(xué)內(nèi)容項(xiàng)目一Dreamweaver2021概述 教學(xué)目的和要求熟悉Dreamweaver2021的啟動(dòng)方法；熟悉Dreamweaver2021的工作界面；掌握Dreamweaver2021的文件操作。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn):（1）Dreamweaver2021窗口組成。（2）文件操作。難點(diǎn)：（1）認(rèn)識(shí)Dreamweaver2021界面。（2）新建HTML文件并保存。教學(xué)內(nèi)容任務(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文件并保存項(xiàng)目二HTML與CSS基礎(chǔ) 教學(xué)目的和要求了解HTML語(yǔ)法的3種表達(dá)方式；熟悉HTML中常用的一些標(biāo)簽；掌握創(chuàng)建CSS規(guī)則的方法；學(xué)會(huì)如何定義媒體查詢；學(xué)會(huì)如何設(shè)置CSS屬性；學(xué)會(huì)利用CSS樣式定義一些特殊的HTML屬性。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn):（1）常用的HTML標(biāo)簽。（2）CSS設(shè)計(jì)器。難點(diǎn)：（1）編寫網(wǎng)頁(yè)文件。（2）用CSS樣式控制文本樣式。教學(xué)內(nèi)容任務(wù)1HTML基礎(chǔ) 任務(wù)引入 知識(shí)準(zhǔn)備 一、HTML語(yǔ)言概述 二、HTML的語(yǔ)法特性 任務(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)頁(yè)文件 實(shí)戰(zhàn)二用CSS樣式控制文本樣式項(xiàng)目三構(gòu)建本地站點(diǎn) 教學(xué)目的和要求了解服務(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)文件列表。教學(xué)重點(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ù)器。教學(xué)內(nèi)容任務(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ù)器項(xiàng)目四文本與圖像教學(xué)目的和要求學(xué)會(huì)在網(wǎng)頁(yè)中插入文本并設(shè)置文本屬性；學(xué)會(huì)在網(wǎng)頁(yè)中插入日期；學(xué)會(huì)創(chuàng)建各種鏈接并管理鏈接；學(xué)會(huì)使用熱點(diǎn)制作圖像映射。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）在網(wǎng)頁(yè)中插入文本；（2）在網(wǎng)頁(yè)中插入圖像。難點(diǎn)：（1）在網(wǎng)頁(yè)中插入文本和日期。（2）在網(wǎng)頁(yè)中插入圖像和文字。教學(xué)內(nèi)容任務(wù)1在網(wǎng)頁(yè)中插入文本 任務(wù)引入 知識(shí)準(zhǔn)備 一、插入文本 二、設(shè)置文本屬性 三、創(chuàng)建列表項(xiàng) 四、插入日期 任務(wù)2在網(wǎng)頁(yè)中插入圖像 任務(wù)引入 知識(shí)準(zhǔn)備 一、關(guān)于圖像 二、插入圖像 三、圖像的屬性 四、修改圖像尺寸 五、創(chuàng)建翻轉(zhuǎn)圖像 六、設(shè)置背景圖像 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一在網(wǎng)頁(yè)中插入文本和日期 實(shí)戰(zhàn)二在網(wǎng)頁(yè)中插入圖像和文字項(xiàng)目五制作超鏈接教學(xué)目的和要求學(xué)會(huì)創(chuàng)建文本、圖像和E-Mail鏈接;學(xué)會(huì)連接到命名錨點(diǎn);學(xué)會(huì)利用“URLs”面板管理超鏈接;學(xué)會(huì)使用熱點(diǎn)制作圖像映射。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）認(rèn)識(shí)超級(jí)鏈接；（2）制作、管理超鏈接。難點(diǎn)：（1）創(chuàng)建腳本鏈接；（2）制作圖像映射。教學(xué)內(nèi)容任務(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)頁(yè)實(shí)例 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一創(chuàng)建腳本鏈接 實(shí)戰(zhàn)二制作圖像映射 項(xiàng)目六制作多媒體網(wǎng)頁(yè)教學(xué)目的和要求學(xué)會(huì)在網(wǎng)頁(yè)中插添加聲音；學(xué)會(huì)在網(wǎng)頁(yè)中插入HTML5媒體對(duì)象；學(xué)會(huì)在網(wǎng)頁(yè)中插入Flash對(duì)象。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）添加聲音；（2）HTML5多媒體。難點(diǎn)：（1）在網(wǎng)頁(yè)中添加聲音;（2）插入Flash視頻。教學(xué)內(nèi)容任務(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)頁(yè)中添加聲音 實(shí)戰(zhàn)二插入Flash視頻 項(xiàng)目七用表格規(guī)劃網(wǎng)頁(yè)教學(xué)目的和要求學(xué)會(huì)創(chuàng)建表格、設(shè)置表格和單元格屬性;掌握表格的各種操作。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）創(chuàng)建表格；（2）表格操作。難點(diǎn)：（1）創(chuàng)建表格和嵌套表格；（2）對(duì)表格進(jìn)行排序。教學(xué)內(nèi)容任務(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ù) 九、表格排序 綜合案例利用表格布局頁(yè)面 項(xiàng)目總結(jié) 項(xiàng)目實(shí)戰(zhàn) 實(shí)戰(zhàn)一創(chuàng)建表格和嵌套表格 實(shí)戰(zhàn)二對(duì)表格進(jìn)行排序 項(xiàng)目八Div+CSS布局教學(xué)目的和要求了解CSS盒模型的屬性；了解CSS的四種樣式的區(qū)別；學(xué)會(huì)創(chuàng)建和編輯div標(biāo)簽以及設(shè)置CSS布局塊的可視化；學(xué)會(huì)創(chuàng)建常用的CSS布局版式。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）Div+CSS概述；（2）CSS盒模型。難點(diǎn)：（1）制作簡(jiǎn)易公告欄。（2）利用CSS規(guī)則隱藏布局塊。教學(xué)內(nèi)容任務(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ī)則隱藏布局塊項(xiàng)目九應(yīng)用表單教學(xué)目的和要求學(xué)會(huì)插入表單，在表單中插入文本字段和文件域；學(xué)會(huì)插入選擇框、單選按鈕和復(fù)選框；學(xué)會(huì)插入圖像按鈕和其他各種按鈕；學(xué)會(huì)處理表單。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）創(chuàng)建表單網(wǎng)頁(yè)；（2）處理表單。難點(diǎn)：（1）文檔中插入文本字段。（2）在文檔中插入復(fù)選按鈕組。。教學(xué)內(nèi)容任務(wù)1創(chuàng)建表單網(wǎng)頁(yè) 任務(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ù)選按鈕組項(xiàng)目十模板與庫(kù)教學(xué)目的和要求學(xué)會(huì)建立模板并設(shè)置模板屬性；學(xué)會(huì)定義可編輯、重復(fù)和可選區(qū)域；學(xué)會(huì)定義嵌套模板以及應(yīng)用模板創(chuàng)建網(wǎng)頁(yè)；學(xué)會(huì)創(chuàng)建庫(kù)項(xiàng)目和操作庫(kù)項(xiàng)目。教學(xué)重點(diǎn)、難點(diǎn)重點(diǎn)：（1）模板；（2）庫(kù)。難點(diǎn)：（1）在模板文檔中插入可選區(qū)域。（2）制作版權(quán)聲明。教學(xué)內(nèi)容任務(wù)1模板 任務(wù)引入 知識(shí)準(zhǔn)備 一、“模板”面板 二、建立模板 三、定義可編輯區(qū)域 四、定義重復(fù)區(qū)域 五、定義可選區(qū)域 六、定義嵌套模板 七、應(yīng)用模板創(chuàng)建文檔 八、應(yīng)用模板到頁(yè) 九、修改模板并更新站點(diǎn) 十、管理模板 任務(wù)2庫(kù) 任務(wù)引入 知識(shí)準(zhǔn)備 一、庫(kù)