PAGE27PAGE1《網(wǎng)頁設(shè)計與制作》課程標(biāo)準(zhǔn)一、課程概述該課程是高等職業(yè)技術(shù)學(xué)院計算機多媒體技術(shù)專業(yè)開設(shè)的一門專業(yè)主干課程，是一門操作性和實踐性很強的職業(yè)技術(shù)課程，在專業(yè)人才培養(yǎng)方案中處于核心地位，對于網(wǎng)頁設(shè)計與制作崗位應(yīng)具備的網(wǎng)頁設(shè)計與制作能力的培養(yǎng)起到重要作用。在學(xué)生具備了一定的美術(shù)設(shè)計知識和一定的圖形圖像處理及動畫制作能力的基礎(chǔ)上，本課程主要介紹了網(wǎng)頁設(shè)計與布局知識、網(wǎng)頁制作技術(shù)及網(wǎng)頁編輯與制作軟件Dreamweaver的使用，讓學(xué)生能熟練地制作出有專業(yè)水準(zhǔn)的網(wǎng)站。該課程要求學(xué)生具備一定的美術(shù)設(shè)計思想和圖形圖像處理及動畫制作能力，采用“項目導(dǎo)向，任務(wù)驅(qū)動，案例教學(xué)，一體化課堂”的教學(xué)模式開展教學(xué)。整個課程由2個完整的旅游網(wǎng)站作為課堂教學(xué)項目，64課時內(nèi)完成教師與學(xué)生互動的講練結(jié)合教學(xué)過程。之后有一個完整的“愛旅游”網(wǎng)站項目，要求學(xué)生在課外完成。課程的理論實踐一體化教學(xué)過程全部安排在設(shè)施先進(jìn)的多媒體實訓(xùn)室進(jìn)行，教學(xué)中以學(xué)生為中心，教師全程負(fù)責(zé)講授知識、答疑解惑、指導(dǎo)項目設(shè)計，充分調(diào)動師生雙方的積極性，達(dá)成教學(xué)目標(biāo)。二、課程教學(xué)目標(biāo)通過項目導(dǎo)向、任務(wù)驅(qū)動、案例教學(xué)、理論實踐一體化的學(xué)習(xí)，培養(yǎng)學(xué)生利用網(wǎng)頁設(shè)計技術(shù)進(jìn)行網(wǎng)站設(shè)計與開發(fā)的基本知識和技能，能基本勝任網(wǎng)頁制作員的崗位。通過教師的教學(xué)工作，不斷激發(fā)并強化學(xué)生的學(xué)習(xí)興趣，并引導(dǎo)他們逐漸將興趣轉(zhuǎn)化為穩(wěn)定的學(xué)習(xí)動機，以使他們樹立自信心，鍛煉克服困難的意志，樂于與他人合作，養(yǎng)成健康向上的品格。同時培養(yǎng)學(xué)生嚴(yán)謹(jǐn)、細(xì)致的工作作風(fēng)和認(rèn)真的工作態(tài)度。1．方法能力目標(biāo)：（1）培養(yǎng)學(xué)生謙虛、好學(xué)的能力；（2）培養(yǎng)學(xué)生勤于思考、做事認(rèn)真的良好作風(fēng)；（3）培養(yǎng)學(xué)生良好的網(wǎng)頁設(shè)計職業(yè)道德；（4）培養(yǎng)學(xué)生按時交付作品的時間觀念；（5）培養(yǎng)學(xué)生閱讀與編寫設(shè)計文檔的能力；（6）培養(yǎng)學(xué)生較好的審美能力，能制作出精美的網(wǎng)頁頁面；（7）培養(yǎng)學(xué)生較好的創(chuàng)新能力。2．社會能力目標(biāo)：（1）培養(yǎng)學(xué)生較好的溝通能力；（2）培養(yǎng)學(xué)生良好的團(tuán)隊協(xié)作能力；（3）培養(yǎng)學(xué)生分析問題、解決問題的能力；（4）培養(yǎng)學(xué)生勇于創(chuàng)新、敬業(yè)樂業(yè)的工作作風(fēng)；（5）培養(yǎng)學(xué)生認(rèn)真仔細(xì)的工作態(tài)度；（6）培養(yǎng)學(xué)生嚴(yán)謹(jǐn)、細(xì)致的工作作風(fēng)；（7）培養(yǎng)學(xué)生自主、開放的學(xué)習(xí)能力。3．專業(yè)能力目標(biāo)：（1）掌握網(wǎng)頁設(shè)計與制作的基本概念；（2）掌握網(wǎng)站的開發(fā)流程，如網(wǎng)站規(guī)劃、站點的建立等相關(guān)知識；（3）熟練掌握網(wǎng)頁編輯與制作軟件Dreamweaver的使用；（4）掌握各種網(wǎng)頁元素的使用，例如文本、圖像、超級鏈接和表單等；（5）能使用表格、Div＋CSS等網(wǎng)頁布局方法布局網(wǎng)頁；（6）能使用模板、庫和CSS等技術(shù)簡化網(wǎng)站設(shè)計和統(tǒng)一網(wǎng)站風(fēng)格；（7）能在網(wǎng)頁中使用動感元素；（8）能制作簡單的動態(tài)網(wǎng)頁；（9）熟悉一些網(wǎng)頁設(shè)計輔助軟件的使用方法。例如Flash、Fireworks、Photoshop等；（10）掌握網(wǎng)站測試和發(fā)布的方法。包括網(wǎng)站測試的內(nèi)容和方法。（11）能夠解決一些網(wǎng)頁設(shè)計中的常見問題。三、與前后課程的聯(lián)系1．與前續(xù)課程的聯(lián)系《美術(shù)設(shè)計基礎(chǔ)》讓學(xué)生學(xué)習(xí)了美術(shù)設(shè)計的基本知識，使學(xué)生具備了美學(xué)基礎(chǔ)。《圖形制作》、《圖像處理》和《動畫設(shè)計與制作》讓學(xué)生系統(tǒng)學(xué)習(xí)了圖形圖像處理能力和動畫制作能力，使學(xué)生具備處理網(wǎng)頁圖像和制作網(wǎng)頁動畫的能力。在此基礎(chǔ)上，通過《網(wǎng)頁設(shè)計與制作》課程的學(xué)習(xí)，讓學(xué)生學(xué)習(xí)網(wǎng)頁制作技術(shù)，培養(yǎng)學(xué)生制作網(wǎng)站和網(wǎng)頁的能力。2．與后繼課程的關(guān)系為學(xué)習(xí)后續(xù)課程《動態(tài)網(wǎng)站設(shè)計》和畢業(yè)設(shè)計提供了網(wǎng)頁制作的基礎(chǔ)知識和網(wǎng)頁制作的能力。四、課程教學(xué)設(shè)計1．教學(xué)單元設(shè)計教學(xué)單元設(shè)計如下表所示。單元序號單元名稱建議課時建議考核分值單元1創(chuàng)建站點與瀏覽網(wǎng)頁24單元2制作文本網(wǎng)頁46單元3制作圖文混排網(wǎng)頁66單元4制作表格布局的網(wǎng)頁610單元5制作包含超級鏈接和APDiv的網(wǎng)頁610單元6使用模板和庫制作網(wǎng)頁612單元7制作表單網(wǎng)頁610單元8使用CSS布局與美化網(wǎng)頁812單元9制作包含特效的網(wǎng)頁812單元10設(shè)計與制作網(wǎng)站主頁812單元11整合與發(fā)布網(wǎng)站46小計=SUM(ABOVE)64=SUM(ABOVE)1002．教學(xué)流程設(shè)計教學(xué)流程設(shè)計如下所示。教學(xué)環(huán)節(jié)序號教學(xué)環(huán)節(jié)名稱說明1教學(xué)導(dǎo)航明確教學(xué)目標(biāo)、重點和難點、熟悉教學(xué)方法、了解建議課時2操作準(zhǔn)備在正式完成網(wǎng)頁制作任務(wù)之前做好創(chuàng)建所需的文件夾、拷貝所需的資源、啟動DreamweaverCS6、創(chuàng)建本地站點等方面的準(zhǔn)備工作3引導(dǎo)訓(xùn)練引導(dǎo)學(xué)習(xí)者一步一步完成網(wǎng)頁設(shè)計與制作任務(wù)4引導(dǎo)訓(xùn)練考核評價對單元引導(dǎo)訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價，包括考核項目、考核內(nèi)容、評分標(biāo)準(zhǔn)和評價方法等方面5同步訓(xùn)練參照引導(dǎo)訓(xùn)練的過程，學(xué)習(xí)者自主完成類似的網(wǎng)頁設(shè)計與制作任務(wù)6同步訓(xùn)練考核評價對單元同步訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價7拓展訓(xùn)練自行確定網(wǎng)頁主題、收集所需素材、設(shè)計網(wǎng)頁結(jié)構(gòu)、制作類似網(wǎng)頁8拓展訓(xùn)練考核評價對拓展訓(xùn)練任務(wù)的完成情況進(jìn)行考核評價9代碼解讀對HTML代碼或CSS樣式代碼進(jìn)行分析與說明10問題探究對網(wǎng)頁設(shè)計與制作方面的關(guān)鍵問題進(jìn)行分析與闡述，熟悉相關(guān)理論知識，對網(wǎng)頁設(shè)計與制作提供方法指導(dǎo)和知識支持11單元小結(jié)對本單元所學(xué)習(xí)的知識和訓(xùn)練的技能進(jìn)行簡要歸納總結(jié)12單元習(xí)題通過習(xí)題測試?yán)碚撝R的掌握情況和操作技能的熟練情況3．教學(xué)案例設(shè)計教學(xué)案例設(shè)計如下表所示。單元序號教學(xué)案例設(shè)計網(wǎng)頁主題引導(dǎo)訓(xùn)練同步訓(xùn)練拓展訓(xùn)練單元1網(wǎng)站主頁E游天下網(wǎng)快樂旅游網(wǎng)愛旅游網(wǎng)單元2旅游景點概況旅游景點總覽中國名河概況中國名山概況單元3瀑泉游名瀑名泉名島單元4江湖游千島湖長江三峽名湖單元5公園游張家界桂林名河單元6名城游上海海口南京單元7表單E游調(diào)查E游留言薄E游注冊單元8山岳游黃山泰山廬山單元9生態(tài)游云南九寨溝地質(zhì)公園和森林公園單元10E游天下E游天下網(wǎng)主頁快樂旅游網(wǎng)主頁愛旅游網(wǎng)主頁單元11E游天下網(wǎng)E游天下網(wǎng)快樂旅游網(wǎng)愛旅游網(wǎng)4．網(wǎng)頁設(shè)計與制作任務(wù)設(shè)計網(wǎng)頁設(shè)計與制作任務(wù)設(shè)計如下表所示。單元序號網(wǎng)頁設(shè)計與制作任務(wù)單元1【任務(wù)1-1】創(chuàng)建“E游天下”站點并瀏覽網(wǎng)頁【任務(wù)1-1-1】創(chuàng)建本地站點“E游天下”【任務(wù)1-1-2】認(rèn)識DreamweaverCS6的工作界面【任務(wù)1-1-3】打開與保存網(wǎng)頁文檔0101.html【任務(wù)1-1-4】在瀏覽器中瀏覽網(wǎng)頁0101.html【任務(wù)1-2】賞析“快樂旅游”網(wǎng)的主頁【任務(wù)1-3】賞析“愛旅游”網(wǎng)的主頁單元2【任務(wù)2-1】制作總覽旅游景點的文本網(wǎng)頁【任務(wù)2-1-1】建立站點目錄結(jié)構(gòu)【任務(wù)2-1-2】創(chuàng)建與保存網(wǎng)頁文檔0201.html【任務(wù)2-1-3】設(shè)置網(wǎng)頁的首選參數(shù)【任務(wù)2-1-4】設(shè)置頁面的整體屬性【任務(wù)2-1-5】在網(wǎng)頁中輸入文字【任務(wù)2-1-6】輸入與編輯網(wǎng)頁中的文本【任務(wù)2-1-7】網(wǎng)頁文本的格式化【任務(wù)2-1-8】插入與文本相關(guān)的元素并設(shè)置其屬性【任務(wù)2-1-9】設(shè)置超鏈接與瀏覽網(wǎng)頁效果【任務(wù)2-2】制作介紹中國名河的文本網(wǎng)頁【任務(wù)2-3】制作介紹中國名山的文本網(wǎng)頁單元3【任務(wù)3-1】制作介紹中國瀑布的圖文混排網(wǎng)頁【任務(wù)3-1-1】使用“管理站點”對話框創(chuàng)建站點“單元3”【任務(wù)3-1-2】應(yīng)用“文件”面板新建網(wǎng)頁“0301.html”【任務(wù)3-1-3】設(shè)置頁面的背景圖像【任務(wù)3-1-4】從外部導(dǎo)入文本與設(shè)置文本格式【任務(wù)3-1-5】插入圖像與設(shè)置圖像屬性【任務(wù)3-1-6】插入鼠標(biāo)經(jīng)過圖像及設(shè)置其屬性【任務(wù)3-2】制作介紹中國名泉的圖文混排網(wǎng)頁【任務(wù)3-3】制作介紹中國名島的圖文混排網(wǎng)單元4【任務(wù)4-1】制作以表格布局的展示千島湖旅游景點的網(wǎng)頁【任務(wù)4-1-1】插入表格1并設(shè)置其屬性【任務(wù)4-1-2】在表格1中插入SWF動畫并設(shè)置其屬性【任務(wù)4-1-3】設(shè)置表格1單元格的背景圖像【任務(wù)4-1-4】在表格1的單元格中輸入文本【任務(wù)4-1-5】設(shè)置滾動文本效果【任務(wù)4-1-6】插入表格2并設(shè)置其屬性【任務(wù)4-1-7】設(shè)置表格2及設(shè)置行、列屬性【任務(wù)4-1-8】在表格2第1列的單元格中插入圖像并設(shè)置其屬性【任務(wù)4-1-9】在表格2第2列兩個單元格中輸入文本并設(shè)置其屬性【任務(wù)4-1-10】在表格2的第3列單元格中插入嵌套表格2-1【任務(wù)4-1-11】插入表格3并設(shè)置其屬性【任務(wù)4-1-12】插入表格4并設(shè)置其屬性【任務(wù)4-1-13】插入嵌套表格4-1并設(shè)置其屬性【任務(wù)4-1-14】插入表格5并設(shè)置其屬性【任務(wù)4-1-15】設(shè)置網(wǎng)頁頭文件的內(nèi)容【任務(wù)4-2】制作以表格布局的展示三峽旅游景點的網(wǎng)頁【任務(wù)4-3】制作以表格布局的介紹中國名湖的網(wǎng)頁單元5【任務(wù)5-1】制作包含超級鏈接的展示張家界景點的網(wǎng)頁【任務(wù)5-1-1】創(chuàng)建網(wǎng)頁文檔0501.html【任務(wù)5-1-2】在網(wǎng)頁0501.html中繪制或插入APDiv【任務(wù)5-1-3】在網(wǎng)頁0501.html中創(chuàng)建多種類型的超級鏈接【任務(wù)5-2】制作包含超級鏈接的展示桂林旅游景點的網(wǎng)頁【任務(wù)5-3】制作包含超級鏈接的介紹中國名河的網(wǎng)頁單元6【任務(wù)6-1】使用模板和庫制作上海游的網(wǎng)頁【任務(wù)6-1-1】創(chuàng)建庫項目【任務(wù)6-1-2】在網(wǎng)頁中插入庫項目【任務(wù)6-1-3】創(chuàng)建網(wǎng)頁模板【任務(wù)6-1-4】定義與修改可編輯區(qū)域和可選區(qū)域【任務(wù)6-1-5】創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁【任務(wù)6-1-6】修改網(wǎng)頁模板并更新網(wǎng)頁【任務(wù)6-1-7】修改庫項目并更新網(wǎng)頁【任務(wù)6-2】使用模板和庫制作海口游的網(wǎng)頁【任務(wù)6-3】使用模板和庫制作南京游的網(wǎng)頁單元7【任務(wù)7-1】制作1個E游調(diào)查的表單網(wǎng)頁【任務(wù)7-1-1】插入表單域及其屬性設(shè)置【任務(wù)7-1-2】插入表單控件與設(shè)置其屬性【任務(wù)7-1-3】預(yù)設(shè)文本域中輸入文字的字體和大小【任務(wù)7-1-4】使用Spry驗證表單數(shù)據(jù)的有效性【任務(wù)7-1-5】應(yīng)用行為實現(xiàn)表單網(wǎng)頁所需的功能【任務(wù)7-1-6】調(diào)用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能【任務(wù)7-2】制作1個E游留言薄【任務(wù)7-3】制作1個注冊網(wǎng)頁單元8【任務(wù)8-1】使用CSS布局與美化“黃山游”網(wǎng)頁【任務(wù)8-1-1】網(wǎng)頁頁面的布局設(shè)計【任務(wù)8-1-2】創(chuàng)建頁面布局樣式【任務(wù)8-1-3】創(chuàng)建美化頁面元素的樣式【任務(wù)8-1-4】插入Div標(biāo)簽對網(wǎng)頁的頁面進(jìn)行布局【任務(wù)8-1-5】新建代碼片斷實現(xiàn)常見功能【任務(wù)8-1-6】在頁面各個區(qū)塊輸入文字和插入頁面元素【任務(wù)8-2】使用CSS布局與美化“泰山游”網(wǎng)頁【任務(wù)8-3】使用CSS布局與美化“廬山游”網(wǎng)頁單元9【任務(wù)9-1】制作包含特效的“云南旅游”網(wǎng)頁【任務(wù)9-1-1】實現(xiàn)在網(wǎng)頁中顯示當(dāng)前日期的特效【任務(wù)9-1-2】實現(xiàn)在不同時間段顯示不同問候語的網(wǎng)頁特效【任務(wù)9-1-3】實現(xiàn)動態(tài)改變網(wǎng)頁中文本字體大小的網(wǎng)頁特效【任務(wù)9-1-4】實現(xiàn)關(guān)閉網(wǎng)頁時自動彈出對話框的特效【任務(wù)9-1-5】實現(xiàn)滾動網(wǎng)頁標(biāo)題欄文字的特效【任務(wù)9-1-6】實現(xiàn)鼠標(biāo)指針指向不同超級鏈接切換不同圖片的網(wǎng)頁特效【任務(wù)9-1-7】實現(xiàn)轉(zhuǎn)動鼠標(biāo)滾輪縮放圖片的網(wǎng)頁特效【任務(wù)9-2】制作包含特效的“九寨溝旅游”網(wǎng)頁【任務(wù)9-3】制作包含特效的“公園游”網(wǎng)頁單元10【任務(wù)10-1】制作“E游天下”網(wǎng)站的主頁【任務(wù)10-1-1】網(wǎng)站主頁主體布局結(jié)構(gòu)設(shè)計【任務(wù)10-1-2】網(wǎng)站主頁局部布局結(jié)構(gòu)設(shè)計【任務(wù)10-1-3】設(shè)計與制作包含導(dǎo)航欄的網(wǎng)頁文檔top_nav.html【任務(wù)10-1-4】設(shè)計與制作包含連續(xù)滾動圖片特效的的網(wǎng)頁文檔image_move.html【任務(wù)10-1-5】創(chuàng)建實現(xiàn)底部導(dǎo)航欄和版權(quán)信息的腳本文件【任務(wù)10-1-6】在網(wǎng)站主頁的頂部導(dǎo)航區(qū)域插入浮動框架【任務(wù)10-1-7】設(shè)計與制作網(wǎng)站主頁的中部區(qū)域【任務(wù)10-1-8】在主頁中插入APDiv對象和SWF動畫【任務(wù)10-1-9】在主頁index1001.html中插入外部腳本文件【任務(wù)10-1-10】在主頁index1001.html中實現(xiàn)狀態(tài)欄中文字的移動效果【任務(wù)10-2】制作“快樂旅游”網(wǎng)站的主頁【任務(wù)10-3】制作“愛旅游”網(wǎng)站的主頁單元11【任務(wù)11-1】整合與發(fā)布“E游天下”網(wǎng)站【任務(wù)11-1-1】新建網(wǎng)頁文檔index.html【任務(wù)11-1-2】設(shè)置網(wǎng)站主頁的超級鏈接【任務(wù)11-1-3】測試“E游天下”網(wǎng)站【任務(wù)11-1-4】清理網(wǎng)頁文檔【任務(wù)11-1-5】申請域名與申請空間【任務(wù)11-1-6】發(fā)布網(wǎng)站【任務(wù)11-1-7】宣傳與推廣網(wǎng)站【任務(wù)11-2】整合與發(fā)布“快樂旅游”網(wǎng)站【任務(wù)11-3】整合與發(fā)布“愛旅游”網(wǎng)站任務(wù)合計主任務(wù)合計：33項，子任務(wù)合計：80項五、教學(xué)內(nèi)容的結(jié)構(gòu)與單元教學(xué)目標(biāo)根據(jù)多媒體技術(shù)行業(yè)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作職業(yè)崗位的要求，應(yīng)具備較好的網(wǎng)頁布局與美化、網(wǎng)頁設(shè)計與制作能力，本課程的教學(xué)以項目為載體。課程教學(xué)采用“理論實踐一體化”教學(xué)模式，理論教學(xué)內(nèi)容與實踐教學(xué)內(nèi)容融為一體，根據(jù)網(wǎng)頁美工、網(wǎng)頁設(shè)計與制作崗位的能力要求，兼顧學(xué)生的認(rèn)知規(guī)律，重構(gòu)了課程結(jié)構(gòu)，將本課程的教學(xué)內(nèi)容分解為11個項目，形成了以項目為載體的課程結(jié)構(gòu)。《網(wǎng)頁設(shè)計與制作》課程的項目課程結(jié)構(gòu)與學(xué)時分配如下表所示。編號單元名稱教學(xué)內(nèi)容主要教學(xué)知識點教學(xué)目標(biāo)學(xué)時備注P4-1賞析網(wǎng)頁1．認(rèn)識網(wǎng)頁、網(wǎng)站和瀏覽器窗口的基本組成2．認(rèn)識網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)3．了解制作網(wǎng)頁的常用軟件4．了解網(wǎng)頁的相關(guān)概念和術(shù)語K1-1：分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等K1-2：網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素K1-3：Dreamweaver的界面布局與工作環(huán)境O1-1：了解網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素O1-2：掌握Dreamweaver的界面布局與工作環(huán)境O1-3：能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等2P4-2制作圖文混排網(wǎng)頁1．站點的創(chuàng)建與管理2．在網(wǎng)頁中進(jìn)行頁面控制3．制作文本網(wǎng)頁4．制作圖文混排的網(wǎng)頁K2-1：文件面板的使用K2-2：站點的創(chuàng)建與管理K2-3：頁面屬性的設(shè)置K2-4：設(shè)置段落格式和文檔結(jié)構(gòu)K2-5：創(chuàng)建項目列表和編號列表K2-6：插入特殊字符、水平線、日期對象K2-7：在頁面中插入圖像K2-8：創(chuàng)建鼠標(biāo)經(jīng)過圖像K2-9：設(shè)置圖像屬性O(shè)2-1：掌握對網(wǎng)頁文檔的基本操作O2-2：掌握設(shè)置網(wǎng)頁整體屬性的操作方法O2-3：掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性、設(shè)置項目列表、輸入空格、文本換行的操作方法O2-4：掌握在網(wǎng)頁中插入特殊字符、插入水平線和插入日期的操作方法O2-5：掌握在網(wǎng)頁中插入圖像、鼠標(biāo)經(jīng)過圖像、的方法O2-6：掌握設(shè)置頁面背景圖像和圖像屬性的方法O2-7：能創(chuàng)建與管理站點O2-8：能進(jìn)行頁面控制O2-9：能進(jìn)行文本操作O2-10：能在網(wǎng)頁中進(jìn)行圖文混排6P4-3制作表格布局的網(wǎng)頁1．在網(wǎng)頁中插入表格2．設(shè)置表格和單元格屬性3．在表格中插入網(wǎng)頁元素K3-1：插入表格K3-2：設(shè)置表格屬性K3-3：插入嵌套表格K3-4：單元格屬性設(shè)置K3-5：在表格中插入網(wǎng)頁元素O3-1：能正確地插入表格，并合理地設(shè)置表格的屬性O(shè)3-2：能正確地在表格中插入嵌套表格，并合理地設(shè)置嵌套表格的屬性O(shè)3-3：掌握單元格的合并、拆分、插入和刪除的操作方法O3-4：能正確地設(shè)置表格中行和列的屬性O(shè)3-5：能正確設(shè)置表格、單元格的背景圖像和背景顏色O3-6：能正確地在表格中輸入文字并定位8P4-4制作包含APDiv與超級鏈接的網(wǎng)頁1．在網(wǎng)頁中繪制或插入三個APDiv，在APDiv中插入Flash動畫或圖像2．在網(wǎng)頁中創(chuàng)建多個超級鏈接K4-1：繪制或插入APDivK4-2：創(chuàng)建外部鏈接K4-3：創(chuàng)建內(nèi)部鏈接K4-4：創(chuàng)建電子郵件鏈接K4-5：創(chuàng)建錨點鏈接K4-6：創(chuàng)建圖像熱點鏈接K4-7：創(chuàng)建文件下載鏈接K4-8：創(chuàng)建空地址鏈接K4-9：檢查鏈接K4-10：創(chuàng)建文字形式的導(dǎo)航欄K4-11：實現(xiàn)滾動圖片功能O4-1：能創(chuàng)建網(wǎng)頁的內(nèi)部鏈接和外部鏈接O4-2：能在圖像中設(shè)置熱點區(qū)域，并創(chuàng)建圖像熱點鏈接O4-3：能創(chuàng)建命名錨記和到該命名錨記的鏈接O4-4：能創(chuàng)建電子郵件鏈接O4-5：能更改鏈接顏色、設(shè)置鏈接的打開方式、設(shè)置空鏈接O4-6：能測試鏈接的有效性O(shè)4-7：能插入或繪制APDiv，并合理地設(shè)置APDiv的屬性O(shè)4-8：能正確在APDiv中插入flash動畫O4-9：能正確插入浮動框架iframe，并設(shè)置其屬性O(shè)4-10：進(jìn)一步熟悉使用表格進(jìn)行網(wǎng)頁布局，靈活設(shè)置表格及單元格的屬性O(shè)4-11：掌握滾動圖片的方法O4-12：掌握絕對路徑和相對路徑以及鏈接的類型6P4-5使用模板和庫制作網(wǎng)頁1．創(chuàng)建庫項目，并在網(wǎng)頁中插入庫項目2．由現(xiàn)有的網(wǎng)頁文檔生成網(wǎng)頁模板，在網(wǎng)頁模板中定義和修改可編輯區(qū)域、可選區(qū)域3．創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁，修改和更新網(wǎng)頁模板屬性4．修改網(wǎng)頁模板和庫項目，并更新基于網(wǎng)頁模板的網(wǎng)頁K5-1：創(chuàng)建庫項目K5-2：在網(wǎng)頁中插入庫項目K5-3：創(chuàng)建網(wǎng)頁模板K5-4：定義與修改可編輯區(qū)域和可選區(qū)域K5-5：創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁K5-6：修改網(wǎng)頁模板并更新網(wǎng)頁K5-7：修改庫項目并更新網(wǎng)頁O5-1：能制作用來生成模板的網(wǎng)頁，并將現(xiàn)有的網(wǎng)頁生成模板O5-2：能正確編輯模板，掌握設(shè)置可編輯區(qū)域的方法O5-3：掌握用模板生成新網(wǎng)頁的操作方法，并能對新網(wǎng)頁進(jìn)行編輯加工O5-4：能熟練地修改網(wǎng)頁模板，并同步更新該模板生成的網(wǎng)頁O5-5：能創(chuàng)建庫項目，并且能修改庫項目，更新包含庫項目的網(wǎng)頁O5-6：掌握插入圖像占位符的方法O5-7：能使用多層嵌套表格布局網(wǎng)頁O5-8：掌握模板和庫的作用O5-9：了解CSS樣式的簡單應(yīng)用6P4-6制作表單網(wǎng)頁1．創(chuàng)建動態(tài)站點2．在網(wǎng)頁中插入表單域3．設(shè)置表單域的屬性4．在表單域中插入表單控件5．使用Spry和行為驗證表單數(shù)據(jù)的有效性6．引用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能K6-1：設(shè)置虛擬目錄K6-2：創(chuàng)建動態(tài)站點K6-3：插入表單域K6-4：插入表單控件K6-5：設(shè)置表單域?qū)傩訩6-6：設(shè)置表單控件屬性K6-7：檢查表單數(shù)據(jù)的正確性O(shè)6-1：能正確設(shè)置虛擬目錄O6-2：能創(chuàng)建動態(tài)站點O6-3：能在網(wǎng)頁中正確插入表單域O6-4：能在表單域中正確插入各項表單控件O6-5：了解使用Spry驗證控件實現(xiàn)對表單控件內(nèi)容的檢測O6-6：掌握檢查提交表單數(shù)據(jù)的正確性的方法O6-7：能引用外部JavaScript腳本文件驗證表單數(shù)據(jù)6P4-7使用Div+CSS布局網(wǎng)頁1．頁面的布局設(shè)計2．創(chuàng)建頁面布局樣式3．插入Div標(biāo)簽對頁面進(jìn)行布局K7-1：頁面的布局設(shè)計K7-2：創(chuàng)建布局樣式K7-3：布局樣式屬性的設(shè)置K7-4：插入Div標(biāo)簽，并應(yīng)用布局樣式O7-1：能設(shè)計頁面的布局結(jié)構(gòu)O7-2：能創(chuàng)建頁面布局樣式O7-3：能插入Div標(biāo)簽對網(wǎng)頁的頁面進(jìn)行布局6P4-8使用CSS美化網(wǎng)頁1．創(chuàng)建美化頁面元素的樣式2．輸入文字和插入各種頁面元素3．創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．應(yīng)用美化頁面元素樣式美化網(wǎng)頁K8-1：創(chuàng)建美化頁面元素的樣式K8-2：美化頁面元素樣式屬性的設(shè)置K8-3：新建代碼片斷K8-4：在頁面各個區(qū)塊中輸入文字或插入頁面元素K8-5：應(yīng)用美化頁面元素樣式美化網(wǎng)頁O8-1：能創(chuàng)建美化頁面元素的樣式O8-2：能在使用Div＋CSS布局的網(wǎng)頁中輸入文字和插入各種頁面元素O8-3：能創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷O8-4：能應(yīng)用美化頁面元素樣式美化網(wǎng)頁4P4-9制作包含特效的網(wǎng)頁1．在網(wǎng)頁中顯示當(dāng)前日期2．在不同時間段顯示不同問候語3．滾動網(wǎng)頁標(biāo)題欄中的文字4．動態(tài)改變網(wǎng)頁中文本字體大小5．關(guān)閉網(wǎng)頁時自動彈出小窗口K9-1：JavaScript基本語法K9-2：JavaScript對象K9-3：Windows對象K9-4：Document對象K9-5：常用內(nèi)置對象K9-6：JavaScript代碼嵌入HTML代碼K9-7：運用JavaScript技術(shù)制作網(wǎng)頁特效O9-1：能編寫簡單的JavaScript程序，能看懂較復(fù)雜的JavaScript程序，明確其實現(xiàn)的功能和各語句的含義O9-2：能根據(jù)功能需求改寫JavaScript程序代碼，以改進(jìn)或擴展其功能O9-3：能使用JavaScript技術(shù)制作網(wǎng)頁特效8P4-10整合與發(fā)布網(wǎng)站1．優(yōu)化網(wǎng)頁2．將多個網(wǎng)頁整合成一個網(wǎng)站3．測試網(wǎng)站4．申請網(wǎng)站域名和網(wǎng)頁空間5．發(fā)布網(wǎng)頁6．宣傳與推廣網(wǎng)站K10-1：將多個網(wǎng)頁整合成一個網(wǎng)站K10-2：網(wǎng)站測試方法K10-3：域名的設(shè)計與申請方法K10-4：網(wǎng)站的發(fā)布方法K10-5：網(wǎng)站的維護(hù)與更新O10-1：能整合網(wǎng)站O10-2：了解域名的設(shè)計與申請方法O10-3：能測試網(wǎng)站O10-4：能發(fā)布網(wǎng)站O10-5：了解宣傳與推廣網(wǎng)站的方法4P4-11制作商品購物網(wǎng)站1．畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進(jìn)行規(guī)劃2．使用Div+CSS和表格聯(lián)合布局網(wǎng)頁3．設(shè)計與制作導(dǎo)航欄4．插入網(wǎng)頁元素5．利用模板和庫制作網(wǎng)頁K11-1：網(wǎng)站開發(fā)流程K11-2：網(wǎng)站規(guī)劃與組織K11-3：網(wǎng)頁設(shè)計基本原理與方法K11-4：網(wǎng)頁設(shè)計的規(guī)范K11-5：網(wǎng)站各頁面的布局結(jié)構(gòu)設(shè)計K11-6：CSS樣式的創(chuàng)建與屬性設(shè)置K11-7：導(dǎo)航欄的設(shè)計與制作K11-8：插入網(wǎng)頁元素K11-9：庫的創(chuàng)建與應(yīng)用K11-10：模板的創(chuàng)建與應(yīng)用K11-11：超級鏈接的設(shè)置O11-1：了解網(wǎng)站開發(fā)流程O11-2：掌握網(wǎng)頁設(shè)計原理與技巧O11-3：能應(yīng)用CSS樣式設(shè)計布局網(wǎng)頁O11-4：能設(shè)計與制作導(dǎo)航欄，會正確使用浮動框架O11-5：能插入網(wǎng)頁元素O11-6：能利用模板和庫創(chuàng)建網(wǎng)頁O11-7：能在網(wǎng)頁中設(shè)置超級鏈接8合計=SUM(ABOVE)64六、教學(xué)實施方案設(shè)計教學(xué)單元1賞析網(wǎng)頁教學(xué)項目P4-1：賞析網(wǎng)頁學(xué)時:2教學(xué)目標(biāo)1．了解網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素2．掌握Dreamweaver的界面布局與工作環(huán)境3．能分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等任務(wù)描述1．認(rèn)識網(wǎng)頁、網(wǎng)站和瀏覽器窗口的基本組成2．認(rèn)識網(wǎng)頁的基本組成元素和網(wǎng)頁的布局結(jié)構(gòu)3．了解制作網(wǎng)頁的常用軟件4．了解網(wǎng)頁的相關(guān)概念和術(shù)語步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課程分析與操作準(zhǔn)備網(wǎng)頁設(shè)計與制作類崗位需求分析課程定位介紹考核方法說明學(xué)習(xí)方法說明啟動瀏覽器（例如IE瀏覽器），然后在地址欄中輸入相應(yīng)的地址并回車就能瀏覽該網(wǎng)頁引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽賞析“E游天下”網(wǎng)站的主頁項目教學(xué)法任務(wù)驅(qū)動教學(xué)法53方法引導(dǎo)與操作示范分析優(yōu)秀網(wǎng)頁的布局結(jié)構(gòu)、顏色搭配、視覺效果等網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素Dreamweaver的界面布局與工作環(huán)境案例教學(xué)法154模仿訓(xùn)練學(xué)生分組瀏覽指定的網(wǎng)站，分析網(wǎng)頁的結(jié)構(gòu)、色彩和組成元素教師巡視答疑案例教學(xué)法105引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練賞析“快樂E游”網(wǎng)的主頁分組教學(xué)法案例教學(xué)法207同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法108拓展訓(xùn)練任務(wù)布置賞析“愛旅游”網(wǎng)的主頁分組教學(xué)法39課堂小結(jié)歸納網(wǎng)頁的相關(guān)概念、術(shù)語與網(wǎng)頁的主要構(gòu)成元素指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作圖文混排網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元2制作圖文混排網(wǎng)頁教學(xué)項目P4-2：制作圖文混排網(wǎng)頁學(xué)時:6教學(xué)目標(biāo)1．掌握對網(wǎng)頁文檔的基本操作2．掌握設(shè)置網(wǎng)頁整體屬性的操作方法3．掌握在網(wǎng)頁中輸入文字、編輯文本、設(shè)置文本屬性、設(shè)置項目列表、輸入空格、文本換行的操作方法4．掌握在網(wǎng)頁中插入特殊字符、插入水平線和插入日期的操作方法5．掌握在網(wǎng)頁中插入圖像、鼠標(biāo)經(jīng)過圖像、的方法6．掌握設(shè)置頁面背景圖像和圖像屬性的方法7．能創(chuàng)建與管理站點8．能進(jìn)行頁面控制9．能進(jìn)行文本操作10．能在網(wǎng)頁中進(jìn)行圖文混排任務(wù)描述1．站點的創(chuàng)建與管理2．在網(wǎng)頁中進(jìn)行頁面控制3．制作文本網(wǎng)頁4．制作圖文混排的網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價啟動DreamweaverCS3認(rèn)識DreamweaverCS3的工作界面引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽制作文本網(wǎng)頁“旅游景點總覽”制作圖文混排網(wǎng)頁“瀑布游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范文件面板的使用站點的創(chuàng)建與管理頁面屬性的設(shè)置設(shè)置段落格式和文檔結(jié)構(gòu)創(chuàng)建項目列表和編號列表插入特殊字符、水平線、日期對象在頁面中插入圖像創(chuàng)建鼠標(biāo)經(jīng)過圖像設(shè)置圖像屬性案例教學(xué)法1204模仿訓(xùn)練學(xué)生模仿完成“制作文本網(wǎng)頁‘旅游景點總覽’、制作圖文混排網(wǎng)頁‘瀑布游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作介紹中國名河的文本網(wǎng)頁制作介紹中國名泉的圖文混排網(wǎng)頁分組教學(xué)法案例教學(xué)法807同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作介紹中國名山的文本網(wǎng)頁制作介紹中國名島的圖文混排網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作圖文混排網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作表格布局網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元3制作表格布局的網(wǎng)頁教學(xué)項目P4-3：制作表格布局的網(wǎng)頁學(xué)時:8教學(xué)目標(biāo)1．能正確地插入表格，并合理地設(shè)置表格的屬性2．能正確地在表格中插入嵌套表格，并合理地設(shè)置嵌套表格的屬性3．掌握單元格的合并、拆分、插入和刪除的操作方法4．能正確地設(shè)置表格中行和列的屬性5．能正確設(shè)置表格、單元格的背景圖像和背景顏色6．能正確地在表格中輸入文字并定位任務(wù)描述1．在網(wǎng)頁中插入表格2．設(shè)置表格和單元格屬性3．在表格中插入網(wǎng)頁元素步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價在本地硬盤創(chuàng)建文件夾啟動DreamweaverCS3創(chuàng)建名稱為“江湖游”的本地站點新建網(wǎng)頁文檔。設(shè)置網(wǎng)頁標(biāo)題保存該網(wǎng)頁引導(dǎo)教學(xué)法152網(wǎng)頁效果瀏覽制作表格布局的網(wǎng)頁“江湖游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范插入表格設(shè)置表格屬性插入嵌套表格單元格屬性設(shè)置在表格中插入網(wǎng)頁元素案例教學(xué)法1154模仿訓(xùn)練學(xué)生模仿完成“制作表格布局的網(wǎng)頁‘江湖游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作以表格布局的展示三峽旅游景點的網(wǎng)頁分組教學(xué)法案例教學(xué)法807同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作以表格布局的介紹中國名湖的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作表格布局的網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作包含APDiv與超級鏈接網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元4制作包含APDiv與超級鏈接的網(wǎng)頁教學(xué)項目P4-4：制作包含APDiv與超級鏈接的網(wǎng)頁學(xué)時:6教學(xué)目標(biāo)1．能創(chuàng)建網(wǎng)頁的內(nèi)部鏈接和外部鏈接2．能在圖像中設(shè)置熱點區(qū)域，并創(chuàng)建圖像熱點鏈接3．能創(chuàng)建命名錨記和到該命名錨記的鏈接4．能創(chuàng)建電子郵件鏈接5．能更改鏈接顏色、設(shè)置鏈接的打開方式、設(shè)置空鏈接6．能測試鏈接的有效性7．能插入或繪制APDiv，并合理地設(shè)置APDiv的屬性8．能正確在APDiv中插入flash動畫9．能正確插入浮動框架iframe，并設(shè)置其屬性10．進(jìn)一步熟悉使用表格進(jìn)行網(wǎng)頁布局，靈活設(shè)置表格及單元格的屬性11．掌握滾動圖片的方法12．掌握絕對路徑和相對路徑以及鏈接的類型任務(wù)描述1．在網(wǎng)頁中繪制或插入三個APDiv，在APDiv中插入Flash動畫或圖像2．在網(wǎng)頁中創(chuàng)建多個超級鏈接步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“公園游”的本地站點創(chuàng)建網(wǎng)頁文檔引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽制作包含APDiv和超級鏈接的網(wǎng)頁“公園游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范繪制或插入APDiv創(chuàng)建外部鏈接創(chuàng)建內(nèi)部鏈接創(chuàng)建電子郵件鏈接創(chuàng)建錨點鏈接創(chuàng)建圖像熱點鏈接創(chuàng)建文件下載鏈接創(chuàng)建空地址鏈接檢查鏈接創(chuàng)建文字形式的導(dǎo)航欄實現(xiàn)滾動圖片功能案例教學(xué)法754模仿訓(xùn)練學(xué)生模仿完成“制作包含APDiv和超級鏈接的網(wǎng)頁‘公園游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法156同步訓(xùn)練制作展示桂林旅游景點的網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置制作包含多種超級鏈接的介紹中國名河的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作包含APDiv與超級鏈接網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用模板和庫制作網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元5使用模板和庫制作網(wǎng)頁教學(xué)項目P4-5：使用模板和庫制作網(wǎng)頁學(xué)時:6教學(xué)目標(biāo)1．能制作用來生成模板的網(wǎng)頁，并將現(xiàn)有的網(wǎng)頁生成模板2．能正確編輯模板，掌握設(shè)置可編輯區(qū)域的方法3．掌握用模板生成新網(wǎng)頁的操作方法，并能對新網(wǎng)頁進(jìn)行編輯加工4．能熟練地修改網(wǎng)頁模板，并同步更新該模板生成的網(wǎng)頁5．能創(chuàng)建庫項目，并且能修改庫項目，更新包含庫項目的網(wǎng)頁6．掌握插入圖像占位符的方法7．能使用多層嵌套表格布局網(wǎng)頁8．掌握模板和庫的作用9．了解CSS樣式的簡單應(yīng)用任務(wù)描述1．創(chuàng)建庫項目，并在網(wǎng)頁中插入庫項目2．由現(xiàn)有的網(wǎng)頁文檔生成網(wǎng)頁模板，在網(wǎng)頁模板中定義和修改可編輯區(qū)域、可選區(qū)域3．創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁，修改和更新網(wǎng)頁模板屬性4．修改網(wǎng)頁模板和庫項目，并更新基于網(wǎng)頁模板的網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“名城游”的本地站點制作用來生成網(wǎng)頁模板的網(wǎng)頁引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽使用模板和庫制作網(wǎng)頁“名城游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范創(chuàng)建庫項目在網(wǎng)頁中插入庫項目創(chuàng)建網(wǎng)頁模板定義與修改可編輯區(qū)域和可選區(qū)域創(chuàng)建基于網(wǎng)頁模板的網(wǎng)頁修改網(wǎng)頁模板并更新網(wǎng)頁修改庫項目并更新網(wǎng)頁案例教學(xué)法804模仿訓(xùn)練學(xué)生模仿完成“使用模板和庫制作網(wǎng)頁‘名城游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練使用模板和庫制作海口游的網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置使用模板和庫制作南京游的網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用模板和庫制作網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作表單網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元6制作表單網(wǎng)頁教學(xué)項目P4-6：制作表單網(wǎng)頁學(xué)時:6教學(xué)目標(biāo)1．能正確設(shè)置虛擬目錄2．能創(chuàng)建動態(tài)站點3．能在網(wǎng)頁中正確插入表單域4．能在表單域中正確插入各項表單控件5．了解使用Spry驗證控件實現(xiàn)對表單控件內(nèi)容的檢測6．掌握檢查提交表單數(shù)據(jù)的正確性的方法7．能引用外部JavaScript腳本文件驗證表單數(shù)據(jù)任務(wù)描述1．創(chuàng)建動態(tài)站點2．在網(wǎng)頁中插入表單域3．設(shè)置表單域的屬性4．在表單域中插入表單控件5．使用Spry和行為驗證表單數(shù)據(jù)的有效性6．引用外部JavaScript腳本文件實現(xiàn)表單網(wǎng)頁所需的功能步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“E游調(diào)查”的本地站點新建一個用于插入表單的網(wǎng)頁文檔引導(dǎo)教學(xué)法202網(wǎng)頁效果瀏覽制作表單網(wǎng)頁“E游調(diào)查”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范設(shè)置虛擬目錄創(chuàng)建動態(tài)站點插入表單域插入表單控件設(shè)置表單域?qū)傩栽O(shè)置表單控件屬性檢查表單數(shù)據(jù)的正確性案例教學(xué)法804模仿訓(xùn)練學(xué)生模仿完成“制作表單網(wǎng)頁‘E游調(diào)查’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練創(chuàng)建一個簡單的E游留言薄分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置創(chuàng)建一個注冊網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作表單網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用Div+CSS布局網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元7使用Div+CSS布局網(wǎng)頁教學(xué)項目P4-7：使用Div+CSS布局網(wǎng)頁學(xué)時:6教學(xué)目標(biāo)1．能設(shè)計頁面的布局結(jié)構(gòu)2．能創(chuàng)建頁面布局樣式3．能插入Div標(biāo)簽對網(wǎng)頁的頁面進(jìn)行布局任務(wù)描述1．頁面的布局設(shè)計2．創(chuàng)建頁面布局樣式3．插入Div標(biāo)簽對頁面進(jìn)行布局步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“山岳游”的本地站點新建標(biāo)題為“山岳游”的網(wǎng)頁引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽使用CSS布局網(wǎng)頁“山岳游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范頁面的布局設(shè)計創(chuàng)建布局樣式布局樣式屬性的設(shè)置插入Div標(biāo)簽，并應(yīng)用布局樣式案例教學(xué)法854模仿訓(xùn)練學(xué)生模仿完成“使用CSS布局網(wǎng)頁‘山岳游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法645引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練使用CSS布局“泰山游”網(wǎng)頁分組教學(xué)法案例教學(xué)法607同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法208拓展訓(xùn)練任務(wù)布置使用CSS布局“廬山游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用Div+CSS布局網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)使用CSS美化網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元8使用CSS美化網(wǎng)頁教學(xué)項目P4-8：使用CSS美化網(wǎng)頁學(xué)時:4教學(xué)目標(biāo)1．能創(chuàng)建美化頁面元素的樣式2．能在使用Div＋CSS布局的網(wǎng)頁中輸入文字和插入各種頁面元素3．能創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．能應(yīng)用美化頁面元素樣式美化網(wǎng)頁任務(wù)描述1．創(chuàng)建美化頁面元素的樣式2．輸入文字和插入各種頁面元素3．創(chuàng)建代碼片斷，且在網(wǎng)頁中插入已有的代碼片斷4．應(yīng)用美化頁面元素樣式美化網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“山岳游”的本地站點打開使用CSS布局網(wǎng)頁“山岳游”引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽使用CSS美化網(wǎng)頁“山岳游”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范創(chuàng)建美化頁面元素的樣式美化頁面元素樣式屬性的設(shè)置新建代碼片斷在頁面各個區(qū)塊中輸入文字或插入頁面元素應(yīng)用美化頁面元素樣式美化網(wǎng)頁案例教學(xué)法1204模仿訓(xùn)練學(xué)生模仿完成“使用CSS美化網(wǎng)頁‘山岳游’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練使用CSS美化“泰山游”網(wǎng)頁分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置使用CSS美化“廬山游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納使用CSS美化網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作包含特效網(wǎng)頁的相關(guān)知識講授法2教學(xué)單元9制作包含特效的網(wǎng)頁教學(xué)項目P4-9：制作包含特效的網(wǎng)頁學(xué)時:8教學(xué)目標(biāo)1．能編寫簡單的JavaScript程序，能看懂較復(fù)雜的JavaScript程序，明確其實現(xiàn)的功能和各語句的含義2．能根據(jù)功能需求改寫JavaScript程序代碼，以改進(jìn)或擴展其功能3．能使用JavaScript技術(shù)制作網(wǎng)頁特效任務(wù)描述1．在網(wǎng)頁中顯示當(dāng)前日期2．在不同時間段顯示不同問候語3．滾動網(wǎng)頁標(biāo)題欄中的文字4．動態(tài)改變網(wǎng)頁中文本字體大小5．關(guān)閉網(wǎng)頁時自動彈出小窗口步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價創(chuàng)建名稱為“生態(tài)游”的本地站點打開制作網(wǎng)頁特效的網(wǎng)頁“生態(tài)游”為網(wǎng)頁應(yīng)用外部樣式引導(dǎo)教學(xué)法102網(wǎng)頁效果瀏覽制作包含特效的“云南旅游”網(wǎng)頁項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范JavaScript基本語法JavaScript對象Windows對象Document對象常用內(nèi)置對象JavaScript代碼嵌入HTML代碼運用JavaScript技術(shù)制作網(wǎng)頁特效案例教學(xué)法1154模仿訓(xùn)練學(xué)生模仿完成“制作包含特效的‘云南旅游’網(wǎng)頁”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法805引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作包含特效的“九寨溝之游”網(wǎng)頁分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置制作包含特效的“公園游”網(wǎng)頁分組教學(xué)法39課堂小結(jié)歸納制作包含特效網(wǎng)頁的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)整合與發(fā)布網(wǎng)站的相關(guān)知識講授法2教學(xué)單元10整合與發(fā)布網(wǎng)站教學(xué)項目P4-10：整合與發(fā)布網(wǎng)站學(xué)時:4教學(xué)目標(biāo)1．能整合網(wǎng)站2．了解域名的設(shè)計與申請方法3．能測試網(wǎng)站4．能發(fā)布網(wǎng)站5．了解宣傳與推廣網(wǎng)站的方法任務(wù)描述1．優(yōu)化網(wǎng)頁2．將多個網(wǎng)頁整合成一個網(wǎng)站3．測試網(wǎng)站4．申請網(wǎng)站域名和網(wǎng)頁空間5．發(fā)布網(wǎng)頁6．宣傳與推廣網(wǎng)站步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價在本地硬盤創(chuàng)建文件夾啟動DreamweaverCS3創(chuàng)建名稱為“E游天下”的本地站點引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽整合與發(fā)布網(wǎng)站“E游天下”項目教學(xué)法任務(wù)驅(qū)動教學(xué)法53方法引導(dǎo)與操作示范將多個網(wǎng)頁整合成一個網(wǎng)站網(wǎng)站測試方法域名的設(shè)計與申請方法網(wǎng)站的發(fā)布方法網(wǎng)站的維護(hù)與更新案例教學(xué)法554模仿訓(xùn)練學(xué)生模仿完成“整合與發(fā)布網(wǎng)站‘E游天下’”項目的制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法405引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法106同步訓(xùn)練整合與發(fā)布網(wǎng)站“快樂E游”分組教學(xué)法案例教學(xué)法407同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法158拓展訓(xùn)練任務(wù)布置整合與發(fā)布網(wǎng)站“愛旅游”分組教學(xué)法39課堂小結(jié)歸納整合與發(fā)布網(wǎng)站的相關(guān)知識指出學(xué)生操作過程中容易出現(xiàn)的錯誤講授法510新課提示預(yù)習(xí)制作一個完整靜態(tài)網(wǎng)站的相關(guān)知識講授法2教學(xué)單元11制作商品購物網(wǎng)站教學(xué)項目P4-11：制作商品購物網(wǎng)站學(xué)時:8教學(xué)目標(biāo)1．了解網(wǎng)站開發(fā)流程2．掌握網(wǎng)頁設(shè)計原理與技巧3．能應(yīng)用CSS樣式設(shè)計布局網(wǎng)頁4．能設(shè)計與制作導(dǎo)航欄，會正確使用浮動框架5．能插入網(wǎng)頁元素6．能利用模板和庫創(chuàng)建網(wǎng)頁7．能在網(wǎng)頁中設(shè)置超級鏈接任務(wù)描述1．畫出網(wǎng)站的整體結(jié)構(gòu)，對每個網(wǎng)頁進(jìn)行規(guī)劃2．使用Div+CSS和表格聯(lián)合布局網(wǎng)頁3．設(shè)計與制作導(dǎo)航欄4．插入網(wǎng)頁元素5．利用模板和庫制作網(wǎng)頁步驟教學(xué)過程或教學(xué)環(huán)節(jié)教學(xué)內(nèi)容教學(xué)方法建議學(xué)時（分鐘）1課前操作準(zhǔn)備與拓展訓(xùn)練評價啟動DreamweaverCS3創(chuàng)建名稱為“商品購物網(wǎng)站”的本地站點引導(dǎo)教學(xué)法52網(wǎng)頁效果瀏覽制作商品購物網(wǎng)站項目教學(xué)法任務(wù)驅(qū)動教學(xué)法103方法引導(dǎo)與操作示范網(wǎng)站開發(fā)流程網(wǎng)站規(guī)劃與組織網(wǎng)頁設(shè)計基本原理與方法網(wǎng)頁設(shè)計的規(guī)范案例教學(xué)法404模仿訓(xùn)練學(xué)生模仿完成“制作商品購物網(wǎng)站”項目的部分制作，允許一定的自由發(fā)揮教師巡視答疑案例教學(xué)法1605引導(dǎo)訓(xùn)練考核評價教師指出學(xué)生模仿過程中可能出錯和已經(jīng)出錯的知識點，并進(jìn)行重點評析，加深印象，強化記憶講授法206同步訓(xùn)練制作商品購物網(wǎng)站分組教學(xué)法案例教學(xué)法857同步訓(xùn)練考核評價組長：根據(jù)考核標(biāo)準(zhǔn)對本組學(xué)生完成的項目進(jìn)行評價教師：抽評學(xué)生完成的項目，并對錯誤操作給予及時糾正和提示分組教學(xué)法308拓展訓(xùn)練任務(wù)布置完善商品購物網(wǎng)站分組教學(xué)法59課堂小結(jié)歸納制作一個完整網(wǎng)站的相關(guān)知識指出學(xué)生操作過程中出現(xiàn)的錯誤講授法5七、執(zhí)教教師要求執(zhí)教教師應(yīng)熟悉HTML、CSS、JavaScript等方面的理論知識，熟悉Dreamweaver網(wǎng)頁制作工具，能夠使用Dreamweaver等工具制作符合Web標(biāo)準(zhǔn)的網(wǎng)頁，具有一定制作設(shè)計與制作工作經(jīng)驗，熟悉網(wǎng)站制作與設(shè)計流程，能跟蹤最新的網(wǎng)頁設(shè)計與制作技術(shù)，熟悉網(wǎng)頁布局與美化技術(shù)、網(wǎng)頁特效設(shè)計技術(shù)，能獨立完成美工及Div+CSS網(wǎng)頁的靜態(tài)頁面布局。八、學(xué)習(xí)場地與實訓(xùn)設(shè)備要求該課程采用“項目導(dǎo)向，任務(wù)驅(qū)動，案例教學(xué)，理論實踐一體化課堂”的教學(xué)模式開展教學(xué)。課程的“理論實踐一體化”教學(xué)全過程要求全部安排在設(shè)施先進(jìn)的多媒體實訓(xùn)室進(jìn)行，以實現(xiàn)“教、學(xué)、做、評”合一，同時要求安裝多媒體教學(xué)軟件，方便下發(fā)教學(xué)任務(wù)和收集學(xué)生同步訓(xùn)練結(jié)果。九、教材的選用與開發(fā)1．教材選取的原則教材選取遵循“適用、實用、夠用”的原則。（1）適用：教材要以網(wǎng)頁制作技術(shù)為基礎(chǔ)，符合網(wǎng)頁設(shè)計與制作員的能力要求和本課程的培養(yǎng)目標(biāo)。（2）實用：教材的教學(xué)內(nèi)容要注意基礎(chǔ)性、啟發(fā)性、應(yīng)用性和拓展性的結(jié)合，符合高職計算機多媒體技術(shù)專業(yè)學(xué)生特點；教材應(yīng)按實際工作案例組織編寫內(nèi)容，注意網(wǎng)頁制作技術(shù)與美學(xué)藝術(shù)的結(jié)合，重在培養(yǎng)學(xué)生的創(chuàng)新思維和專業(yè)技能；教材應(yīng)以真實項目為主線，按網(wǎng)站實際創(chuàng)建過程組織編寫內(nèi)容，強調(diào)理論與實踐的結(jié)合，便于實現(xiàn)“教、學(xué)、做”三位一體的“理論實踐一體化課堂”的教學(xué)模式。（3）夠用：教材的內(nèi)容主要包括網(wǎng)頁制作技術(shù)和網(wǎng)頁制作的實際操作技能，不涉及太多、太深的理論知識。2．推薦教材（1）陳承歡.《DreamweaverCS3網(wǎng)頁制作案例教程》[M]北京：高等教育出版社，2009.（2）陳承歡.《網(wǎng)頁設(shè)計與制作實用教程》[M]北京：郵電出版社，2010.3．參考的教學(xué)資料（1）肖瑞奇.《巧學(xué)巧用DreamweaverCS5制作網(wǎng)頁》[M]北京：人民郵電出版社，2010.（2）姬莉霞.《DreamweaverCS3案例標(biāo)準(zhǔn)教程》[M]北京：中國青年出版社，2008.（3）數(shù)字藝術(shù)教育研究室.《DreamweaverCS6基礎(chǔ)培訓(xùn)教程》[M]北京：人民郵電出版社，2012.（4）時延鵬，于淼，王丹，周曉姝.《DreamweaverCS3網(wǎng)頁設(shè)計與制作技能案例教程》[M]北京：科學(xué)出版社，2010.（5）陳承歡.《XHTML+CSS網(wǎng)頁布局與美化案例教程》[M]北京：高等教育出版社，2010.（6）《網(wǎng)頁設(shè)計與制作》國家精品課程網(wǎng)站（網(wǎng)址為：18:90/ec2006/C16/Index.htm）（7）國家精品課程資源網(wǎng)的課程中心（網(wǎng)址為：）（8）網(wǎng)頁模板：/html/templates/（9）模板天下：/（10）網(wǎng)頁設(shè)計師聯(lián)盟：/（11）網(wǎng)頁設(shè)計師加油站：/十、考核方式與標(biāo)準(zhǔn)該課程的考核改變單一的終結(jié)性評價的方法，采用過程考核和終結(jié)性考核相結(jié)合，靈活多樣的考核方式可以全面考核學(xué)生的學(xué)習(xí)效果，考核方式與成績比例如下表所示。考核階段考核內(nèi)容考核形式成績比例過程考核學(xué)習(xí)態(tài)度、課堂紀(jì)律、6S管理、團(tuán)隊合作精神、單項實踐操作技能操作準(zhǔn)備、引導(dǎo)訓(xùn)練、同步訓(xùn)練、拓展訓(xùn)練和問題探索、小組討論等80%終結(jié)性考核綜合技能、職業(yè)規(guī)范、創(chuàng)新能力等項目（作品）考核20%課程考核評價標(biāo)準(zhǔn)如下表所示。項目編號考核點考核標(biāo)準(zhǔn)成績比例（%）優(yōu)良及格不及格P4-21．創(chuàng)建站點和網(wǎng)頁文檔創(chuàng)建站點和網(wǎng)頁文件完全正確創(chuàng)建站點完全正確，創(chuàng)建網(wǎng)頁文件基本正確創(chuàng)建站點和網(wǎng)頁文件基本正確創(chuàng)建站點和網(wǎng)頁文件不正確102．頁面整體屬性設(shè)置頁面整體屬性設(shè)置完全正確頁面整體屬性設(shè)置有2個以下錯誤頁面整體屬性設(shè)置有4個以下錯誤頁面整體屬性設(shè)置有4個以上錯誤3．文本操作輸入文本和設(shè)置文本屬性完全正確輸入文本正確，設(shè)置文本屬性基本正確輸入文本和設(shè)置文本屬性基本正確輸入文本和設(shè)置文本屬性不正確4．圖像操作插入圖像和圖像屬性設(shè)置完全正確插入圖像正確，設(shè)置圖像屬性基本正確插入圖像和設(shè)置圖像屬性基本正確插入圖像和設(shè)置圖像屬性不正確P4-31．創(chuàng)建網(wǎng)頁文檔并設(shè)置頁面整體屬性創(chuàng)建網(wǎng)頁文檔