網(wǎng)頁設(shè)計(jì)與制作課程標(biāo)準(zhǔn).doc

《網(wǎng)頁設(shè)計(jì)與制作課程標(biāo)準(zhǔn).doc》由會員分享，可在線閱讀，更多相關(guān)《網(wǎng)頁設(shè)計(jì)與制作課程標(biāo)準(zhǔn).doc（11頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

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