《網(wǎng)頁設(shè)計與制作》課程標準.doc

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