《網(wǎng)頁(yè)設(shè)計(jì)技術(shù)》課程標(biāo)準(zhǔn)

1、網(wǎng)頁(yè)設(shè)計(jì)技術(shù)課程標(biāo)準(zhǔn)A、課程標(biāo)準(zhǔn)（一）【課程代碼】WL03022001（二）【適用專業(yè)】計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)（三）【學(xué)分】4學(xué)分（四）【學(xué)時(shí)】108學(xué)時(shí)（五）【課程定位】本課程是計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)的一門專業(yè)必修課。本課程的前序課程是計(jì)算機(jī)基礎(chǔ)，后繼課程是動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，網(wǎng)絡(luò)數(shù)據(jù)庫(kù)等。 （六）【課程任務(wù)】本課程以 Dreamweaver 為課程的操作平臺(tái)。通過(guò)對(duì)網(wǎng)站設(shè)計(jì)職業(yè)崗位能力和典型工作任務(wù)的分析， 本課程選定典型實(shí)用的網(wǎng)站設(shè)計(jì)為主要工作任務(wù)，以網(wǎng)站設(shè)計(jì)實(shí)際工作過(guò)程為導(dǎo)向，以網(wǎng)站的設(shè)計(jì)任務(wù)為教學(xué)載體，充分發(fā)揮學(xué)生在學(xué)習(xí)中的主動(dòng)性，在于培養(yǎng)學(xué)生從事網(wǎng)頁(yè)設(shè)計(jì)與制作的基本職業(yè)能力，培養(yǎng)學(xué)生對(duì)網(wǎng)站內(nèi)容的基本

2、維護(hù)能力，使學(xué)生達(dá)到相應(yīng)的網(wǎng)頁(yè)設(shè)計(jì)制作人員及網(wǎng)站維護(hù)管理員的基本要求。（七）【課程目標(biāo)】根據(jù)學(xué)習(xí)領(lǐng)域的職業(yè)崗位能力要求，本課程各項(xiàng)學(xué)習(xí)目標(biāo)如下：1、知識(shí)目標(biāo)：a 了解建立站點(diǎn)的必要性，掌握如何規(guī)劃站點(diǎn)及管理站點(diǎn)；b 掌握CSS樣式格式化文本的方法；c 掌握表格的基本操作及表格在頁(yè)面中的處理技巧；d 掌握網(wǎng)頁(yè)中使用圖像和動(dòng)畫(huà)元素的方法；e 熟悉HTML語(yǔ)言中各元素的標(biāo)識(shí)；f 了解網(wǎng)頁(yè)美化的基本工具及方法；g 掌握動(dòng)態(tài)網(wǎng)站的創(chuàng)建，數(shù)據(jù)庫(kù)鏈接方法；h 掌握制作、發(fā)布站點(diǎn)內(nèi)容的方法。2、能力目標(biāo)：a 具備簡(jiǎn)單的網(wǎng)站的規(guī)劃設(shè)計(jì)能力，能閱讀需求說(shuō)明書(shū)，明確客戶需求；b 具備建立站點(diǎn)、管理站點(diǎn)的能力；c 具

3、備頁(yè)面的設(shè)計(jì)制作能力；d 具備頁(yè)面的美化能力；e 具備設(shè)計(jì)留言系統(tǒng)的動(dòng)態(tài)網(wǎng)站的能力。f 正確設(shè)計(jì)、創(chuàng)建、制作和發(fā)布個(gè)人網(wǎng)站的能力；g 具備通過(guò)多種媒體資源搜集所需信息的能力。3、素質(zhì)目標(biāo)：a 具有高度責(zé)任心和良好的團(tuán)隊(duì)合作精神；b 具有良好的心理素質(zhì)和職業(yè)道德素養(yǎng)；c 具有勤奮學(xué)習(xí)的態(tài)度，嚴(yán)謹(jǐn)求實(shí)、創(chuàng)新的工作作風(fēng)；d 具有較強(qiáng)的網(wǎng)頁(yè)設(shè)計(jì)創(chuàng)意思維和藝術(shù)設(shè)計(jì)素質(zhì)。（八）【課程基本內(nèi)容及要求】本課程教學(xué)時(shí)數(shù)為108學(xué)時(shí)，課程以7個(gè)項(xiàng)目帶動(dòng)。教學(xué)內(nèi)容及課程要求如下：項(xiàng)目一：網(wǎng)站策劃（教育類網(wǎng)站-校園網(wǎng)站）教學(xué)內(nèi)容： 客戶需求分析 網(wǎng)站風(fēng)格定位 網(wǎng)站建設(shè)方案 網(wǎng)站設(shè)計(jì)方案報(bào)價(jià)明細(xì) 任務(wù)一 撫州職業(yè)技術(shù)學(xué)

4、校網(wǎng)站的搭建 任務(wù)二 編寫(xiě)網(wǎng)站策劃書(shū) 教學(xué)要求：要求能書(shū)寫(xiě)網(wǎng)站策劃書(shū)， 任務(wù)一：撫州職業(yè)技術(shù)學(xué)校網(wǎng)站的搭建創(chuàng)建站點(diǎn)，規(guī)劃站點(diǎn)結(jié)構(gòu) 任務(wù)二：編寫(xiě)網(wǎng)站策劃書(shū)了解策劃書(shū)的格式，編寫(xiě)網(wǎng)站策劃書(shū)項(xiàng)目二：繪制網(wǎng)頁(yè)效果圖（商業(yè)類網(wǎng)站-心緣禮品網(wǎng)）教學(xué)內(nèi)容：1 圖形處理軟件PS的基本操作2 繪制網(wǎng)站效果圖3. 根據(jù)效果圖，做圖片切片教學(xué)要求：要求學(xué)生能安裝和啟動(dòng)圖形圖像處理軟件，能繪制與編輯基本圖形，能簡(jiǎn)單編輯與處理圖片，能合理地對(duì)圖像進(jìn)行切片并導(dǎo)出。任務(wù)一：圖形圖像處理軟件的簡(jiǎn)單使用掌握繪制和編輯簡(jiǎn)單圖像了解圖像的格式，圖像的色彩模式，圖像的分辨率和大小。任務(wù)二：繪制網(wǎng)站效果圖掌握網(wǎng)站效果圖任務(wù)三：處理圖片

5、及切片的使用掌握處理圖片的基本技能，切片的使用方法了解切片的含義和功能。項(xiàng)目三：網(wǎng)頁(yè)布局排版及制作（旅游類網(wǎng)站-云南旅游網(wǎng)）教學(xué)內(nèi)容：1 表格布局2 特殊網(wǎng)頁(yè)元素添加3 框架頁(yè)面4 Div布局5 Div+ css制作菜單欄6 制作模板頁(yè)面教學(xué)要求：要求學(xué)生能正確建立本地站點(diǎn)，能制作簡(jiǎn)單網(wǎng)頁(yè)，能對(duì)網(wǎng)頁(yè)進(jìn)行各種超鏈接的設(shè)置，創(chuàng)建框架頁(yè)面，創(chuàng)建模板頁(yè)面，掌握div+css制作菜單，及布局頁(yè)面任務(wù)一：表格布局頁(yè)面創(chuàng)建表格首頁(yè)任務(wù)二：制作框架頁(yè)面了解框架頁(yè)面的制作，掌握框架鏈接方法任務(wù)三：模板頁(yè)面制作模板云南旅游網(wǎng)的模板頁(yè)，并應(yīng)用到子頁(yè)面任務(wù)四：使用div布局云南旅游網(wǎng)站任務(wù)五：制作div+css導(dǎo)航菜

6、單項(xiàng)目四：網(wǎng)頁(yè)美化（健身類網(wǎng)站-利民健身網(wǎng)）教學(xué)內(nèi)容：1. 網(wǎng)站建設(shè)方案2. Banner的制作3. Ap div+行為做頁(yè)面元素特殊效果4. 多媒體元素添加5. CSS美化頁(yè)面的文字，圖像等6. 插入音視頻文件教學(xué)要求：要求學(xué)生能制作一張具有個(gè)性的和有創(chuàng)意的banner動(dòng)畫(huà)，能制作一個(gè)動(dòng)態(tài)導(dǎo)航條，能在網(wǎng)頁(yè)中應(yīng)用AP DVV圖層和行為動(dòng)作，能在網(wǎng)頁(yè)中插入音視頻內(nèi)容，能夠用CSS控制頁(yè)面元素的位置等屬性信息。任務(wù)一：利民健身網(wǎng)站的橫幅廣告動(dòng)畫(huà)Ps制作橫幅廣告動(dòng)畫(huà)任務(wù)二：Ap div+行為做頁(yè)面元素特殊效果顯示隱藏元素，拖動(dòng)元素，打開(kāi)瀏覽器窗口，等行為的使用。任務(wù)三：CSS美化頁(yè)面掌握不同的CSS

7、樣式的創(chuàng)建，使用方法。任務(wù)四：插入音頻與視頻了解音頻和視頻的文件格式掌握音視頻文件的添加任務(wù)五：插件的使用選擇題插件，鼠標(biāo)效果插件，等項(xiàng)目五：JavaScript特效（政府類網(wǎng)站-江寧市政府網(wǎng)站）教學(xué)內(nèi)容：1 JavaScript的基本語(yǔ)法2 JavaScript做常用網(wǎng)頁(yè)特效3. 網(wǎng)絡(luò)資源的使用教學(xué)要求：了解JavaScript的基本語(yǔ)法，學(xué)會(huì)引用網(wǎng)絡(luò)資源給頁(yè)面添加特效任務(wù)一：完成江寧市政府網(wǎng)站的搭建復(fù)習(xí)項(xiàng)目1-4的所有內(nèi)容。 任務(wù)二：JavaScript做特效時(shí)鐘特效，鼠標(biāo)特效，制作煙花效果等任務(wù)三：上網(wǎng)選找特效插件要求學(xué)生能夠通過(guò)網(wǎng)絡(luò)查找相關(guān)插件并下載，能夠安裝各種不同類型的插件文件，能

8、夠用coursebuildertrial.exe插件制作網(wǎng)上答題頁(yè)面。 項(xiàng)目六：動(dòng)態(tài)網(wǎng)頁(yè)教學(xué)內(nèi)容：1. 搭建動(dòng)態(tài)站點(diǎn)。2. 制作表單頁(yè)面3. 創(chuàng)建SQL數(shù)據(jù)庫(kù)4.連接數(shù)據(jù)源5.利用服務(wù)器行為，實(shí)現(xiàn)數(shù)據(jù)的處理。（插入、修改、刪除等）教學(xué)要求：要求學(xué)生能熟練各個(gè)表單對(duì)象的功能和屬性設(shè)置，能制作所需外觀的表單頁(yè)面，要求學(xué)生能夠創(chuàng)建動(dòng)態(tài)網(wǎng)站，熟練IIS設(shè)置，能創(chuàng)建所需數(shù)據(jù)庫(kù)，配置數(shù)據(jù)庫(kù)，能制作并顯示留言系統(tǒng)的動(dòng)態(tài)頁(yè)面任務(wù)一：制作某健康俱樂(lè)部會(huì)員注冊(cè)頁(yè)面任務(wù)二： 搭建動(dòng)態(tài)站點(diǎn)了解動(dòng)態(tài)網(wǎng)站創(chuàng)建的要點(diǎn)，熟練掌握IIS設(shè)置。任務(wù)三：創(chuàng)建留言系統(tǒng)的數(shù)據(jù)庫(kù)創(chuàng)建數(shù)據(jù)庫(kù)并創(chuàng)建3個(gè)數(shù)據(jù)表，login、regest、no

9、te任務(wù)四: 實(shí)現(xiàn)數(shù)據(jù)庫(kù)與動(dòng)態(tài)網(wǎng)站的連接掌握DSN方式和自定義字符串的方式連接數(shù)據(jù)庫(kù)任務(wù)五：留言系統(tǒng)動(dòng)態(tài)頁(yè)面制作登錄頁(yè)面，注冊(cè)頁(yè)面，留言頁(yè)面，留言顯示頁(yè)面，查詢頁(yè)面等，視學(xué)生接受情況適當(dāng)添加內(nèi)容，并驗(yàn)證各頁(yè)面的顯示結(jié)果。項(xiàng)目七：綜合網(wǎng)站開(kāi)發(fā)教學(xué)內(nèi)容：綜合網(wǎng)站開(kāi)發(fā)主題（教育、商業(yè)、企業(yè)）教學(xué)要求：1. 根據(jù)給定的主題，實(shí)現(xiàn)完整的綜合網(wǎng)站開(kāi)發(fā)，綜合應(yīng)用前面課程的所有知識(shí)，采取分組實(shí)現(xiàn)的方式，一組6-8人。2. 網(wǎng)站完成后進(jìn)行測(cè)試發(fā)布。（九）【實(shí)施建議】1、教學(xué)方法：行動(dòng)導(dǎo)向、項(xiàng)目帶動(dòng)法、范例教學(xué)法、任務(wù)驅(qū)動(dòng)、討論法2、教學(xué)手段：多媒體網(wǎng)絡(luò)教學(xué)3、教學(xué)方案設(shè)計(jì)：為了切實(shí)培養(yǎng)學(xué)生的綜合素質(zhì)和實(shí)踐能力，

10、提高課堂教學(xué)質(zhì)量，本課程采用項(xiàng)目帶動(dòng)法，通過(guò)10個(gè)項(xiàng)目帶動(dòng)所有知識(shí)點(diǎn)。教師應(yīng)把“教學(xué)過(guò)程”看作是學(xué)生的“學(xué)習(xí)過(guò)程”，以學(xué)生為主體。在這個(gè)過(guò)程中，教師要幫助和指導(dǎo)學(xué)生將學(xué)習(xí)任務(wù)與學(xué)習(xí)愿望有機(jī)地統(tǒng)一起來(lái)。a 在課程開(kāi)始階段，學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)工具、網(wǎng)站設(shè)計(jì)的基礎(chǔ)知識(shí)都不太了解，這時(shí)應(yīng)采用范例教學(xué)法，教師首先根據(jù)學(xué)習(xí)任務(wù)設(shè)置，給學(xué)生做出示范，引導(dǎo)學(xué)生入門。范例教學(xué)法主要是用于網(wǎng)站設(shè)計(jì)當(dāng)中最基礎(chǔ)的部分，如向網(wǎng)頁(yè)中添加文本、圖片、超鏈接、多媒體等的網(wǎng)頁(yè)元素，使學(xué)生能夠掌握網(wǎng)頁(yè)設(shè)計(jì)最基本的技能。b 在完成課程的各個(gè)小項(xiàng)目后，可讓學(xué)生模仿完成一個(gè)具體主題靜態(tài)網(wǎng)站設(shè)計(jì)。例如：企業(yè)網(wǎng)站的制作、教育網(wǎng)站的制作、電子政

11、務(wù)網(wǎng)站的制作、新聞網(wǎng)站的制作、旅游網(wǎng)站的制作等等項(xiàng)目來(lái)帶動(dòng)學(xué)生的積極性，同時(shí)通過(guò)模仿制作其中某個(gè)網(wǎng)站，掌握網(wǎng)站的基本制作步驟。另外，通過(guò)教師講解其它類型的網(wǎng)站，了解不同類型網(wǎng)站的布局、色調(diào)、風(fēng)格的區(qū)別，同時(shí)掌握不同風(fēng)格的網(wǎng)頁(yè)應(yīng)該使用什么樣的布局工具來(lái)實(shí)現(xiàn)。c 在課程的后階段，該門課程可以涉及到基本的動(dòng)態(tài)網(wǎng)站的建設(shè)，可以花3周的時(shí)間，讓學(xué)生掌握基本的動(dòng)態(tài)站點(diǎn)的創(chuàng)建，數(shù)據(jù)庫(kù)連接，及基本的數(shù)據(jù)庫(kù)的控制操作。該階段建議以“用戶留言系統(tǒng)”作為任務(wù)驅(qū)動(dòng)。涉及多少動(dòng)態(tài)頁(yè)面，可視學(xué)生的接受情況適當(dāng)調(diào)整內(nèi)容。d 在課程的最后3周，采取任務(wù)驅(qū)動(dòng)法、討論法，完成“個(gè)人網(wǎng)站”的課程設(shè)計(jì)，或其它主題的網(wǎng)站設(shè)計(jì)。在定位課

12、程設(shè)計(jì)的具體內(nèi)容的時(shí)候，要充分考慮所選主題的覆蓋面，可操作性，與行業(yè)的相關(guān)性。定位主題后，讓學(xué)生自主設(shè)計(jì)網(wǎng)頁(yè)內(nèi)容，網(wǎng)頁(yè)效果，但是教師必須指定該課程設(shè)計(jì)內(nèi)容的具體知識(shí)點(diǎn)的要求。e 根據(jù)任務(wù)，學(xué)生可以獨(dú)立完成設(shè)計(jì)。按照任務(wù)書(shū)要求，將任務(wù)進(jìn)行細(xì)致劃分，按工作過(guò)程完成任務(wù)，形成職業(yè)能力。還可一定程度的培養(yǎng)學(xué)生創(chuàng)新能力和協(xié)作能力。f 鼓勵(lì)學(xué)生自我拓展，利用網(wǎng)絡(luò)環(huán)境，開(kāi)設(shè)網(wǎng)絡(luò)課堂，在網(wǎng)絡(luò)教學(xué)環(huán)境中提供大量的視頻信息，素材文件，教學(xué)課件等，補(bǔ)充到課程的教授中去。4、教材及參考資料：教材：中文版Dreamweaver CS3 網(wǎng)頁(yè)設(shè)計(jì)半月通，清華大學(xué)出版社，help科技 李波、譚雙 編著。參考資料：Dream

13、weaver CS3網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)，作者:吳頌志，清華大學(xué)出版社。ASP.NET動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)教程與上機(jī)指導(dǎo)，作者:李強(qiáng)，中國(guó)鐵道出版社。5、教學(xué)安排：111周網(wǎng)頁(yè)設(shè)計(jì)的基本技術(shù)學(xué)習(xí)，項(xiàng)目一至八，選項(xiàng)目能力考核。12周內(nèi)容系統(tǒng)化，學(xué)生模仿完成一個(gè)主題網(wǎng)站制作，項(xiàng)目考核。1315周動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)，留言系統(tǒng)的制作。項(xiàng)目完成過(guò)程能力考核。1618周整體主題網(wǎng)站設(shè)計(jì)（該項(xiàng)任務(wù)可以提前幾周布置）。綜合課程設(shè)計(jì)，成果演示，綜合能力考核。允許根據(jù)學(xué)生學(xué)習(xí)過(guò)程稍作調(diào)整。（十）【課程考評(píng)辦法】改變單一的總結(jié)性評(píng)價(jià)的方法，采用評(píng)價(jià)過(guò)程、階段評(píng)價(jià)和綜合評(píng)價(jià)相結(jié)合的評(píng)價(jià)方法。教學(xué)中要注重學(xué)生學(xué)習(xí)的過(guò)程，精心記錄和

14、評(píng)價(jià)學(xué)生學(xué)習(xí)過(guò)程，如對(duì)學(xué)習(xí)的形式、獲取信息的方式、討論的要點(diǎn)、設(shè)計(jì)的方案等進(jìn)行記錄，并對(duì)作品進(jìn)行交流、自評(píng)和互評(píng)等，從而讓學(xué)生學(xué)會(huì)學(xué)習(xí)。過(guò)程評(píng)價(jià)。它是對(duì)學(xué)生在學(xué)習(xí)中應(yīng)用網(wǎng)頁(yè)制作技術(shù)的態(tài)度和能力、參與度、解決問(wèn)題的能力、對(duì)新技術(shù)的接受能力、與同學(xué)協(xié)作的能力、對(duì)新的應(yīng)用環(huán)境的適應(yīng)能力、社會(huì)活動(dòng)能力、完成任務(wù)的責(zé)任心和道德規(guī)范、安全意識(shí)等方面的評(píng)價(jià)。階段評(píng)價(jià)。它是對(duì)學(xué)生完成網(wǎng)頁(yè)設(shè)計(jì)與制作課程某一階段學(xué)習(xí)任務(wù)的評(píng)價(jià)，以某一項(xiàng)目為內(nèi)容，通過(guò)完成某一“任務(wù)”，對(duì)學(xué)生掌握網(wǎng)頁(yè)設(shè)計(jì)與制作課程的基礎(chǔ)知識(shí)和基本技能的程度進(jìn)行評(píng)價(jià)?？偨Y(jié)評(píng)價(jià)。它是對(duì)學(xué)生完成網(wǎng)頁(yè)設(shè)計(jì)與制作技術(shù)課程學(xué)習(xí)后的綜合評(píng)價(jià)，以考核、展示、發(fā)布、

15、交流等多種形式，讓學(xué)生自定主題，自己設(shè)計(jì)、創(chuàng)作有個(gè)性的作品，充分發(fā)揮學(xué)生的主動(dòng)性和創(chuàng)造力，對(duì)學(xué)生運(yùn)用網(wǎng)頁(yè)制作技術(shù)解決實(shí)際問(wèn)題的綜合能力、創(chuàng)新精神和實(shí)踐能力進(jìn)行評(píng)價(jià)。具體可以學(xué)生的總評(píng)成績(jī)?yōu)樵u(píng)價(jià)標(biāo)準(zhǔn)，其中總評(píng)成績(jī)由學(xué)生的上課表現(xiàn)（20%）+作業(yè)成績(jī)（20%）+ 項(xiàng)目測(cè)驗(yàn)（20%）和期末考試成績(jī)（占40%）決定。學(xué)生該課程的學(xué)期總評(píng)成績(jī)?cè)?5分以上則該門課程成績(jī)?yōu)閮?yōu)秀，70分-85分為良好，60-69分為合格，60分以下為不合格。B、教學(xué)實(shí)施意見(jiàn)（一）【師資要求】 教師必須重視學(xué)習(xí)現(xiàn)代教學(xué)理論，不斷更新觀念，深刻領(lǐng)會(huì)和探究任務(wù)引領(lǐng)型的項(xiàng)目教學(xué)。加強(qiáng)網(wǎng)頁(yè)制作技術(shù)與各課程整合的研究，充分運(yùn)用項(xiàng)目教學(xué)法，探索在數(shù)字化學(xué)習(xí)環(huán)境下的新型教學(xué)模式，為學(xué)生提供自主發(fā)展的時(shí)間和空間，努力培養(yǎng)學(xué)生的創(chuàng)新精神和實(shí)踐能力，自覺(jué)地成為學(xué)生學(xué)習(xí)的引導(dǎo)者和促進(jìn)者。教學(xué)中要培養(yǎng)學(xué)生自己解決問(wèn)題的綜合能力，讓學(xué)生發(fā)展自己的個(gè)性特長(zhǎng)，在學(xué)習(xí)過(guò)程中學(xué)會(huì)與人合作，使學(xué)生自覺(jué)地成為問(wèn)題的發(fā)現(xiàn)者和解決者。要倡導(dǎo)多種學(xué)習(xí)方式，發(fā)送學(xué)生的學(xué)習(xí)方式，培養(yǎng)學(xué)生的創(chuàng)新精神和合作學(xué)習(xí)、研究探索的能力。運(yùn)用思考、實(shí)踐、調(diào)查、探索、討論、交流、展示、評(píng)價(jià)等多種形式促使學(xué)生自行設(shè)計(jì)