第一部分 課程定位靜態網頁設計是計算機應用技術專業的職業拓展課程之一，對培養學生的網站建設崗位的職業能力起到支撐作用。課程學習過程中培養學生的網站設計、開發能力，能將客戶需求歸納整理成文檔的能力，能使用平面設計、動畫設計、網站編輯等軟件工具的能力。通過具體內容的學習，最終能按照正規的設計流程制作出客戶滿意的頁面，為其職業發展提供堅實的技術基礎。學習領域“靜態網頁設計”課程學習領域1學習難度范圍4靜態網頁設計時間安排理論實踐一體化：64學時職業行動領域描述靜態網頁設計構建以基于企業的“網站開發工作流程”為導向的“模塊式”課程結構，模塊的劃分以“行為導向教育理論”來展開；通過學習，學生會進行網站欣賞、網站規劃規范、網站效果圖設計、網頁色彩與布局設計、網頁動畫設計、網頁布局與編輯、HTML使用、層疊樣式表CSS、DIV+CSS網頁布局、模板與庫的應用、靜態網站動態化、實際項目開發等。各學習場所的學習目標(學校的)理論學習教學過程中，學生能獨立進行收集、處理信息；準備、加工素材；制作網頁效果圖；完成顏色搭配和版式設計；完成開發網站；完成代碼和界面融合；有一定的策劃能力；與社會交往的能力；責任感、承受能力。(企業的)實踐教學學生自主形成課程團隊競爭承擔外包項目，從而直接給客戶溝通，為解決客戶的需求從而按需學習。積極參與企事業網站開發，為企業提供技術服務、學以致用。工作與學習內容工作對象學校寬帶信息網、多媒體教室、機房、網站模板庫、教學案例庫、網絡教學平臺等工具方法組織工具Dreamweaver、Photoshop、Flash、Html語言、CSS樣式表、Javascript等工作方法需求分析，任務分配；模仿、借鑒；相互評價；總結反饋勞動組織內部任務分工；集中或分散施工工作要求符合要求的裝有Dreamweaver、Photoshop、Flash、等軟件的計算機；符合要求的服務器；符合要求的網絡機房第二部分 課程設計理念本課程遵照教高200614號、教高200616號、教高廳函200747號等文件精神，依據本專業的人才培養方案，確定本課程的目標和教學內容，具體遵循以下原則：1.在課程設計上，堅持以能力為本位，以學生為主體，教師角色轉換為倡導者。2.在課程內容選取上，以過程性知識為主、陳述性知識為輔，即以實際應用的經驗和策略的習得為主、以適度夠用的概念和原理的理解為輔。 3.在課程內容排列上，以工作過程為參照系整合陳述性知識與過程性知識。 4.在課程內容結構上，突出模塊化設置，以便新技術新產品進入教學內容。 5.在課程職業技能培養上，把職業資格證書（職業標準）的考核項目與要求納入到專業課程標準之中，為學生就業服務。 6.在課程教學組織設計上，以真實工作任務和社會產品為載體組織教學，積極推廣探索教學做一體化、情境式教學、互動式教學。 7. 以“REACT”設計情境教學，以“3P”和“ARCS”模式設計互動式教學活動。8.在教學資源建設上，突出學習包教學標準建設和借助教學平臺開發網絡教學資源。9.在培養過程中，注重全人發展、服務學習、學長計劃、過程資歷認可（RPL）的實施。（1）全人發展（Whole Person）：待人接物、如何看待錢、價值觀、怎么安排自己。（2）服務學習（Service Learning）：到非盈利機構作義工，提高學習動力，培養為他人服務精神，并把這些活動作為成績之一。（3）學長計劃：學生輔導員。（4）過程資歷認可（RPL）：如學徒10年，要認可他。第三部分 課程目標本課程的目標是培養學生的計算機網站設計開發職業能力，使學生達到國家相關職業標準。職業能力與國家相關職業標準如下：一、職業能力職業能力要求一覽表典型工作任務具體任務職業能力(核心能力用黑體加粗表示)網站設計開發1.網站開發需求分析網站開發需求分析站點規劃網頁評價2.網站設計能進行站點建設會使用文本元素、多媒體元素、鏈接制作網頁會使用表格、框架、表單布置網頁會使用DIV+CSS技術布局頁面會使用網頁特效增加網頁效果3.網站美工能運用配色原理進行網頁配色能進行PS圖片處理會使用Flash/Swish進行動畫設計能制作引導頁能進行網頁美工賞析與借鑒4.搭建.NET Web開發平臺，創建后臺管理信息系統會搭建.NET Web開發平臺會進行操作系統的設置會進行平臺軟件的安裝設置能安裝開發工具能設置Web服務5. 設計后臺管理信息系統用戶操作界面能應用Web服務器控件能應用HTML 控件會設計Web應用程序用戶操作界面6.信息錄入合法性驗證的設計能應用RequiredValidator、CompareValidator等驗證控件能對界面當中的每個錄入項進行合法性有效性驗證7.交互操作與頁面處理能應用Request、Response等內置對象實施頁面處理， 使系統具備服務器-客戶機之間交互操作的能力8.系統會話與狀態管理能將ASP.NET內置對象提供的功能、資源， 應用到系統會話與狀態管理9.后臺管理信息系統的數據庫訪問設計能通過在.NET Web應用程序當中應用ADO.NET數據訪問技術，高效穩定地訪問SQL Server等大型數據庫系統，實現信息存儲的重要環節10.實現查詢、顯示注冊人員紀錄能應用提供Repeater、DataList、DataGrid、GridView等控件，通過綁定數據源的技術，無須編寫復雜的代碼即可實現自動顯示數據庫查詢結果能設計控件的外觀、分頁顯示11.安裝后臺管理信息系統開發完成后，能安裝、調試、上線工作當中所需要技術12.真實產品開發能進行實際需求分析能完成界面設計會動畫設計會代碼編寫會測試、維護與發布13.產品指導（綜合實訓）能進行實際網站建設：精選10類真實網站的制作與發布，包括需求分析、頁面美工與布局（主頁面/子頁面），相關文檔二、職業標準網站設計師國家職業標準相關要求工作內容技能要求專業知識要求（一）掌握Dreamweaver的基本操作1.能建立站點2.能創建文檔3.能使用文本4.能使用圖象5.能插入各種媒體對象6.能創建超級鏈接和導航條7.能使用表格8.能創建和使用層9.能使用表單10.能使用框架和框架集11.能使用摸版和庫12.能對站點進行基本的管理1.建立Web服務器2.安裝IIS3.測試和設計IIS4.使用IIS5.設置遠程服務器6.上傳和下載文件7.設置站點參數（二）網站開發1能熟練使用Dreamweaver、Flash、Fireworks、Photoshop等網頁制作軟件2能綜合應用Dreamweaver、Flash、Fireworks、Photoshop等軟件進行專業的網頁設計3能熟練使用HTML語言和CSS樣式單4能掌握ASP語言、JavaScript腳本5能掌握小型數據庫在網站中的應用6能獨立規劃、構建、設計、制作、發布和維護小型多媒體動態網站 1. 綜合應用Dreamweaver、Flash、Fireworks、Photoshop等軟件進行復雜、高效的網頁設計2. 具有處理XML、Web服務和Microsoft .NET架構的能力3. 掌握當前主流廠商的大型數據庫在網站中的應用技術第四部分 課程內容和要求一、學習情境門類設置學習情境門類設置一覽表學習領域1靜態網頁設計學習難度范圍4參考學時64學習情境設置序號名稱學時分配學習情境1網頁設計基礎4學習情境2網頁中編輯文本4學習情境3網頁中圖像、多媒體應用4學習情境4網頁中超鏈接應用4學習情境5網頁布局8學習情境6表單8學習情境7Html語言16學習情境8綜合模塊設計16二、學習情境具體設計1、學習情境1設計學習情境1網頁設計基礎學習學時4學時學習目標總目標：掌握網站建設的需求分析、站點規劃基本步驟及網頁評價標準，以及網站、網頁、主頁、網頁設計的區別。具體目標：1.網站需求分析2.網站站點規劃3.網頁設計的基本概念4.網站、網頁、主頁、網頁設計的區別5.網頁設計常用工具6.網站建設的基本步驟7.網頁評價標準主要任務1.網站建設需求分析2.網站站點規劃3.網站設計基本概念4.網站建設基本步驟5.網頁評價標準教學方法建議1.講授法2.網絡查詢法3.師生互動討論法5.角色扮演法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際選擇能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2)/對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網頁工具的知識技能備注1.要求學生課前30分鐘對教材進行學習2如條件許可，應帶領學生至少到兩家實際用戶單位進行考察，以加深學生對網站建設的理解2、學習情境2設計學習情境2網頁中編輯文本學習學時4學時學習目標總目標：綜合應用文本標記具體目標：1.站點建立及網頁文檔2.文本元素的應用3.CSS技術4.DIV+CSS頁面布局技術5.常用特效的運用主要任務綜合運用各種文本元素進行網頁設計教學方法建議1.啟發引導法2.演示教學法3.案例分析法4.分組討論法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際選擇能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) /eschool/對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網頁工具的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何制作網頁，增強網頁效果。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。3、學習情境3設計學習情境3網頁中圖像、多媒體應用學習學時4學時學習目標總目標：圖像和多媒體在網頁中使用具體目標：1.網頁美工基礎2.常見網站類型分析3.PS在網頁設計中的應用4.網頁動畫設計5.網頁引導頁設計主要任務1.網頁引導頁制作2.網頁效果圖制作3.效果圖切片教學方法建議1.案例分析法2.啟發引導法3.演示教學法4.分組學習法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) /對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2.教師為學生演示如何制作網頁效果圖、引導頁。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。4、學習情境4設計學習情境3網頁中超鏈接應用學習學時4學時學習目標總目標：超級鏈接具體目標：1.搭建Web開發平臺2.超級鏈接建立3.平臺軟件的安裝設置4.開發工具的安裝設置5.Web服務的設置主要任務1.安裝和配置Web服務IIS2.安裝SQL Server 20003.安裝.NET開發工具4.創建.NET Web應用程序5. .NET Web應用程序的文件教學方法建議1.案例分析法2.啟發引導法3.演示教學法4.分組學習法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) /對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何搭建.NET Web開發平臺。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。5、學習情境5設計學習情境3網頁布局學習學時8學時學習目標總目標：網頁規劃和布局具體目標：1.網頁布局規劃2.NET 框架數據提供程序3.ADO.NET組件及對象模型主要任務能通過在.NET Web應用程序當中應用ADO.NET數據訪問技術，高效穩定地訪問SQL Server等大型數據庫系統，實現信息存儲的重要環節教學方法建議1.案例分析法2.啟發引導法3.演示教學法4.分組學習法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) /對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網頁美工的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何訪問數據庫實現后臺管理系統信息存儲。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。6、學習情境6設計學習情境4表單學習學時8學時學習目標總目標：利用表單設計網頁具體目標：1.需求分析2.界面設計3.表單制作4.網頁制作5.網頁測試、發布與維護6.快速建站主要任務1.網站建設過程2.申請域名和空間3.網站發布教學方法建議1.分組學習法2.演示教學法3.案例分析法4.啟發引導法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) /對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網站的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何快速建站、空間及域名申請、網站上傳。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。7、學習情境7設計學習情境5Html語言學習學時16學時學習目標總目標：html語言使用具體目標：1. html語言使用2Html語言編程3學校部門類4. 商業類5教育類6農業類7旅游類8娛樂類主要任務實際網站建設項目教學方法建議1.啟發引導法2.案例分析法3.分組學習法4.演示教學法5.分組協作法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材：Dreamweaver CS3中文版實例教程2.網絡資源：(1)淄博職業學院數字化教學平臺(2) 89/wywz/對學生基本要求學生具備計算機的基礎知識，具備上Internet網查找資料的能力，具備使用軟件的基礎知識和能力對教師基本要求教師應熟悉了解常用網站建設步驟，應至少掌握制作網站的知識技能備注1.要求學生課前30分鐘對教材進行學習。2教師為學生演示如何快速建站、空間及域名申請、網站上傳。3.培養學生按照程序一步一步規范操作的品質，盡力做出最好的效果。8、學習情境8設計學習情境9綜合模塊設計學習學時16學時學習目標總目標：網站綜合開發具體目標：1. 學校社團類2信息專題類3學校部門類4. 商業類5教育類6農業類7旅游類8娛樂類主要任務實際網站建設項目教學方法建議1.啟發引導法2.案例分析法3.分組學習法4.演示教學法5.分組協作法考核與評價1.課堂表現2.課后作業3.網上資料搜索4.實際動手能力教學材料1.教材