網頁設計與制作課程標準.doc

《網頁設計與制作課程標準.doc》由會員分享，可在線閱讀，更多相關《網頁設計與制作課程標準.doc（11頁珍藏版）》請在裝配圖網上搜索。

《網頁設計與制作》課程標準 前言： 《網頁設計與制作》是理實一體化課程，是計算機專業(yè)（軟件與信息服務、數(shù)字媒體、計算機應用專業(yè)）的一門重要的專業(yè)必修課。本課程定位于WEB技術開發(fā)工作崗位。它是WEB前端技術開發(fā)的必備課程，在整個課程體系中具有重要的作用， 一、課程的說明： 通過本課程的學習，使學生了解網頁設計技術的起源和發(fā)展、常用的網頁制作軟件及HTML語言，掌握運用Dreamweaver（以下簡稱DW）網頁制作軟件制作網頁的方法，通過運用Photoshop圖像處理軟件和Flash動畫制作軟件，三個軟件互相配合，完成網頁設計與制作任務的方法。為今后從事網頁設計與制作、網站開發(fā)和管理奠定基礎。在網頁設計的實踐中重點培養(yǎng)團隊協(xié)作、溝通交流能力，培養(yǎng)自主學習能力和探索創(chuàng)新能力。 二、課程內容與基本要求： 該課程涉及的知識是網頁設計人員必備的基本技能，職業(yè)活動與課程內容的對應關系如下： 網頁設計開發(fā)崗位職業(yè)能力 教學內容（理實一體化課） 基本開發(fā)工具的使用 網頁基本概念（第1章） DW CS6軟件介紹（第2章） 建立與管理站點（第3章） 網頁基本元素的處理 制作主要內容為文本的網頁（第4章） 插入與編輯圖像（第5章） 插入多媒體元素（第6章） 創(chuàng)建超級鏈接（第7章） HTML基礎（第13章） 網頁布局 表格處理與網頁布局（第6章） AP Div的應用（第9章） 使用CSS+DIV布局網頁（第11章） 網頁美化 CSS樣式表（第10章） 網頁交互 行為（第12章） 動態(tài)網頁基礎（第15章） 網頁及元素的復用 創(chuàng)建和使用模板（第9章） 創(chuàng)建和使用庫（第10章） 　三、教學目標 　　1、職業(yè)關鍵能力目標 (1) 掌握使用Photoshop進行圖像處理的基本方法及操作技能 (2) 掌握DreamweaverCS5的基本知識及操作技能 (3) 掌握建立與管理站點的方法 (4) 掌握制作主要內容為文本的網頁的方法 (5) 掌握在網頁中插入與編輯圖像的方法 (6) 掌握在網頁中插入多媒體元素的方法 (7) 掌握表格處理與網頁布局的方法 (8) 掌握創(chuàng)建超級鏈接的方法 (9) 掌握使用框架制作旅游網站的方法 (10) 掌握創(chuàng)建和使用模板的方法 (11) 掌握創(chuàng)建和使用庫的方法 (12) 掌握在網頁中添加AP Div的方法 (13) 掌握在網頁中使用行為的方法 (14) 掌握HTML基礎知識及通過代碼修飾網頁的方法 (15) 掌握使用CSS樣式表修飾網頁的方法 (16) 掌握動態(tài)網頁的概念及簡單動態(tài)網頁的制作方法 2、職業(yè)專門能力目標 (1) 通過完成相關的項目，掌握網頁設計的基本工作流程。 (2) 通過完成相關的項目，掌握網頁設計常用工具的使用方法。 (3) 通過完成相關的項目，掌握網頁布局及美化的基本方法。 (4) 通過完成相關的項目，掌握簡單網頁交互的制作方法。 3、方法能力目標 形成一定的學習能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關于軟件與信息技術的相關法律法規(guī)，形成關鍵性的軟件開發(fā)與應用的能力。 四、教學內容 第一章 網頁制作基礎知識（4學時） 教學目標： 網頁與網站基本概念、網頁基本組成元素、常用網頁制作軟件 主要教學內容： 1.1 網頁制作基礎知識 1.2 網頁的基本構成元素 1.3 網頁制作常用軟件和技術 第二章 Dreamweaver CS6輕松入門（2學時） 教學目標： DW CS6軟件的安裝、用DW建立網頁的方法、打開和保存網頁的方法 主要教學內容： 2.1 Dreamweaver CS6工作環(huán)境 2.2 [插入]欄 2.3 Dreamweaver CS6新功能 第三章 站點的搭建與管理（4學時） 教學目標： 本地站點與遠程站點的概念、站點文件夾的管理 主要教學內容： 3.1 創(chuàng)建本地站點 3.2 管理點站 3.3 管理站點中的文件 4.3 使用站點地圖 第四章 網站建設規(guī)范和基本流程（2學時） 教學目標： IIS信息服務器的搭建與管理、建立、發(fā)布主頁、建立和管理站點 主要教學內容： 4.1 網站建設規(guī)范 4.2 網站建設的基本流程 第五章 創(chuàng)建結構清晰的文本網頁（6學時） 教學目標： 1. 在網頁中添加文字和字符 2. 使用背景、列表美化文本網頁 主要教學內容： 5.1 設置文本屬性 5.2 插入其他元素 5.3 創(chuàng)建項目列表和編號列表 5.4 插入網頁頭部內容 5.5 綜合案例-創(chuàng)建基本文本網頁 第六章 創(chuàng)建絢麗多彩的圖像和多媒體網頁（6學時） 教學目標： 1. 了解網頁中常用的圖像格式 2. 網頁中插入圖像的方法 3. 網頁中插入多媒體的方法 主要教學內容： 6.1 網頁中常用的圖像格式 6.2 編輯圖像 6.3 插入多媒體 6.4 綜合案例-創(chuàng)建圖文混排網頁 第七章 創(chuàng)建超級鏈接（6學時） 教學目標： 超級鏈接的概念、文字與網頁間的鏈接、圖片熱點和錨記 主要教學內容： 7.1 超級鏈接的基本概念 7.2 創(chuàng)建超級鏈接的方法 7.3 創(chuàng)建各種類型的鏈接 7.4 管理超鏈接 7.5 綜合實例 第八章 使用表格排版網頁（6學時） 教學目標： 1. 表格的編輯處理 2. 用表格制作網頁元素 主要教學內容： 8.1 創(chuàng)建表格 8.2 設置表格及其元素屬性 8.3 表格的基礎操作 8.4 表格的基本應用 8.5 綜合實例-利用表格排版網頁 第九章 使用DIV和Spry靈活布局網頁（4學時） 教學目標： 1. AP Div的創(chuàng)建 2. 在AP Div中插入網頁元素 3. 設置AP Div的屬性 主要教學內容： 9.1 插入AP Div 9.2 設置AP Div屬性 9.3 使用 Spry布局對象 第十章 使用CSS修飾美化網頁（6學時） 教學目標： 1、CSS樣式表的類型 2、CSS樣式表的創(chuàng)建 3、不同樣式表的樣式應用 主要教學內容： 10.1 CSS簡介 10.2 使用CSS 10.3 設置CSS樣式 10.4 CSS濾鏡設計特效文字 10.5 綜合實例 第11章 CSS+DIV布局方法（6學時） 教學目標： 盒子模型概念、CSS布局理念、常見布局類型 主要教學內容： 11.1 初識DIV 11.2 CSS定位 11.3 CSS布局理念 11.4 常見的布局類型 第12章 使用模板和庫提高網頁制作效率（6學） 教學目標： 了解模型的庫的概念，會使用庫創(chuàng)建項目 主要教學內容： 12.1 創(chuàng)建模板 12.2 使用模板 12.3 管理模板 12.4 創(chuàng)建和應用庫項目 第13章 使用行為和動作為網頁添加活力（6學時） 教學目標： 重點區(qū)分行為、觸發(fā)事件、動作、對象等概念和區(qū)別 主要教學內容： 13.1 行為的概念 13.2 行為的動作和事件 13.3 使用Dreamweaver內置行為 第14章 網站頁面布局設計與色彩搭配（2學時） 教學目標： 網頁色彩搭配知識、常見頁面版式 主要教學內容： 14.1 網頁版面布局設計 14.2 常見版面布局形式 14.3 網頁色彩搭配知識 第15章 用表單創(chuàng)建交互式網頁（6學時） 教學目標： 表單的基本概念、常用表單元素的插入方法 主要教學內容： 15.1 表單概述 15.2 創(chuàng)建表單域 15.3 插入文本域 15.4 復選框和單選按鈕 15.5 列表和菜單 15.6 跳轉菜單的使用 15.7 使用按鈕激活表單 15.8 使用隱藏域和文件域 15.9 綜合案例 五、課程實施條件 本課程需要一間高性能聯(lián)網的計算機實訓室，需滿足每位學生一臺電腦。配備液晶投影儀、多媒體教學軟件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等。 六、教學組織與方法 1、教學方法 結合軟件與信息服務專業(yè)學生特點，基于行動導向，根據每個任務的內容特點，以真實項目進行引導開展教學。整個課程以項目任務實訓為主線，以技能培養(yǎng)為核心來組織教學。學生在完成項目分解的任務中學習相關知識，并利用這些知識解決項目中的問題。 （1）項目教學法 課程將網頁設計的知識點分解為多個小的任務，每個任務的學習過程以工作過程為導向，最終形成學生的職業(yè)行動能力。 （2）小組教學法 以6人為一個單位，成立教學小組。單人完成的項目，組內可以互相學習，督促和評價。大型復雜的項目，小組成員共同完成。 （3）視頻展示法 教師對講授內容充分提煉，將復雜的操作錄制下來，方便學生反復觀看和模仿，形象生動的動態(tài)展示和講解。使抽象、難懂的教學內容變得直觀、易懂和容易掌握；提高了教學效率；便于學生自主學習。 2、教學手段 （1）充分利用多媒體實訓室和多媒體課件 本課程的課堂講授全部在實訓室進行，便于使用投影設備，采用多媒體教學手段。開發(fā)和使用的多媒體課件制作精美并含有動態(tài)演示，其有效地增強了學生的學習興趣。 （2）鼓勵自主學習 制作網絡課件，并將教學大綱、教案、習題等同時上網開放，激發(fā)學生學習興趣，鼓勵學生自主學習，同時可以緩解課程信息量增加與壓縮授課學時之間的矛盾。 （3）嚴格考評制度 設計了內容豐富、形式多樣的習題作業(yè)，以利于學生理解和掌握所學知識。嚴格檢查平時作業(yè)完成情況，及時反饋作業(yè)中反映的問題。采用定期模擬考試的方法及時檢驗學生階段性學習成果。建立科學合理的考核評價制度，以促進學生的學習積極性和自我學習的動力。 （4）充分利用網絡環(huán)境和資源 充分利用互聯(lián)網資源、本課程網站資源，在網上開展教學活動，包括網絡課程學習、自主學習、課后復習、課件下載、作業(yè)提交、專題討論、網上答疑等，使學生可以不受時間、地點的限制，方便地進行學習。 七、教學材料 1、學材與教材 （1）選用教材 《巧學巧用DreamweaverCS6制作網頁》人民郵電出版社主編：劉西杰。 （2）參考書目 《HTML5+CSS3從入門到精通》，中國水利出版社，主編：未來科技。 《ASP網絡編程自學手冊》，人民郵電出版社，龐婭娟孫明麗呂繼迪編著。 2、軟件與網絡 多媒體教學軟件、Photoshop CS5.0、Dreamweaver CS6.0及以上版本等. 八、教學評價 1、教學評價 強調評價對教學的激勵、診斷和促進作用，發(fā)揮教師在評價中的主導作用，創(chuàng)造條件實現(xiàn)評價主體的多元化，要關注學生的個別差異，鼓勵學生的創(chuàng)造實踐。綜合運用各種形成性評價方式，全面考察學生的程序設計能力的養(yǎng)成過程，評價與教學過程相結合，動態(tài)把握，及時引導學生情感、態(tài)度和價值觀的形成。采用紙筆測試和上機測試相結合的方式開展總結性教學評價。要根據課程標準的要求和具體考試內容選擇合適的題型和考試方式，創(chuàng)造條件全面考察學生解決實際問題的能力，避免只重視知識記憶。要注意結合學生平時學習表現(xiàn)和過程性評價結果，改變單純一次測驗或考試為依據，評定學生一學期或整個學段學習情況的局面，適度加大過程性評價在期末成績評定中的比重。 2、考核內容 知識模塊 知識小點 考核等級 DW CS6基礎 在網頁中插入圖片 ☆☆ DW CS6安裝 ☆ 用DW建立頁面 ☆☆ 保存網頁 ☆☆ 建立與管理站點 IIS信息服務器的搭建與管理 ☆☆ 建立、發(fā)布主頁 ☆☆ 建立和管理站點 ☆☆☆ 制作主要內容為文本的網頁 在網頁中添加文字和字符 ☆☆ 使用背景、列表美化文本網頁 ☆☆ 插入與編輯圖像 分塊制作網頁 ☆☆ 利用DW工具制作相冊 ☆☆ 插入多媒體元素 插入FLASH元素 ☆☆☆ 添加FLASH視頻和音樂 ☆☆☆ 表格的處理與網頁布局 在網頁中創(chuàng)建表格 ☆☆☆☆ 表格的編輯 ☆☆☆☆ 用表格制作導航欄 ☆☆☆☆ 創(chuàng)建超級鏈接 超級鏈接的概念 ☆☆☆ 文字與網頁間的鏈接 ☆☆☆ 圖片熱點 ☆☆☆ 錨記 ☆☆☆ 使用框架制作旅游網站 框架與框架集 ☆☆☆ 創(chuàng)建框架的方法 ☆☆☆ 框架和框架集的邊框設置 ☆☆☆ 設置鏈接目標 ☆☆☆ 框架和框架集的保存 ☆☆☆☆ 創(chuàng)建和使用模板 模板頁的概念 ☆☆ 可編輯區(qū)域的概念 ☆☆☆ 使用模板創(chuàng)建網頁 ☆☆☆☆ 在模板頁中創(chuàng)建超級鏈接 ☆☆☆☆ 使用模板更新網頁 ☆☆☆☆ 手動更新模板 ☆☆☆ 創(chuàng)建和使用庫 了解庫的概念及作用 ☆☆☆ 創(chuàng)建庫項目 ☆☆☆ 編輯庫項目 ☆☆☆ 更新庫項目 ☆☆☆ AP Div的應用 AP Div的創(chuàng)建 ☆☆☆☆ 在AP Div中插入網頁元素 ☆☆☆☆ 設置AP Div的屬性 ☆☆☆☆ 行為 常見行為的應用 ☆☆☆☆ 常見觸發(fā)事件的應用 ☆☆☆☆ HTML基礎 HTML語言的基本結構 ☆☆☆ 常用HTML標簽的使用方法 ☆☆☆ CSS樣式表 CSS樣式表的類型 ☆☆☆☆ CSS樣式表的創(chuàng)建 ☆☆☆☆ 不同樣式表的樣式應用 ☆☆☆☆ 動態(tài)網頁基礎 了解動態(tài)網頁與靜態(tài)網頁的區(qū)別 ☆☆ 了解服務器在動態(tài)網頁中的作用 ☆☆ 掌握ACCESS數(shù)據庫及表的創(chuàng)建 ☆☆ 在DW中創(chuàng)建動態(tài)網頁 ☆☆ 3、考核方式 本課程實施綜合考評，注重考核學生掌握技能的水平，同時注重學習態(tài)度和最終成績的關聯(lián)，以全面綜合地評定學生的能力。 （1）平時技能考核：布置課堂作業(yè)以及拓展實訓項目，使學生能獨立完成大部分的技能訓練，小項目及活動的技能，均以個人為考核單位，在平時考核和記錄。成績包括學習態(tài)度及項目技能完成情況。占總成績20%。 （2）階段考核：復雜的大項目，對學生進行分組，任務由各小組成員共同完成。根據每個任務的完成情況，要求小組成員分別給出自評（25%），組內互評（25%），同時教師對任務小組的整體完成情況給出評價（50%)作為每位成員的共同分數(shù)。占總成績20%。 （3）期中考核和期末考核：在學生期中和期末課程學習結束后，統(tǒng)一參加技能考試。期中成績占總成績20%，期末成績占總成績40%。 九、課程資源開發(fā)與利用 組織課程教學相關教師在深入崗位調研和教學過程總結的基礎上開發(fā)課程資源，包括電子教案、課件、試題習題集、教學微課視頻。建立教學資源庫，上傳所有相關課程資源供相關老師和學生下載學習；依托“3A”學習平臺——“教學云課堂”APP，微課掌上通平臺，讓學生能隨時、隨地進行預習、自學和復習，也更加方面教師和學生的互動教學和輔導。 十、職業(yè)基本素養(yǎng) （1）培養(yǎng)學生團隊協(xié)作精神，樹立誠信意識，鍛煉學生溝通交流的能力； （2）通過項目法教學模式，讓學生親身體驗項目的設計、管理和實施； （3）通過撰寫方案設計報告，提高學生書面表達能力，培養(yǎng)學習常用專業(yè)英語詞匯的興趣； （4）通過課外拓展訓練，鍛煉學生自我學習的能力。