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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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