《靜態(tài)網(wǎng)頁設(shè)計》課程標準

1、第一部分 課程定位靜態(tài)網(wǎng)頁設(shè)計是計算機應(yīng)用技術(shù)專業(yè)的職業(yè)拓展課程之一，對培養(yǎng)學生的網(wǎng)站建設(shè)崗位的職業(yè)能力起到支撐作用。課程學習過程中培養(yǎng)學生的網(wǎng)站設(shè)計、開發(fā)能力，能將客戶需求歸納整理成文檔的能力，能使用平面設(shè)計、動畫設(shè)計、網(wǎng)站編輯等軟件工具的能力。通過具體內(nèi)容的學習，最終能按照正規(guī)的設(shè)計流程制作出客戶滿意的頁面，為其職業(yè)發(fā)展提供堅實的技術(shù)基礎(chǔ)。學習領(lǐng)域“靜態(tài)網(wǎng)頁設(shè)計”課程學習領(lǐng)域1學習難度范圍4靜態(tài)網(wǎng)頁設(shè)計時間安排理論實踐一體化：64學時職業(yè)行動領(lǐng)域描述靜態(tài)網(wǎng)頁設(shè)計構(gòu)建以基于企業(yè)的“網(wǎng)站開發(fā)工作流程”為導向的“模塊式”課程結(jié)構(gòu)，模塊的劃分以“行為導向教育理論”來展開；通過學習，學生會進行網(wǎng)站欣

2、賞、網(wǎng)站規(guī)劃規(guī)范、網(wǎng)站效果圖設(shè)計、網(wǎng)頁色彩與布局設(shè)計、網(wǎng)頁動畫設(shè)計、網(wǎng)頁布局與編輯、HTML使用、層疊樣式表CSS、DIV+CSS網(wǎng)頁布局、模板與庫的應(yīng)用、靜態(tài)網(wǎng)站動態(tài)化、實際項目開發(fā)等。各學習場所的學習目標(學校的)理論學習教學過程中，學生能獨立進行收集、處理信息；準備、加工素材；制作網(wǎng)頁效果圖；完成顏色搭配和版式設(shè)計；完成開發(fā)網(wǎng)站；完成代碼和界面融合；有一定的策劃能力；與社會交往的能力；責任感、承受能力。(企業(yè)的)實踐教學學生自主形成課程團隊競爭承擔外包項目，從而直接給客戶溝通，為解決客戶的需求從而按需學習。積極參與企事業(yè)網(wǎng)站開發(fā)，為企業(yè)提供技術(shù)服務(wù)、學以致用。工作與學習內(nèi)容工作對象學校寬

3、帶信息網(wǎng)、多媒體教室、機房、網(wǎng)站模板庫、教學案例庫、網(wǎng)絡(luò)教學平臺等工具方法組織工具Dreamweaver、Photoshop、Flash、Html語言、CSS樣式表、Javascript等工作方法需求分析，任務(wù)分配；模仿、借鑒；相互評價；總結(jié)反饋勞動組織內(nèi)部任務(wù)分工；集中或分散施工工作要求符合要求的裝有Dreamweaver、Photoshop、Flash、等軟件的計算機；符合要求的服務(wù)器；符合要求的網(wǎng)絡(luò)機房第二部分 課程設(shè)計理念本課程遵照教高200614號、教高200616號、教高廳函200747號等文件精神，依據(jù)本專業(yè)的人才培養(yǎng)方案，確定本課程的目標和教學內(nèi)容，具體遵循以下原則：1.在課程

4、設(shè)計上，堅持以能力為本位，以學生為主體，教師角色轉(zhuǎn)換為倡導者。2.在課程內(nèi)容選取上，以過程性知識為主、陳述性知識為輔，即以實際應(yīng)用的經(jīng)驗和策略的習得為主、以適度夠用的概念和原理的理解為輔。 3.在課程內(nèi)容排列上，以工作過程為參照系整合陳述性知識與過程性知識。 4.在課程內(nèi)容結(jié)構(gòu)上，突出模塊化設(shè)置，以便新技術(shù)新產(chǎn)品進入教學內(nèi)容。 5.在課程職業(yè)技能培養(yǎng)上，把職業(yè)資格證書（職業(yè)標準）的考核項目與要求納入到專業(yè)課程標準之中，為學生就業(yè)服務(wù)。 6.在課程教學組織設(shè)計上，以真實工作任務(wù)和社會產(chǎn)品為載體組織教學，積極推廣探索教學做一體化、情境式教學、互動式教學。 7. 以“REACT”設(shè)計情境教學，以“3

5、P”和“ARCS”模式設(shè)計互動式教學活動。8.在教學資源建設(shè)上，突出學習包教學標準建設(shè)和借助教學平臺開發(fā)網(wǎng)絡(luò)教學資源。9.在培養(yǎng)過程中，注重全人發(fā)展、服務(wù)學習、學長計劃、過程資歷認可（RPL）的實施。（1）全人發(fā)展（Whole Person）：待人接物、如何看待錢、價值觀、怎么安排自己。（2）服務(wù)學習（Service Learning）：到非盈利機構(gòu)作義工，提高學習動力，培養(yǎng)為他人服務(wù)精神，并把這些活動作為成績之一。（3）學長計劃：學生輔導員。（4）過程資歷認可（RPL）：如學徒10年，要認可他。第三部分 課程目標本課程的目標是培養(yǎng)學生的計算機網(wǎng)站設(shè)計開發(fā)職業(yè)能力，使學生達到國家相關(guān)職業(yè)標準。

6、職業(yè)能力與國家相關(guān)職業(yè)標準如下：一、職業(yè)能力職業(yè)能力要求一覽表典型工作任務(wù)具體任務(wù)職業(yè)能力(核心能力用黑體加粗表示)網(wǎng)站設(shè)計開發(fā)1.網(wǎng)站開發(fā)需求分析網(wǎng)站開發(fā)需求分析站點規(guī)劃網(wǎng)頁評價2.網(wǎng)站設(shè)計能進行站點建設(shè)會使用文本元素、多媒體元素、鏈接制作網(wǎng)頁會使用表格、框架、表單布置網(wǎng)頁會使用DIV+CSS技術(shù)布局頁面會使用網(wǎng)頁特效增加網(wǎng)頁效果3.網(wǎng)站美工能運用配色原理進行網(wǎng)頁配色能進行PS圖片處理會使用Flash/Swish進行動畫設(shè)計能制作引導頁能進行網(wǎng)頁美工賞析與借鑒4.搭建.NET Web開發(fā)平臺，創(chuàng)建后臺管理信息系統(tǒng)會搭建.NET Web開發(fā)平臺會進行操作系統(tǒng)的設(shè)置會進行平臺軟件的安裝設(shè)置能安裝

7、開發(fā)工具能設(shè)置Web服務(wù)5. 設(shè)計后臺管理信息系統(tǒng)用戶操作界面能應(yīng)用Web服務(wù)器控件能應(yīng)用HTML 控件會設(shè)計Web應(yīng)用程序用戶操作界面6.信息錄入合法性驗證的設(shè)計能應(yīng)用RequiredValidator、CompareValidator等驗證控件能對界面當中的每個錄入項進行合法性有效性驗證7.交互操作與頁面處理能應(yīng)用Request、Response等內(nèi)置對象實施頁面處理， 使系統(tǒng)具備服務(wù)器-客戶機之間交互操作的能力8.系統(tǒng)會話與狀態(tài)管理能將ASP.NET內(nèi)置對象提供的功能、資源， 應(yīng)用到系統(tǒng)會話與狀態(tài)管理9.后臺管理信息系統(tǒng)的數(shù)據(jù)庫訪問設(shè)計能通過在.NET Web應(yīng)用程序當中應(yīng)用ADO.NE

8、T數(shù)據(jù)訪問技術(shù)，高效穩(wěn)定地訪問SQL Server等大型數(shù)據(jù)庫系統(tǒng)，實現(xiàn)信息存儲的重要環(huán)節(jié)10.實現(xiàn)查詢、顯示注冊人員紀錄能應(yīng)用提供Repeater、DataList、DataGrid、GridView等控件，通過綁定數(shù)據(jù)源的技術(shù)，無須編寫復雜的代碼即可實現(xiàn)自動顯示數(shù)據(jù)庫查詢結(jié)果能設(shè)計控件的外觀、分頁顯示11.安裝后臺管理信息系統(tǒng)開發(fā)完成后，能安裝、調(diào)試、上線工作當中所需要技術(shù)12.真實產(chǎn)品開發(fā)能進行實際需求分析能完成界面設(shè)計會動畫設(shè)計會代碼編寫會測試、維護與發(fā)布13.產(chǎn)品指導（綜合實訓）能進行實際網(wǎng)站建設(shè)：精選10類真實網(wǎng)站的制作與發(fā)布，包括需求分析、頁面美工與布局（主頁面/子頁面），相關(guān)文

9、檔二、職業(yè)標準網(wǎng)站設(shè)計師國家職業(yè)標準相關(guān)要求工作內(nèi)容技能要求專業(yè)知識要求（一）掌握Dreamweaver的基本操作1.能建立站點2.能創(chuàng)建文檔3.能使用文本4.能使用圖象5.能插入各種媒體對象6.能創(chuàng)建超級鏈接和導航條7.能使用表格8.能創(chuàng)建和使用層9.能使用表單10.能使用框架和框架集11.能使用摸版和庫12.能對站點進行基本的管理1.建立Web服務(wù)器2.安裝IIS3.測試和設(shè)計IIS4.使用IIS5.設(shè)置遠程服務(wù)器6.上傳和下載文件7.設(shè)置站點參數(shù)（二）網(wǎng)站開發(fā)1能熟練使用Dreamweaver、Flash、Fireworks、Photoshop等網(wǎng)頁制作軟件2能綜合應(yīng)用Dreamweav

10、er、Flash、Fireworks、Photoshop等軟件進行專業(yè)的網(wǎng)頁設(shè)計3能熟練使用HTML語言和CSS樣式單4能掌握ASP語言、JavaScript腳本5能掌握小型數(shù)據(jù)庫在網(wǎng)站中的應(yīng)用6能獨立規(guī)劃、構(gòu)建、設(shè)計、制作、發(fā)布和維護小型多媒體動態(tài)網(wǎng)站 1. 綜合應(yīng)用Dreamweaver、Flash、Fireworks、Photoshop等軟件進行復雜、高效的網(wǎng)頁設(shè)計2. 具有處理XML、Web服務(wù)和Microsoft .NET架構(gòu)的能力3. 掌握當前主流廠商的大型數(shù)據(jù)庫在網(wǎng)站中的應(yīng)用技術(shù)第四部分 課程內(nèi)容和要求一、學習情境門類設(shè)置學習情境門類設(shè)置一覽表學習領(lǐng)域1靜態(tài)網(wǎng)頁設(shè)計學習難度范圍4

11、參考學時64學習情境設(shè)置序號名稱學時分配學習情境1網(wǎng)頁設(shè)計基礎(chǔ)4學習情境2網(wǎng)頁中編輯文本4學習情境3網(wǎng)頁中圖像、多媒體應(yīng)用4學習情境4網(wǎng)頁中超鏈接應(yīng)用4學習情境5網(wǎng)頁布局8學習情境6表單8學習情境7Html語言16學習情境8綜合模塊設(shè)計16二、學習情境具體設(shè)計1、學習情境1設(shè)計學習情境1網(wǎng)頁設(shè)計基礎(chǔ)學習學時4學時學習目標總目標：掌握網(wǎng)站建設(shè)的需求分析、站點規(guī)劃基本步驟及網(wǎng)頁評價標準，以及網(wǎng)站、網(wǎng)頁、主頁、網(wǎng)頁設(shè)計的區(qū)別。具體目標：1.網(wǎng)站需求分析2.網(wǎng)站站點規(guī)劃3.網(wǎng)頁設(shè)計的基本概念4.網(wǎng)站、網(wǎng)頁、主頁、網(wǎng)頁設(shè)計的區(qū)別5.網(wǎng)頁設(shè)計常用工具6.網(wǎng)站建設(shè)的基本步驟7.網(wǎng)頁評價標準主要任務(wù)1.網(wǎng)站建

12、設(shè)需求分析2.網(wǎng)站站點規(guī)劃3.網(wǎng)站設(shè)計基本概念4.網(wǎng)站建設(shè)基本步驟5.網(wǎng)頁評價標準教學方法建議1.講授法2.網(wǎng)絡(luò)查詢法3.師生互動討論法5.角色扮演法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際選擇能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2)對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)頁工具的知識技能備注1.要求學生課前30分鐘對教材進行學習2如條件許可，應(yīng)帶領(lǐng)學生至少到兩家實際用戶

13、單位進行考察，以加深學生對網(wǎng)站建設(shè)的理解2、學習情境2設(shè)計學習情境2網(wǎng)頁中編輯文本學習學時4學時學習目標總目標：綜合應(yīng)用文本標記具體目標：1.站點建立及網(wǎng)頁文檔2.文本元素的應(yīng)用3.CSS技術(shù)4.DIV+CSS頁面布局技術(shù)5.常用特效的運用主要任務(wù)綜合運用各種文本元素進行網(wǎng)頁設(shè)計教學方法建議1.啟發(fā)引導法2.演示教學法3.案例分析法4.分組討論法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際選擇能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資

14、料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)頁工具的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何制作網(wǎng)頁，增強網(wǎng)頁效果。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。3、學習情境3設(shè)計學習情境3網(wǎng)頁中圖像、多媒體應(yīng)用學習學時4學時學習目標總目標：圖像和多媒體在網(wǎng)頁中使用具體目標：1.網(wǎng)頁美工基礎(chǔ)2.常見網(wǎng)站類型分析3.PS在網(wǎng)頁設(shè)計中的應(yīng)用4.網(wǎng)頁動畫設(shè)計5.網(wǎng)頁引導頁設(shè)計主要任務(wù)1.網(wǎng)頁引導頁制作2.網(wǎng)頁效果圖制作3.效果圖切片教學方法建議1.案例分析法2.啟發(fā)引導法3.演示教學法4.分組學

15、習法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2.教師為學生演示如何制作網(wǎng)頁效果圖、引導頁。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。4、學習情境4設(shè)計學習情境3網(wǎng)頁中超鏈接應(yīng)用學習學時4學時學習目標總目標：

16、超級鏈接具體目標：1.搭建Web開發(fā)平臺2.超級鏈接建立3.平臺軟件的安裝設(shè)置4.開發(fā)工具的安裝設(shè)置5.Web服務(wù)的設(shè)置主要任務(wù)1.安裝和配置Web服務(wù)IIS2.安裝SQL Server 20003.安裝.NET開發(fā)工具4.創(chuàng)建.NET Web應(yīng)用程序5. .NET Web應(yīng)用程序的文件教學方法建議1.案例分析法2.啟發(fā)引導法3.演示教學法4.分組學習法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet

17、網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何搭建.NET Web開發(fā)平臺。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。5、學習情境5設(shè)計學習情境3網(wǎng)頁布局學習學時8學時學習目標總目標：網(wǎng)頁規(guī)劃和布局具體目標：1.網(wǎng)頁布局規(guī)劃2.NET 框架數(shù)據(jù)提供程序3.ADO.NET組件及對象模型主要任務(wù)能通過在.NET Web應(yīng)用程序當中應(yīng)用ADO.NET數(shù)據(jù)訪問技術(shù)，高效穩(wěn)定地訪問SQL Server等大型數(shù)據(jù)庫系統(tǒng)，實現(xiàn)信息存儲的重要環(huán)節(jié)教

18、學方法建議1.案例分析法2.啟發(fā)引導法3.演示教學法4.分組學習法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何訪問數(shù)據(jù)庫實現(xiàn)后臺管理系統(tǒng)信息存儲。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。6

19、、學習情境6設(shè)計學習情境4表單學習學時8學時學習目標總目標：利用表單設(shè)計網(wǎng)頁具體目標：1.需求分析2.界面設(shè)計3.表單制作4.網(wǎng)頁制作5.網(wǎng)頁測試、發(fā)布與維護6.快速建站主要任務(wù)1.網(wǎng)站建設(shè)過程2.申請域名和空間3.網(wǎng)站發(fā)布教學方法建議1.分組學習法2.演示教學法3.案例分析法4.啟發(fā)引導法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師

20、應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)站的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何快速建站、空間及域名申請、網(wǎng)站上傳。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。7、學習情境7設(shè)計學習情境5Html語言學習學時16學時學習目標總目標：html語言使用具體目標：1. html語言使用2Html語言編程3學校部門類4. 商業(yè)類5教育類6農(nóng)業(yè)類7旅游類8娛樂類主要任務(wù)實際網(wǎng)站建設(shè)項目教學方法建議1.啟發(fā)引導法2.案例分析法3.分組學習法4.演示教學法5.分組協(xié)作法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3.網(wǎng)上資料搜索4.實際動手能力教學材料1.教

21、材：Dreamweaver CS3中文版實例教程2.網(wǎng)絡(luò)資源：(1)淄博職業(yè)學院數(shù)字化教學平臺(2) 89/wywz/對學生基本要求學生具備計算機的基礎(chǔ)知識，具備上Internet網(wǎng)查找資料的能力，具備使用軟件的基礎(chǔ)知識和能力對教師基本要求教師應(yīng)熟悉了解常用網(wǎng)站建設(shè)步驟，應(yīng)至少掌握制作網(wǎng)站的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何快速建站、空間及域名申請、網(wǎng)站上傳。3.培養(yǎng)學生按照程序一步一步規(guī)范操作的品質(zhì)，盡力做出最好的效果。8、學習情境8設(shè)計學習情境9綜合模塊設(shè)計學習學時16學時學習目標總目標：網(wǎng)站綜合開發(fā)具體目標：1. 學校社團類2信息專題類3學校部門類4. 商業(yè)類5教育類6農(nóng)業(yè)類7旅游類8娛樂類主要任務(wù)實際網(wǎng)站建設(shè)項目教學方法建議1.啟發(fā)引導法2.案例分析法3.分組學習法4.演示教學法5.分組協(xié)作法考核與評價1.課堂表現(xiàn)2.課后作業(yè)3