網(wǎng)設(shè)計(jì)課程標(biāo)準(zhǔn)

1、網(wǎng)頁(yè)設(shè)計(jì)課程1. 前言1.1 課程的性質(zhì)網(wǎng)頁(yè)設(shè)計(jì)dreamweaver是計(jì)算機(jī)應(yīng)用技術(shù)專業(yè)和電子商務(wù)的主要專業(yè)課 之一，是為滿足行業(yè)企業(yè)在網(wǎng)絡(luò)媒體內(nèi)容制作崗位對(duì)靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)和制作人員的 用人需求而開設(shè)的一門專業(yè)必修課1.2 課程定位本課程主要培養(yǎng)學(xué)生從事網(wǎng)頁(yè)設(shè)計(jì)與制作的基本技能， 使學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì) 的概念和方法，能夠運(yùn)用專業(yè)的網(wǎng)頁(yè)設(shè)計(jì)工具和腳本語(yǔ)言， 進(jìn)行網(wǎng)站規(guī)劃、 建立 和維護(hù)，具備網(wǎng)頁(yè)設(shè)計(jì)崗位的職業(yè)技術(shù)能力。在本課程之前，學(xué)生已學(xué)習(xí)了計(jì)算機(jī)應(yīng)用基礎(chǔ) 、 Photoshop 平面設(shè)計(jì) 等基礎(chǔ)課程的， 具備基本的計(jì)算機(jī)操作與圖形圖像制作能力， 本課程的后續(xù)課程 是ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)。1.3

2、設(shè)計(jì)思路本課程的設(shè)計(jì)思路以就業(yè)為導(dǎo)向， 按照基于工作過(guò)程的職業(yè)能力來(lái)進(jìn)行課程 開發(fā)，邀請(qǐng)企業(yè)行業(yè)網(wǎng)絡(luò)專家對(duì)計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)所涵蓋的崗位群進(jìn)行工作任務(wù)和 職業(yè)能力分析， 以此為依據(jù)確定本課程的工作任務(wù)和課程內(nèi)容， 并參照行業(yè)職業(yè) 標(biāo)準(zhǔn)，以任務(wù)引領(lǐng)為課程框架， 將課程按遞進(jìn)方式設(shè)計(jì)成項(xiàng)目， 并以項(xiàng)目為單元 組織教學(xué)， 使學(xué)生由淺入深， 以點(diǎn)到面的全面掌握網(wǎng)頁(yè)設(shè)計(jì)的職業(yè)技能。 同時(shí)開 發(fā)教材，對(duì)教學(xué)過(guò)程的組織 、教學(xué)條件、課程評(píng)價(jià)都進(jìn)行了詳細(xì)的設(shè)計(jì)，完成 本課程的整體教學(xué)內(nèi)容和教學(xué)實(shí)施的整體設(shè)計(jì)，建立了基于網(wǎng)頁(yè)設(shè)計(jì)的課程標(biāo) 準(zhǔn)。2. 課程目標(biāo)本課程以學(xué)生能夠獨(dú)立進(jìn)行靜態(tài)網(wǎng)站開發(fā)與維護(hù)的實(shí)際工作能力為學(xué)

3、習(xí)目 標(biāo)，要求學(xué)生具備綜合運(yùn)用 HTML技術(shù)制作網(wǎng)頁(yè)，規(guī)劃、開發(fā)、發(fā)布管理靜態(tài)網(wǎng) 站的專業(yè)知識(shí)和技能，形成解決實(shí)際應(yīng)用問(wèn)題的方法能力，為以后的學(xué)習(xí) ASP 動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程打下基礎(chǔ)。本課程培養(yǎng)學(xué)生綜合運(yùn)用 HTML技術(shù)制作網(wǎng)頁(yè)，以及使用常用網(wǎng)頁(yè)設(shè)計(jì)工具規(guī)劃、開發(fā)、發(fā)布、管理靜態(tài)網(wǎng)站的專業(yè)知識(shí)和技能，具備解決實(shí)際應(yīng)用問(wèn)題的 方法能力，為以后的學(xué)習(xí)ASP動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)課程打下基礎(chǔ)。具體目標(biāo)如下：2.1 知識(shí)目標(biāo) 能處理網(wǎng)頁(yè)圖形圖像素材 能規(guī)劃、創(chuàng)建、發(fā)布、維護(hù)靜態(tài)網(wǎng)站 能運(yùn)用 javascript 控制網(wǎng)頁(yè)行為 能運(yùn)用多種布局技術(shù)制作網(wǎng)頁(yè)布局 能靈活運(yùn)用 css 技術(shù)規(guī)范、美化網(wǎng)頁(yè)內(nèi)容 能跟蹤和學(xué)習(xí)

4、并應(yīng)用網(wǎng)頁(yè)設(shè)計(jì)與制作的新知識(shí)和新技術(shù)2.2 技能目標(biāo) 能合理的規(guī)劃商業(yè)網(wǎng)站； 能合理設(shè)計(jì)網(wǎng)頁(yè)的布局方案和美術(shù)設(shè)計(jì)方案； 能規(guī)范的編寫網(wǎng)頁(yè)策劃書； 能熟練應(yīng)用 Photoshop 繪制網(wǎng)頁(yè)導(dǎo)航要素； 能熟練應(yīng)用 Photoshop 繪制網(wǎng)頁(yè)信息區(qū)塊； 能熟練應(yīng)用 Photoshop 繪制網(wǎng)頁(yè)美術(shù)文字效果； 能熟練應(yīng)用 Photoshop 處理網(wǎng)頁(yè)插圖； 能熟練應(yīng)用 Photoshop 繪制網(wǎng)頁(yè)整體效果圖； 能熟練應(yīng)用 Photoshop 正確的對(duì)網(wǎng)頁(yè)效果圖進(jìn)行切片和優(yōu)化； 能熟練應(yīng)用Dreamweave進(jìn)行網(wǎng)站站點(diǎn)管理和初始化頁(yè)面； 能熟練應(yīng)用Dreamweave對(duì)網(wǎng)頁(yè)的總體結(jié)構(gòu)進(jìn)行排版； 能熟

5、練應(yīng)用Dreamweave對(duì)網(wǎng)頁(yè)插片和文字進(jìn)行編排； 能熟練應(yīng)用Dreamweave制作網(wǎng)頁(yè)的細(xì)節(jié)效果； 能應(yīng)用Dreamweaver進(jìn)行DIV+CSS吉構(gòu)排版； 能熟練應(yīng)用Dreamweave制作模板與網(wǎng)站子頁(yè)； 能應(yīng)用Dreamweaver制作框架頁(yè)面結(jié)構(gòu)和簡(jiǎn)單頁(yè)面腳本交互功能； 能熟練應(yīng)用Dreamweaver鏈接網(wǎng)頁(yè)與測(cè)試網(wǎng)站；能應(yīng)用互聯(lián)網(wǎng)資源發(fā)布網(wǎng)站；能熟練應(yīng)用Dreamweave維護(hù)網(wǎng)頁(yè)。2.3素質(zhì)目標(biāo)培養(yǎng)良好的勞動(dòng)紀(jì)律觀念；培養(yǎng)認(rèn)真做事、細(xì)心做事的態(tài)度；培養(yǎng)團(tuán)隊(duì)協(xié)作精神；培養(yǎng)表述、回答等語(yǔ)言表達(dá)能力；培養(yǎng)交流、溝通的能力3. 課程內(nèi)容和學(xué)時(shí)安排以真實(shí)工作項(xiàng)目為依據(jù)，對(duì)項(xiàng)目進(jìn)行功能

6、分解、歸納，提取工作任務(wù)，分析 工作任務(wù)所涉及的相關(guān)知識(shí)，設(shè)計(jì)一系列能力要求不斷提升的進(jìn)階式學(xué)習(xí)任務(wù)， 以學(xué)習(xí)任務(wù)為教學(xué)單元組織課程教學(xué)，將網(wǎng)頁(yè)各類語(yǔ)言的應(yīng)用融入到各學(xué)習(xí)情境 中，模擬網(wǎng)站開發(fā)流程，設(shè)計(jì)以訓(xùn)練學(xué)生為主、教師指導(dǎo)為輔的基于工作過(guò)程教 學(xué)活動(dòng)，培養(yǎng)學(xué)生崗位職業(yè)技能應(yīng)用及自主學(xué)習(xí)能力， 從而構(gòu)建該課程的教學(xué)內(nèi) 容。網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)內(nèi)容設(shè)計(jì)如下表所示（一）總體設(shè)計(jì)序號(hào)任務(wù)名稱知識(shí)要點(diǎn)技能目標(biāo)課時(shí)1制作圖 文混排 網(wǎng)頁(yè)常見網(wǎng)頁(yè)設(shè)計(jì)工具的使用HTML文檔基本結(jié)構(gòu) 文本排版控制標(biāo)記符 圖像插入標(biāo)記符 特殊字符 css的意義、創(chuàng)建與使用方法安裝與啟用網(wǎng)頁(yè)制作軟件 熟悉網(wǎng)頁(yè)制作的基本步驟 正確插

7、入文本與特殊字符 正確對(duì)文本進(jìn)行分段分行 正確插入圖像運(yùn)用css技術(shù)控制文字圖片樣式42制作個(gè) 人簡(jiǎn)歷 網(wǎng)頁(yè)有序列表標(biāo)記符 無(wú)序列表標(biāo)記符 表格標(biāo)記符 超鏈接標(biāo)記符Css技術(shù)對(duì)列表的控制方法制作有序列表、無(wú)序列表 制作混合列表 運(yùn)用超鏈接啟動(dòng)電子郵箱鏈接 .運(yùn)用表格進(jìn)行簡(jiǎn)單頁(yè)面排版 運(yùn)用css技術(shù)設(shè)置列表顯示方式43制作電子相冊(cè)網(wǎng)頁(yè)圖像素材的特點(diǎn)與主要類型 Fireworks對(duì)圖片進(jìn)行批處理的方法熟悉網(wǎng)頁(yè)圖像素材的特點(diǎn)與類型掌握Fireworks的基本操作方法6網(wǎng)頁(yè)電子相冊(cè)排版要點(diǎn)圖像、表格、超鏈接標(biāo)記符的相關(guān)屬 性Css技術(shù)的濾鏡使用方法了解并掌握網(wǎng)頁(yè)圖片處理的主要方 法熟知圖像、表格、超鏈

8、接標(biāo)記符的屬 性運(yùn)用css濾鏡技術(shù)美化圖片效果4制作唐 寺欣賞 網(wǎng)站本地網(wǎng)站的創(chuàng)建與發(fā)布IIS的安裝與設(shè)置方法 網(wǎng)站的規(guī)劃與制作流程 框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局的方法 超鏈接標(biāo)記符在框架技術(shù)中的作用 錨點(diǎn)鏈接技術(shù)網(wǎng)站LOGO的制作方法制作網(wǎng)站flash banner的方法多媒體素材網(wǎng)頁(yè)的制作方法 個(gè)人網(wǎng)站的規(guī)劃與制作流程正確創(chuàng)建、設(shè)置、發(fā)布本地網(wǎng)站正確安裝、設(shè)置與管理IIS運(yùn)用框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局 錨點(diǎn)技術(shù)在長(zhǎng)版面網(wǎng)頁(yè)中的應(yīng)用 運(yùn)用圖像設(shè)計(jì)軟件制作LOGO運(yùn)用flash制作具有動(dòng)態(tài)效果的 banner掌握向網(wǎng)頁(yè)插入動(dòng)畫、視頻等多媒體素材的方法熟悉css控制超鏈接樣式的方法105制作個(gè)人網(wǎng)站個(gè)人網(wǎng)站的

9、規(guī)劃方法與制作特點(diǎn) 運(yùn)用圖形制作工具繪制網(wǎng)頁(yè)布局 Fireworks切片并導(dǎo)岀網(wǎng)頁(yè)的方法D reamweaver布局切片網(wǎng)頁(yè)的方法 頁(yè)內(nèi)框架技術(shù)布局網(wǎng)頁(yè)的方法 動(dòng)態(tài)導(dǎo)航條的制作方法css進(jìn)行樣式規(guī)范與美化網(wǎng)頁(yè)的方法了解個(gè)人網(wǎng)站的制作方法與特點(diǎn) 設(shè)計(jì)并繪制網(wǎng)頁(yè)布局圖 應(yīng)用切片技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局結(jié)構(gòu) 運(yùn)用Dreamweaver優(yōu)化切片網(wǎng)頁(yè) 運(yùn)用頁(yè)內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接 掌握制作動(dòng)態(tài)導(dǎo)航條的方法 運(yùn)用css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化106制作用 戶注冊(cè) 網(wǎng)頁(yè)表單與表單元素的相關(guān)標(biāo)記符表單與表單元素的作用 表格布局表單兀素css對(duì)表格、表單元素的控制方法D reamweaver檢驗(yàn)表單行為的應(yīng)用 以電子

10、郵件方式提交表單的方法熟悉表單及表單元素的設(shè)置方法 掌握表格布局表單兀素的方法 運(yùn)用css對(duì)表格、表單元素進(jìn)行規(guī)范 與美化掌握Dreamweaver驗(yàn)證表單的方法 掌握電子郵件形式提交表單的方法47制作智 能顯示 效果的 網(wǎng)頁(yè)Javascript基本語(yǔ)法知識(shí)Javascript語(yǔ)句嵌入到 html的方法表單元素調(diào)用Javascript語(yǔ)句的方法Javascript函數(shù)的調(diào)用方法 時(shí)間對(duì)象的使用方法 瀏覽器對(duì)象的控制方法熟悉javascript語(yǔ)法知識(shí) 掌握在html中調(diào)用javascript代碼的 方法熟悉調(diào)用javascript的事件 控制與使用時(shí)間對(duì)象、瀏覽器對(duì)象68制作訂單網(wǎng)頁(yè)Javas

11、cript判斷、循環(huán)等語(yǔ)句的語(yǔ)法 知識(shí)創(chuàng)建與調(diào)用Javascript自定義函數(shù)的 方法數(shù)組對(duì)象的控制與使用方法 字符對(duì)象的控制與使用方法文檔對(duì)象的控制與使用方法靈活運(yùn)用Javascript分支與循環(huán)語(yǔ)句 掌握J(rèn)avascript自定義函數(shù)的方法 掌握數(shù)組對(duì)象、字符對(duì)象、文檔對(duì)象 的控制與使用方法綜合運(yùn)用 javascript、html、css 技術(shù)69制作在 線考試 網(wǎng)頁(yè)Javascript對(duì)表單元素的訪問(wèn)與控制 方法定時(shí)器的使用方法掌握J(rèn)avascript訪問(wèn)與控制表單元素 的方法靈活設(shè)置與取消定時(shí)器6HTML技術(shù)的綜合應(yīng)用方法運(yùn)用HTML處理頁(yè)面的能力10制作數(shù) 碼產(chǎn)品 門戶網(wǎng) 站門戶網(wǎng)站

12、的設(shè)計(jì)、規(guī)劃與制作流程 網(wǎng)站創(chuàng)建、發(fā)布、維護(hù)管理的方法Div+css布局網(wǎng)頁(yè)的方法創(chuàng)建子菜單的方法html技術(shù)Dreamweaver的高級(jí)應(yīng)用技術(shù)熟悉運(yùn)用div+css技術(shù)設(shè)計(jì)網(wǎng)頁(yè)掌握 Dreamweaver倉(cāng)U建與運(yùn)用 div Ap 的方法掌握運(yùn)用 Dreamweaver時(shí)間軸功能制作網(wǎng)頁(yè)漂移元素的方法掌握Dreamweaver行為面板的使用方法靈活應(yīng)用HTML增加網(wǎng)頁(yè)特效1268整個(gè)課程通過(guò)10個(gè)技術(shù)難度漸進(jìn)式的工作過(guò)程為向?qū)В缘湫凸ぷ魅蝿?wù)為 基點(diǎn)，設(shè)計(jì)綜合理論知識(shí)、操作技能和職業(yè)素養(yǎng)為一體教學(xué)單元活動(dòng)。用任務(wù)驅(qū) 動(dòng)教學(xué)的各個(gè)環(huán)節(jié)。邊做邊學(xué)，帶動(dòng)相關(guān)知識(shí)點(diǎn)，使學(xué)生通過(guò)完成工作任務(wù)教學(xué) 單

13、元的學(xué)習(xí)，不但能夠掌握網(wǎng)頁(yè)制作與網(wǎng)站設(shè)計(jì)的專業(yè)知識(shí)和專業(yè)技能，還能夠全面培養(yǎng)其團(tuán)隊(duì)協(xié)作、溝通表達(dá)、工作責(zé)任心、職業(yè)道德與規(guī)范等綜合素質(zhì)，學(xué) 生通過(guò)學(xué)習(xí)的過(guò)程掌握工作崗位所需要的各項(xiàng)技能和相關(guān)專業(yè)知識(shí)。（二）課程單元內(nèi)容2 時(shí) fn-K 考 參一、知 識(shí) 要 占 八、W -師哄筋意 亦m村射刖的 丿 T 才彳歹 S 診廠、匹 劉寺 S 脊 H戈佟舉 C技能目標(biāo)財(cái)刼刪W刪用 安熟正正正運(yùn)程1具 工 作 制 頁(yè) 網(wǎng) 的 用 常 識(shí) 認(rèn) 與 動(dòng) 啟 安2檔 文 的 白 空 容 內(nèi) 完 構(gòu) 結(jié) 木 S- 個(gè)一 作 制3置 設(shè)4號(hào) L M H 向5號(hào) L M H 向6m .貝 化 美 樣 范 規(guī) 刑斗 類

14、ss C頁(yè) 網(wǎng) 的 茂 、壬 圖 個(gè)一2頁(yè) 網(wǎng) 的 茂 、尤 圖 個(gè)一>, 王 定任務(wù)名稱二、制作個(gè)人簡(jiǎn)歷網(wǎng)頁(yè)參考課時(shí)4知 識(shí) 要 占 八、有序列表標(biāo)記符 無(wú)序列表標(biāo)記符 表格標(biāo)記符 超鏈接標(biāo)記符Css技術(shù)對(duì)列表的控制方法技能目標(biāo)制作有序列表、無(wú)序列表制作混合列表運(yùn)用超鏈接標(biāo)記符啟動(dòng)電子郵箱鏈接 運(yùn)用表格進(jìn)行簡(jiǎn)單頁(yè)面排版運(yùn)用css技術(shù)設(shè)置列表顯示方式簡(jiǎn)單任務(wù)活動(dòng)安排序號(hào)任務(wù)名稱說(shuō)明1制作一個(gè)包含有序列表、無(wú)序列表的網(wǎng)頁(yè)應(yīng)用UL OL標(biāo)記符2制作一個(gè)包含混合列表的網(wǎng)頁(yè)嵌套應(yīng)用UL OL標(biāo)記符3制作一個(gè)顯示課程表的網(wǎng)頁(yè)應(yīng)用TABLE標(biāo)記符4制作一個(gè)將以上鏈接以上網(wǎng)頁(yè)的網(wǎng)頁(yè)應(yīng)用A標(biāo)記符5制作個(gè)

15、人簡(jiǎn)歷網(wǎng)頁(yè)給出布局供學(xué)生參考， 分析制作過(guò)程，給出指 引后學(xué)生自行完成任務(wù) 工作 過(guò)程 指導(dǎo)表格布局頁(yè)面對(duì)表格中的單元格進(jìn)行合并、拆分，完成頁(yè)面主體格局I在相應(yīng)單元格中插入相關(guān)信息，完成簡(jiǎn)歷信息制作電子郵箱啟動(dòng)的制作6 時(shí) fn-K 考 參 一一、一知 識(shí) 要 占 八、頁(yè)顧子像 S 網(wǎng) H 電圖技能目標(biāo)法伽 去方O 型方要M娜 謝 S 心憐技 陽(yáng)來(lái)觀表鏡 卸握解知用 熟掌了熟運(yùn)程123索 用 運(yùn)456用 應(yīng) 并7展務(wù) 拓任任務(wù)名稱四、制作唐詩(shī)欣賞網(wǎng)站參考課時(shí)10知 識(shí) 要 占 八、本地網(wǎng)站的創(chuàng)建與發(fā)布IIS的安裝與設(shè)置方法網(wǎng)站的規(guī)劃與制作流程 框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局的方法 超鏈接標(biāo)記符在框架技術(shù)

16、中的作用技能目標(biāo)正確創(chuàng)建、設(shè)置、發(fā)布本地網(wǎng)站 正確安裝、設(shè)置與管理 IIS 運(yùn)用框架技術(shù)進(jìn)行網(wǎng)頁(yè)布局 錨點(diǎn)技術(shù)在長(zhǎng)版面網(wǎng)頁(yè)中的應(yīng)用 運(yùn)用圖像設(shè)計(jì)軟件制作 LOGO錨點(diǎn)鏈接技術(shù)網(wǎng)站LOGO的制作方法制作網(wǎng)站flash banner的方法多媒體素材網(wǎng)頁(yè)的制作方法運(yùn)用flash制作具有動(dòng)態(tài)效果的banner掌握向網(wǎng)頁(yè)插入動(dòng)畫、視頻等多媒體素 材的方法熟悉css控制超鏈接樣式的方法任務(wù)驅(qū)動(dòng)工作過(guò)程1規(guī)劃網(wǎng)站的模塊（可按作者劃分模塊）、首頁(yè)布局結(jié)構(gòu)（左上下結(jié)構(gòu)）2素材準(zhǔn)備：設(shè)計(jì)并制作網(wǎng)站LOGO、flash Banner及相關(guān)多媒體素材3創(chuàng)建相關(guān)文件夾，在Dreamweaver創(chuàng)建本地站點(diǎn)，在IIS做相

17、關(guān)設(shè)置4運(yùn)用錨點(diǎn)技術(shù)創(chuàng)建長(zhǎng)版面子模塊網(wǎng)頁(yè)，并運(yùn)用css技術(shù)實(shí)現(xiàn)圖文并茂的效果5創(chuàng)建left.htm頁(yè)面，插入LOGO、標(biāo)題并設(shè)置超鏈接源及目的窗口，形成導(dǎo)航條效果rt6創(chuàng)建top.htm頁(yè)面，插入相關(guān) flash Banne7創(chuàng)建main.htm頁(yè)面，內(nèi)容為圖文并茂的網(wǎng)站主題簡(jiǎn)介，作為首頁(yè)主框架的內(nèi)容8創(chuàng)建首頁(yè)index.htm，運(yùn)用框架集布局頁(yè)面，插入相關(guān)的框架頁(yè)面，完成相關(guān)超鏈接9發(fā)布與調(diào)試網(wǎng)站任務(wù)名稱五、制作個(gè)人網(wǎng)站參考課時(shí)10知 識(shí) 要 占 八、個(gè)人網(wǎng)站的規(guī)劃方法與制作特點(diǎn) 運(yùn)用圖形制作工具設(shè)計(jì)繪制網(wǎng)頁(yè)布局 Fireworks執(zhí)行切片并導(dǎo)岀網(wǎng)頁(yè)的方法D reamweaver布局切片網(wǎng)頁(yè)

18、的方法 頁(yè)內(nèi)框架技術(shù)在網(wǎng)頁(yè)布局中的應(yīng)用方法 動(dòng)態(tài)導(dǎo)航條的制作方法css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化的方法技能目標(biāo)了解個(gè)人網(wǎng)站的制作方法與特點(diǎn) 設(shè)計(jì)并繪制網(wǎng)頁(yè)布局圖 應(yīng)用切片技術(shù)設(shè)計(jì)網(wǎng)頁(yè)布局結(jié)構(gòu) 運(yùn)用Dreamweaver優(yōu)化切片網(wǎng)頁(yè) 運(yùn)用頁(yè)內(nèi)框架技術(shù)實(shí)現(xiàn)網(wǎng)站超鏈接 掌握制作動(dòng)態(tài)導(dǎo)航條的方法 運(yùn)用css對(duì)網(wǎng)頁(yè)進(jìn)行樣式規(guī)范與美化任務(wù)驅(qū)動(dòng)工作過(guò)程1規(guī)劃個(gè)人網(wǎng)站的模塊內(nèi)容（基本模塊為：自我介紹、個(gè)人愛好、個(gè)人相冊(cè)、文章）、首頁(yè)布局結(jié)構(gòu)（上左右結(jié)構(gòu)）2設(shè)計(jì)并繪制網(wǎng)站首頁(yè)布局圖3在Fireworks中對(duì)布局圖進(jìn)行切片操作，并導(dǎo)出文件夾4在Dreamweaver創(chuàng)建本地站點(diǎn)，在IIS做相關(guān)設(shè)置5素材準(zhǔn)備：動(dòng)態(tài)導(dǎo)

19、航條及相關(guān)多媒體素材6創(chuàng)建css文件，在Dreamweaver設(shè)置并優(yōu)化切片網(wǎng)頁(yè)，創(chuàng)建頁(yè)內(nèi)框架標(biāo)記符7創(chuàng)建并制作“自我介紹”、“個(gè)人愛好”、“相冊(cè)”、“文章”等子模塊頁(yè)面及相關(guān)css8建立超鏈接，完成網(wǎng)站拓展任務(wù)運(yùn)用切片技術(shù)，由全球 300強(qiáng)企業(yè)網(wǎng)站首頁(yè)的截圖，設(shè)計(jì)并制作首頁(yè)、二級(jí)子頁(yè)樣式任務(wù)名稱六、制作用戶注冊(cè)網(wǎng)頁(yè)參考課時(shí)4知 識(shí) 要 占 八、表單與表單元素的相關(guān)標(biāo)記符表單與表單元素的作用 表格布局表單兀素css對(duì)表格、表單元素的控制方法 Dreamweaver檢驗(yàn)表單行為的應(yīng)用 以電子郵件方式提交表單的方法技能目標(biāo)熟悉表單及表單元素的設(shè)置方法掌握表格布局表單兀素的方法運(yùn)用css對(duì)表格、表單

20、元素進(jìn)行規(guī)范與 美化掌握Dreamweaver驗(yàn)證表單的方法 掌握電子郵件形式提交表單的方法任務(wù)驅(qū)動(dòng)工作過(guò)程1創(chuàng)建頁(yè)面，插入表單標(biāo)記符，將表單行為設(shè)置為電子郵件提交2在表單中插入表格，并創(chuàng)建相應(yīng)的css樣式對(duì)表格格式進(jìn)行控制3在表格的單元格中插入表單元素，并創(chuàng)建相應(yīng)的css樣式對(duì)表單格式進(jìn)行控制4通過(guò)Dreamweaver的行為面板設(shè)置單擊提交按鈕的行為5測(cè)試網(wǎng)頁(yè)，驗(yàn)證設(shè)計(jì)結(jié)果任務(wù)名稱七、制作智能顯示效果的網(wǎng)頁(yè)參考課時(shí)8知 識(shí) 要 占 八、Javascript基本語(yǔ)法知識(shí)Javascript語(yǔ)句嵌入到html的方法表單元素調(diào)用Javascript語(yǔ)句的方法Javascript函數(shù)的調(diào)用方法時(shí)間

21、對(duì)象的使用方法瀏覽器對(duì)象的控制方法技能目標(biāo)熟悉javascript語(yǔ)法知識(shí)掌握在html中調(diào)用javascript代碼的方 法熟悉調(diào)用javascript的事件控制與使用時(shí)間對(duì)象、瀏覽器對(duì)象簡(jiǎn)單任務(wù)活動(dòng)安排序號(hào)任務(wù)名稱說(shuō)明1制作一個(gè)能夠輸入并記載用戶信息的網(wǎng)頁(yè)prompt()函數(shù)的調(diào)用2制作一個(gè)具有顯示當(dāng)前時(shí)間功能的網(wǎng)頁(yè)時(shí)間對(duì)象的使用3制作一個(gè)可以更改網(wǎng)頁(yè)背景顏色的網(wǎng)頁(yè)文檔對(duì)象4制作一個(gè)可以設(shè)置瀏覽器狀態(tài)欄信息的網(wǎng)頁(yè)瀏覽器對(duì)象5制作一個(gè)根據(jù)具有智能顯示效果的網(wǎng)頁(yè)給出案例供學(xué)生參考，分 析制作過(guò)程，給出指引并 鼓勵(lì)學(xué)生添加智能效果， 學(xué)生自仃兀成任務(wù) 工作 過(guò)程 指導(dǎo)根據(jù)用戶的訪問(wèn)時(shí)間設(shè)置相應(yīng)的

22、問(wèn)候語(yǔ)根據(jù)用戶的喜好設(shè)置網(wǎng)頁(yè)背景與字體顏色(3)狀態(tài)欄中顯示用戶當(dāng)前的操作行為具有設(shè)置為默認(rèn)頁(yè)面、添加到收藏夾等功能任務(wù)名稱八、制作訂單網(wǎng)頁(yè)參考課時(shí)8知 識(shí) 要 占 八、Javascript判斷、循環(huán)等語(yǔ)句的語(yǔ)法知識(shí) 創(chuàng)建與調(diào)用Javascript自定義函數(shù)的方法 數(shù)組對(duì)象的控制與使用方法 字符對(duì)象的控制與使用方法 文檔對(duì)象的控制與使用方法技能目標(biāo)靈活運(yùn)用Javascript分支與循環(huán)語(yǔ)句 掌握J(rèn)avascript自定義函數(shù)的方法 掌握數(shù)組對(duì)象、字符對(duì)象、文檔對(duì)象的 控制與使用方法綜合運(yùn)用 javascript、html、css技術(shù)簡(jiǎn)單任務(wù)活動(dòng)安排序號(hào)任務(wù)名稱說(shuō)明1制作一個(gè)能記錄并輸出一組用戶

23、登記信息的網(wǎng)頁(yè)prompt( )+數(shù)組+文檔對(duì)象2在以上任務(wù)增加功能：用戶可以控制體中止輸入信息判斷語(yǔ)句的使用3在以上任務(wù)增加功能：美化用戶的輸岀信息css5制作訂單網(wǎng)頁(yè)給出案例供學(xué)生參考，分 析制作過(guò)程，給出指引并 鼓勵(lì)學(xué)生從界面友好、操 作方便等方面增加網(wǎng)頁(yè)功 能，學(xué)生自行完成任務(wù) 工作 過(guò)程 指導(dǎo)能列出商品的名稱及單價(jià)供用戶選擇1用戶可以在選擇商品的同時(shí)輸入數(shù)量根據(jù)用戶輸入的信息輸岀訂單，包括商品名稱、數(shù)量、單價(jià)，以及總的金額用戶確認(rèn)訂單后，信息以郵件的方式提交任務(wù)名稱九、制作在線考試網(wǎng)頁(yè)參考課時(shí)8知 識(shí) 要 占 八、Javascript對(duì)表單元素的訪問(wèn)與控制方法 定時(shí)器的使用方法HTML技術(shù)的綜合應(yīng)用方法技能目標(biāo)掌握J(rèn)avascript訪問(wèn)與控制表單元素的 方法靈活設(shè)置與取消定時(shí)器運(yùn)用HTML處理頁(yè)面的能力簡(jiǎn)單任務(wù)活動(dòng)安排序號(hào)任務(wù)名稱說(shuō)明1制作一個(gè)具有單選及復(fù)選按鈕的網(wǎng)頁(yè)表單設(shè)計(jì)2在以上任務(wù)增加功能：記載用戶的選擇信息，并輸出訪問(wèn)表單、數(shù)組對(duì)象、alert()3在以上任務(wù)增加功能：一定時(shí)間內(nèi)瀏覽器自動(dòng)關(guān)閉定時(shí)器、瀏覽器對(duì)象4在以上任務(wù)增加功能：將信息輸出在新瀏覽器窗口中文檔對(duì)象、瀏覽器對(duì)象5制作在線考試網(wǎng)頁(yè)向演示案例效果，提示學(xué)生 存在幾個(gè)問(wèn)題：成績(jī)最后的 提交方式