《網頁設計》課程標準一、基本信息課程名稱：網頁設計課程編碼：KB40115適用對象：2018級軟件技術專業總學時/學分：72/4實踐（實驗）學時：36考核性質：考試編制單位：信息工程系執筆人：企業審核人：標準定位：近似國標中高O ?O教學建議：?任務驅動?項目化O學賽一體化O情境教專業審定人：審定日期：2019.4.10系主任：二、課程概述（一）制訂依據2016年教育部辦公廳印發《關于做好＜高等職業學校專業教學標準＞修（制）訂工作的通知》，要求堅持就業導向，明確規格定位。堅持工學結合，注重知行合一。我們邀請行業企業專家共同修訂人才培養方案，以前端開發工程師職業能力培養為核心，瞄準前端開發職業崗位需求來進行課程改造。按照基礎性、規范性、可操作性等原則，對現行的《網頁設計》課程標準進行修訂和完善。（二）課程性質和作用《網頁設計》課程分別是軟件技術專業的專業基礎課程、必修，本課程的前導課程：《計算機應用基礎》、《平面設計》、《Flash動畫設計與制作》等。本課程的后續課程：《網頁互動制作JavaScript》、《PHP動態網頁設計》等。本課程是學生開始接觸和認識前端開發的重要課程。在專業人才培養過程中有著舉足輕重的地位。為后續課程提供了理論基礎，是學習和掌握更多前端開發相關知識的前提。對職業能力與素養的養成起明顯的促進作用。本課程支撐前端開發工程師崗位能力，培養前端開發職業素質、培養前端開發專業技能。（三）課程設計思路基于前端開發工程師崗位能力的特定要求，適應軟件企業的工作環境和業界標準，并與國際先進的軟件開發理念和前端技術保持同步，本課程的設計體現了工作過程系統化的理念，按網頁設計企業流程詳細地介紹了網頁設計計劃、網頁設計用例、網頁設計執行、網頁設計總結、網頁設計工具等內容，避免了以往重知識輕技能的弊端。以“工學結合”為切入點，精選企業真實項目，提煉出以職業能力培養為特色的教學內容，突出技術實用性，充分考慮高職學生認知能力。本課程以實訓企業網頁設計項目的完整創建過程對各環節知識、技能進行知識鞏固和運用，圍繞預設能力目標，對學習目標、學習任務、能力要求、教學內容、活動設計和教學建議等都均參照人才培養方案。三、課程目標知識目標技能目標素質目標.初識DreamweaverCS6的工作界面和網站的建設基礎；.掌握文本與文檔的編輯方法；.熟練掌握插入圖像和多媒體的方法和技巧；.掌握網頁超鏈接的方法；.熟練掌握表格的使用方法；6熟練掌握框架的使用方法；.掌握使用層的方法；.掌握層疊樣式表式$$）樣式；.掌握模板和庫的使用方法；.掌握使用表單與行為的使用方法；.掌握網頁代碼的編寫和修改的方法；.掌握綜合運用制作設計實.能運用網頁設計相關知識，設計基本web界面.能運用網頁設計相關知識，利用DreamWeaver軟件進行網頁基本美化；.能運用網頁設計相關知識，利用DreamWeaver軟件進行網頁基本布局；.能運用網頁設計相關知識，利用DreamWeaver軟件將網站模塊化；.能運用網頁設計相關知識，實現表單元素的驗證和實現人及基本交互；.能運用網頁設計相關知識，實現基本錯誤修改和網頁版本更新。.培養學生嚴謹的邏輯思維；.培養學生的自我解決問題的能力，溝通能力和對待項目的責任心；.培養學生的工作態度，在網頁設計過程張需要持久性的耐性，提高細心程度；.培養學生的團隊意識，學會和產品經理，設計師和后臺開發人員進行有效的溝通，服從上級的安排，具備協作精神，服從大局。

訓。四、課程內容與教學目標項目課程內容教學目標項目一：初識Dreamweaver任務1 ：DreamweaverCS6的工作界面.了解^乂15前段開發的前景與必要認知；.認識網頁的構成元素；.了解專業術語。任務2：創建網頁框架.了解框架的概念；.掌握創建框架的方法和步驟。任務3：管理站點1、熟練掌握站點的打開、修改、刪除；2.熟練掌握站點的導入、導出。任務4：網頁文件頭的設置.熟練插入搜索關鍵字；.熟練插入作者和版權信息；.熟練設置刷新時間；.熟練設置描述信息；.熟練設置頁面中所有鏈接的基準鏈接。項目二：文本與文檔任務5：軒宇門窗網頁.熟練設置頁面屬性.熟練輸入空格和文字.熟練設置文本屬性.熟練設置頁邊距.熟練設置網頁默認格式任務6：制作休閑旅游網頁1、掌握添加文字的步驟和思路2、熟練改變文字外觀3、熟練掌握文本屬性的設置、文本樣式的設置4、段落文本的制作方法

項目課程內容教學目標項目三：圖像和多媒體任務7：制作咖啡館網頁.掌握插入圖像的方法和技巧；.掌握多媒體在網頁中的應用；.熟練掌握插入圖像并設置圖像屬性的方法任務8：制作物流運輸網頁.熟練掌握圖像的格式與模式。.熟練掌握Flash文件的插入與設置；.熟練掌握在網頁中插入多媒體的方法。項目四：超鏈接任務9：制作建筑模型網頁.了解超鏈接的概念與路徑知識；.掌握文本超鏈接的創建方法和技巧；.熟練制作下載文件鏈接。.熟練掌握創建文本和文本超鏈接的方法任務10：制作溫泉度假網頁.掌握圖像超鏈接的創建方法和技巧。.掌握命名錨記超鏈接的創建方法和技巧.掌握熱區鏈接的創建方法和技巧項目五：使用表格任務11：制作營養美食網頁.了解表格的簡單操作；.掌握網頁中的數據表格；.掌握插入表格的方法及對表格的簡單操作。任務12：制作綠色糧倉網頁.掌握利用表格進行頁面布局的方法和技巧；.熟練導入和導出表格的數據；.掌握排序表格；.了解復雜表格的排版。任務13：制作牛奶飲料網頁.學會新建框架并編輯；.熟練在框架中插入圖像；.掌握創建、編輯與保存框架和框架集的方法。

項目課程內容教學目標項目六：使用框架任務14：制作建筑規劃網頁.設置保存文檔；.插入表格、圖像和鼠標經過圖像；.修改頁面屬性并插入圖像；.創建圖像超鏈接；.掌握框架和框架集的屬性設置。項目七：使用層任務15：制作聯創網絡技術網頁.掌握層的基本操作方法和技巧；.掌握應用層設計表格的方法和技巧；.熟練掌握創建和編輯層的一些基本操作。任務16：制作信業融資網頁.掌握層的插入方法和應用技巧；.熟練層的屬性設置；.正確使用層命令來布局元素的位置；.了解應用層（APDiv）設計表格的方法。項目八：CSSm任務17：制作國畫展覽館網頁.了解CSS樣式的概念。.了解CSS樣式。.掌握樣式的類型與創建方法。.掌握編輯樣式的方法和技巧。任務18：制作打印機網頁.掌握CSS的屬性；.掌握過濾器；.掌握如何應用CSS樣式控制標簽；.掌握CSS樣式屬性的多種分類。項目九：模板和庫任務19：制作電子吉他網頁.了解“資源”面板；.掌握模板的創建方法和使用技巧。.了解資源控制面板，掌握創建、編輯和管理模板的方法任務20：制作建達康集團網頁.熟練創建庫文件；.掌握向頁面添加庫項目；.更新庫文件。

項目課程內容教學目標項目十:表單與行為任務21：制作廢品回收網頁.了解表單和文本域；.掌握如何應用復選框和單選按鈕的方法和技巧；.掌握創建列表和菜單的方法和技巧；.掌握創建文件域和提交按鈕方法和技巧；.掌握行為的使用。項目十一:網頁代碼任務22：制作設計無憂網頁.了解網頁代碼。.掌握如何編輯代碼。.掌握常用的HTML標簽。.掌握腳本語言。.掌握響應HTML事件。項目十二:綜合設計實訓任務23：熟練掌握軟件的操作技巧.熟練掌握表格的應用與表格的嵌套.快速掌握案例設計的基本方法五、實施建議教學內容與建議學時教學設計項目一：初識DreamweaverCS6（2學時）任務1：DreamweaverCS6的工作界面.采用任務驅動、角色扮演法。教師明確給出任務，學生完成項目任務學習總結；教師扮演產品經理布置任務，學生扮演網頁開發工程師身份；.采用講授法、實踐指導法。對于開發過程中所使用的軟件進行講解；.評定：教學評價。教師對學生的理解情況給出相應測試。任務2：創建網頁框架任務3：管理站點任務4：網頁文件頭的設置項目二：文本與文檔任務5：通過軒宇門窗網頁講解頁面屬性/文本屬性（3學時）.采用任務驅動；學生完成項目任務學習總結；.采用講授法、實踐指導法。教師對普遍存在的問題進行糾正及解答。任務6：通過制作休閑旅游網頁

教學內容與建議學時教學設計（3學時）學生給出網頁設計案例中的文本與文檔，對被指出錯誤加以改正。3.評定：教學評價。教師對學生完成的情況給出評價；個人間互評。項目三：圖像與多媒體任務7：通過制作咖啡館網頁，熟練掌握插入圖像并設置圖像屬性的方法（3學時）.采用任務驅動；明確給出任務；學生完成項目任務學習總結；學生分為網頁開發小組，組內討論、合作、分工；采用講授法、實踐指導法。教師對普遍存在的問題進行糾正及解答。.學生給出項目代碼以及網頁設計代碼，并演示教師，教師指出的錯誤學生再加以改正。.評定：教學評價。教師對學生完成的情況給出評價；小組代表完成組間評價。任務8：通過制作物流運輸網頁，熟練掌握在網頁中插入多媒體的方法（3學時）項目四：超鏈接任務9：通過制作建筑模型網頁，了解超鏈接的概念與路徑知識，熟練掌握創建文本和文本超鏈接的方法（2學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；學生將物流運輸網頁演示給教師，對被指出的錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。任務10：通過制作溫泉度假網頁，掌握圖像超鏈接的創建方法，創建命名錨記超鏈接的方法以及了解創建熱點鏈接的方法（2學時）項目五：使用表格任務11：通過制作營養美食網頁，掌握插入表格的方法及對表格的簡單操作（4學時）1.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。任務12：通過制作綠色糧倉網頁，掌握網頁中數據表格的導

教學內容與建議學時教學設計入和導出，了解復雜表格的排版、了解應用表格進行頁面布局的方法（4學時）.互動交流：教師對普遍存在的問題進行糾正及解答；學生將建筑模型網頁演示給教師，對被指出的錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。項目六：使用框架任務13：通過制作牛奶飲料網頁，掌握創建、編輯與保存框架和框架集的方法（4學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；學生將營養美食麗的框架演示給教師，教師指出錯誤學生加以更正；.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。任務14：通過制作建筑規劃網頁，掌握框架和框架集的屬性設置（4學時）項目七：使用層任務15：通過制作聯創網絡技術網頁，熟練掌握創建和編輯層的一些基本操作（3學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；學生將聯創網絡技術所演示給教師，并檢測一些學生創建和編輯層的一些基本操作。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。任務16：通過制作信業融資網頁，了解應用層（APDiv）設計表格的方法（3學時）項目八：CSS樣式任務17：通過制作國畫展覽館網頁，了解CSS樣式的概念和編輯CSS樣式的方法，掌握其1.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組

教學內容與建議學時教學設計控制面板及類型和按照CSS的類型來創建和應用多種樣式（3學時）模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；學生列出CSS3的初級選擇器與高級選擇器語法，對學生的代碼指出錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。任務18：通過制作打印機網頁，掌握CSS樣式屬性的多種分類，包括類型、背景、區塊、方框、邊框、列表、定位和擴展（3學時）項目九：模板與庫任務19：通過制作電子吉他網頁，了解資源控制面板，掌握創建、編輯和管理模板的方法（3學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；檢查學生對資源控制面板，創建、編輯和管理模板的能力，對學生的代碼指出錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。任務20：通過制作建達康集團網頁，掌握創建和更新庫文件的方法（3學時）項目十：表單與行為任務21：通過制作廢品回收網頁，熟練掌握創建表單和插入文本域的方法和復選框和單選按鈕的應用方法（6學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；檢查學生對表單、文本框的設定，對學生的代碼指出錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。項目十一：網頁代任務22：通過制作設計無憂網1.引導問題：教師扮演產品經理布教學內容與建議學時教學設計碼頁，了解使用標簽編輯器和檢查器編輯代碼，掌握使用標簽庫編輯器創建源代碼，了解腳本語言及響應HTML事件的方法，掌握幾種常用的HTML標簽（6學時）置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，學習1網頁的基本布局方式。.互動交流：教師對普遍存在的問題進行糾正及解答；檢查學生對腳本語言及HTML事件的方法，檢查他們對于基本標簽的使用，對學生的代碼指出錯誤加以改正。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。項目十二：綜合實訓任務23：熟練掌握軟件的操作技巧（8學時）.引導問題：教師扮演產品經理布置任務；學生扮演網頁開發小組人員。教師督促個別輔導；學生按小組模擬成項目組，小組分工3-4人，從設計到代碼實現。.互動交流：教師對普遍存在的問題進行糾正及解答；檢測網站基本布局以及CSS部分的實現。.評定：教師對學生完成的情況給出評價；小組代表完成組間評價。六、考核及評價（一）考核方式本課程考核評價以學生為中心，以學生預期學習成果為導向，以國家職業資格標準和企業崗位工作職責要求為依據，采用學生互評、校內指導教師評價和校外企業指導老師評價相結合的項目化階段評價模式。著重考核學生掌握本課程相關的基本技能、專業技術和職業素養，并能綜合運用所學知識和技能分析、解決實際工作任務問題的能力。1.考核總評：評價分為過程性評價和終結性評價。其中過程性評價占50%，終結性評價占50%。具體評價內容分配如下：

（一）過程性評價平時成績（20%）：其中，考勤（5%）、學習態度（5%）、討論題作業（5%）、課堂提問（5%）。項目實訓成績（30%）：項目一至項目十階段評價*50%+項目十一至項目十二階段評價*50%。評價標準見下表。學習項目（單元）評價評價標準項目（單元）名稱評價點評價方式評價標準成績比例優良及格1.文本與文檔文本。檔的先關設置與工具撰寫評審網站瀏覽順暢，圖文排版優美網頁排版正確，內容充實網頁正常瀏覽10%2.圖像與多媒體圖像與多媒體的插入與設置撰寫評審網站瀏覽順暢，符合大眾審美，多媒體元素擺放合適網頁排版正確，內容充實網頁正常瀏覽10%3.超鏈接/使用表格超鏈接類型使用與表格網站的實現操作評審網站瀏覽順暢，超鏈接順利跳轉，無bug網頁排版正確，內容充實網頁正常瀏覽10%4.使用框架使用框架搭建網站撰寫評審框架的順利搭建并進行相關界面設置，界面優美正確使用框架，排版正確網頁正常瀏覽10%5.使用層理解層的關系與使用層搭建網站撰寫評審使用層關系順利搭建網站，界面符合大眾審美正確使用層關系，排版正確網頁正常瀏覽20%6.CSS樣式CSS樣式添加演示操作評審使用CSS樣式修飾網站，完美應用正確使用添加CSSm網頁正常瀏覽10%7.模塊與庫資源面板、模板操作與庫文件的使用撰寫評審使用資源面板、模板完成網站建設正確使用模板，并進行網頁布局網頁正常瀏覽20%

項目（單元）名稱評價點評價方式評價標準成績比例優良及格8.表單與行為表單元素的添加與行為的創建操作評審正確在網站中添加表單元素并且實現行為觸發正確使用表單元素和網站正常瀏覽網頁正常瀏覽10%（二）終結性評價期末成績（50%）：考試成績*50%。七、課程資源開發與利用（一）推薦教材和指導書.教材選用教材選用符合高職辦學層次、培養目標以及我院學生實際情況的教材，原則上選用高職高專近三年出版的教材，優先選用規劃教材和重點教材，選用教材的版本和內容均考慮到近年教材的變動與更新，有效保證了學生能汲取到有用、新鮮和實用的相關知識和技能，可選用教師自編教材。.圖書資料學校圖書館藏書中擁有軟件技術專業的紙質和電子圖書、期刊，包括軟件技術專業職業資格證考試相關參考和培訓書，軟件技術方面的相關書籍等。推薦具體資源如下：序號圖書名稱詳細信息1《網頁設計基礎教程》作者:顧海花出版社：電子工業大學出版社版次：2015年03月2《網頁設計與網站建設從入門到精通》作者：前端科技出版社:清華大學出版社版次：2019年01月3《CSS3網頁設計從入門到精通》作者：朱印宏出版社:清華大學出版社

序號圖書名稱詳細信息版次：2017年10月4《網頁設計與制作項目教程（HTML+CSS+JavaScript）》作者：黑馬程序員出版社:人民郵電出版社版次：2017年01月5《網頁設計與制作（HTML+CSS）》作者:傳智播客高教產品研發部出版社：中國鐵道出版社版次：2014年08月6《網頁設計從界面布局到視覺表現》作者：余蘭亭出版社:人民郵電出版社版次：2018年02月7《網頁設計與開發 HTML、CSS、JavaScript實例教程》作者：鄭婭峰、張永強出版社:清華大學出版社版次：2016年01月8《形?色:網頁設計法則及實例指導》作者：姜鵬、郭曉倩出版社:人民郵電出版社版次：2017年01月（二）硬件條件本著“課程教學理實化、實踐場所職業化”的原則，專任教師與企業兼職教師共同根據課程實施的需要，設計、建設理實一體化專業實訓室，重點應加強教學功能設計及企業氛圍的建設，使學生在校期間能感受企業文化氛圍，接受企業操作規范。實訓室名稱設備名稱數量實訓內容備注網頁設計實訓室學生用機50臺軟件使用實訓各項功能實訓CSS樣式實訓網頁基本結構實訓建議使用國內外知名品牌機，并配置不同環境的機器教師用機1臺服務器2臺投影儀1臺投影屏幕1臺

實訓室名稱設備名稱數量實訓內容備注音響系統1套機柜1臺多媒體演示軟件1套Dreamweaver1套Photoshop1套（三）師資條件網頁設計教師不僅要具有傳統意義上專職教師的各項素質（包括學歷、學位、職稱、教師資格證），而且要具有較強的專業知識能力，熟悉崗位要求，能勝任網頁基礎課和網頁設計綜合實訓課以及各類前端開發競賽的輔導的教學和