專業(yè)課網(wǎng)頁制作課程標(biāo)準(zhǔn)

1、國家中等職業(yè)教育改革發(fā)展示范學(xué)校軟件信息與服務(wù)專業(yè)建設(shè)1.2.5核心課程的課程標(biāo)準(zhǔn)15.專業(yè)課網(wǎng)頁制作課程標(biāo)準(zhǔn)東莞理工學(xué)校軟件信息與服務(wù)專業(yè)項目建設(shè)小組學(xué)習(xí)文檔 僅供參考課程編號：02109課程類型：核心課程、一體化課程學(xué)時：108適用對象：軟件與信息服務(wù)專業(yè)二年級學(xué)生編制者：張屹峰審核者：編制日期：2014-07-05一、 課程的性質(zhì)1、課程定位網(wǎng)頁制作是理實一體化課程，是電腦專業(yè)軟件與信息服務(wù)、數(shù)字媒體、電腦應(yīng)用專業(yè)的一門重要的專業(yè)必修課。本課程定位于WEB技術(shù)開發(fā)工作崗位。它是WEB前端技術(shù)開發(fā)的必備課程，在整個課程體系中具有重要的作用，將為后續(xù)課程JavaScript程序設(shè)計、動態(tài)網(wǎng)頁

2、設(shè)計等打下基礎(chǔ)。2、課程任務(wù)通過本課程的學(xué)習(xí)，使學(xué)生了解網(wǎng)頁設(shè)計技術(shù)的起源和發(fā)展、常用的網(wǎng)頁制作軟件及HTML語言，掌握運用Dreamweaver以下簡稱DW網(wǎng)頁制作軟件制作網(wǎng)頁、特別是制作動態(tài)網(wǎng)頁的方法，掌握運用Photoshop圖像處理軟件進行網(wǎng)頁中圖形制作和運用Flash動畫制作軟件設(shè)計網(wǎng)頁中動畫的方法，進而掌握將這三個軟件互相配合，完成網(wǎng)頁設(shè)計與制作任務(wù)的方法。為今后從事網(wǎng)頁設(shè)計與制作、網(wǎng)站開發(fā)和管理奠定基礎(chǔ)。在網(wǎng)頁設(shè)計的實踐中重點培養(yǎng)團隊協(xié)作、溝通交流能力，培養(yǎng)自主學(xué)習(xí)能力和探索創(chuàng)新能力。二、 職業(yè)活動通過本課程的學(xué)習(xí)，使學(xué)生形成一定的學(xué)習(xí)能力、溝通與團隊的協(xié)作能力，形成良好的思考問

3、題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，培養(yǎng)網(wǎng)頁布局和美工的能力，為成為合格的網(wǎng)頁設(shè)計人員打下堅實的基礎(chǔ)。該課程涉及的知識是網(wǎng)頁設(shè)計人員必備的基本技能，職業(yè)活動與課程內(nèi)容的對應(yīng)關(guān)系如下：網(wǎng)頁設(shè)計開發(fā)崗位職業(yè)能力教學(xué)內(nèi)容理實一體化課基本開發(fā)工具的使用DW CS5基礎(chǔ)第1章建立與管理站點第2章網(wǎng)頁基本元素的處理制作主要內(nèi)容為文本的網(wǎng)頁第3章插入與編輯圖像第4章插入多媒體元素第5章創(chuàng)建超級鏈接第7章HTML基礎(chǔ)第13章網(wǎng)頁布局表格處理與網(wǎng)頁布局第6章使用框架制作旅游網(wǎng)站第8章AP Div的應(yīng)用第11網(wǎng)頁美化CSS樣式表第14章網(wǎng)頁交互行為第12章動

4、態(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進行圖像處理的基本方法及操作技能(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)頁中使用

5、行為的方法(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)的項目，掌握網(wǎng)頁設(shè)計的基本工作流程。(2)通過完成相關(guān)的項目，掌握網(wǎng)頁設(shè)計常用工具的使用方法。(3)通過完成相關(guān)的項目，掌握網(wǎng)頁布局及美化的基本方法。(4)通過完成相關(guān)的項目，掌握簡單網(wǎng)頁交互的制作方法。3、方法能力目標(biāo)形成一定的學(xué)習(xí)能力、溝通與團隊的協(xié)作能力，形成良好的思考問題、分析問題和解決問題的能力，養(yǎng)成良好的職業(yè)素養(yǎng)。遵守國家關(guān)于軟件與信息技術(shù)的相關(guān)法律法規(guī)，形成關(guān)鍵性的軟件開發(fā)與應(yīng)用的能力。四、

6、課程內(nèi)容1、預(yù)備知識學(xué)習(xí)本課程，學(xué)生必須具備的知識和技能有：電腦應(yīng)用基礎(chǔ)、Photoshop平面圖像處理、Flash動畫制作。2、核心內(nèi)容課程重難點及課時分配如下表所示：核心內(nèi)容教學(xué)要求重點()難點ABC學(xué)時安排備注建立和管理站點BC2網(wǎng)頁中多媒體元素的處理AB6用表格+CSS布局網(wǎng)頁AA5用DIV+CSS布局網(wǎng)頁AA5用框架布局網(wǎng)頁AA4使用模板和庫復(fù)用網(wǎng)頁及網(wǎng)頁元素AB5行為AA5動態(tài)網(wǎng)頁基礎(chǔ)BB4合計36教學(xué)要求：A熟練掌握；B掌握；C一了解技能要求：A熟練掌握；B_掌握；C一了解3、項目設(shè)計項目設(shè)計及課時分配如下表所示：項目設(shè)計教學(xué)要求重點()難點ABC學(xué)時安排備注項目一：制作并發(fā)布“

7、我的第一個網(wǎng)頁” BC2項目二：制作“鳥巢”網(wǎng)頁AB3項目三：在網(wǎng)頁中加入FLASH動畫元素 AB2項目四：用表格布局網(wǎng)頁AA5項目五：用框架制作旅游網(wǎng)頁首頁AA5項目六：用模板和庫創(chuàng)建網(wǎng)頁AB4項目七：用DIV+CSS布局并美化網(wǎng)頁AA6項目八：在網(wǎng)頁中加入交互行為AA5項目九：制作簡單的動態(tài)網(wǎng)頁BB4合計36教學(xué)要求：A熟練掌握；B掌握；C一了解技能要求：A熟練掌握；B_掌握；C一了解4、學(xué)習(xí)情境本課程以DW CS5為主要編輯工具，學(xué)習(xí)靜態(tài)網(wǎng)頁的布局及美化技術(shù)。為了更好實施軟件技術(shù)專業(yè)“職業(yè)情境，項目主導(dǎo)”的工學(xué)結(jié)合人才培養(yǎng)模式，開展基于軟件產(chǎn)品開發(fā)工作過程的項目實踐教學(xué)，本課程組織為8個

8、模塊，9個項目。按照項目開發(fā)的過程進行模塊的劃分，在完成每個模塊學(xué)習(xí)和實踐的過程中，融入相應(yīng)的知識點以及網(wǎng)頁設(shè)計標(biāo)準(zhǔn)。在教學(xué)內(nèi)容選取和組織過程中，突出與企業(yè)的深度融合，引進企業(yè)軟件產(chǎn)品開發(fā)環(huán)境、管理標(biāo)準(zhǔn)、技術(shù)資源，校企雙方共同完成本課程的教學(xué)與實踐。5、項目實施通過項目設(shè)計培養(yǎng)學(xué)生的職業(yè)素養(yǎng)。在項目設(shè)計過程中，加深對知識的理解，提高對網(wǎng)頁設(shè)計及美工工具使用的熟練程度，掌握網(wǎng)頁設(shè)計的一般方法、步驟與流程，熟悉網(wǎng)頁設(shè)計及美工的基本工作標(biāo)準(zhǔn)。同時，通過協(xié)作完成軟件項目開發(fā)，培養(yǎng)學(xué)生的溝通交流能力、組織協(xié)調(diào)能力、團隊合作能力和自主學(xué)習(xí)能力。項目開發(fā)過程中，每4-5人一組，在教師的指導(dǎo)下，制定項目開發(fā)計

9、劃、時間進度、工作流程等，項目組成員可以具體的分工協(xié)作。完成項目測試，項目文檔制作等。6、教學(xué)要求序號課題知識要求能力要求教學(xué)建議課時1DW CS5基礎(chǔ)1、在網(wǎng)頁中插入圖片2、DW CS5安裝3、用DW建立頁面4、保存網(wǎng)頁1、了解網(wǎng)頁的概念2、能使用Photoshop處理網(wǎng)頁圖片3、網(wǎng)頁設(shè)計工具的使用1、通過案例講解理論2、總結(jié)歸納存在的問題3、通過實戰(zhàn)強化技能22建立與管理站點1、IIS信息服務(wù)器的搭建與管理2、建立、發(fā)布主頁3、建立和管理站點1、掌握IIS服務(wù)器的安裝與管理2、能使用站點管理頁面1、IIS服務(wù)器作為了解，在靜態(tài)網(wǎng)頁中不使用2、讓學(xué)生理解站點的作用43制作主要內(nèi)容為文本的網(wǎng)頁

10、1、在網(wǎng)頁中添加文字和字符2、使用背景、列表美化文本網(wǎng)頁1、文字格式和特殊字符的插入和設(shè)置2、結(jié)合圖像處理軟件美化網(wǎng)頁訓(xùn)練學(xué)生綜合利用圖像處理軟件和網(wǎng)頁編輯軟件的能力34插入與編輯圖像1、分塊制作網(wǎng)頁2、利用DW工具制作相冊1、了解常用圖像格式2、在表格中插入圖像3、Photoshop魔棒工具1、通過案例講解理論2、總結(jié)歸納存在的問題3、通過實戰(zhàn)強化技能45插入多媒體元素1、插入FLASH元素2、添加FLASH視頻和音樂能在網(wǎng)頁中使用各種FALSH元素注意比較各類FLASH元素的區(qū)別46表格的處理與網(wǎng)頁布局1、在網(wǎng)頁中創(chuàng)建表格2、表格的編輯3、用表格制作導(dǎo)航欄1、表格的編輯處理2、用表格制作網(wǎng)

11、頁元素重點掌握表格行、列、單元格、邊距、間距的概念107創(chuàng)建超級鏈接1、超級鏈接的概念2、文字與網(wǎng)頁間的鏈接3、圖片熱點4、錨記1、各類超級鏈接的創(chuàng)建方法2、各類超級鏈接的使用場景重點掌握超級鏈接的四種目標(biāo)28使用框架制作旅游網(wǎng)站1、框架與框架集2、創(chuàng)建框架的方法3、框架和框架集的邊框設(shè)置4、設(shè)置鏈接目標(biāo)5、框架和框架集的保存能使用框架和框架集設(shè)計布局網(wǎng)頁1、要區(qū)分框架和框架集的概念2、重點掌握框架和框架集的保存69創(chuàng)建和使用模板1、模板頁的概念2、可編輯區(qū)域的概念3、使用模板創(chuàng)建網(wǎng)頁4、在模板頁中創(chuàng)建超級鏈接5、使用模板更新網(wǎng)頁6、手動更新模板能使用模板創(chuàng)建風(fēng)格統(tǒng)一的網(wǎng)頁重點區(qū)分模板頁與普通

12、頁面的異同點410創(chuàng)建和使用庫1、了解庫的概念及作用2、創(chuàng)建庫項目3、編輯庫項目4、更新庫項目能有效利用庫提高制作網(wǎng)站的效率重點掌握庫項目的創(chuàng)建以及庫的作用411AP Div的應(yīng)用1、AP Div的創(chuàng)建2、在AP Div中插入網(wǎng)頁元素3、設(shè)置AP Div的屬性能使用AP Div布局不同風(fēng)格的網(wǎng)頁重點掌握AP Div的編輯和屬性設(shè)置，并區(qū)分表格布局的優(yōu)缺點812行為1、常見行為的應(yīng)用2、常見觸發(fā)事件的應(yīng)用能使用行為為網(wǎng)頁元素添加動態(tài)效果重點區(qū)分行為、觸發(fā)事件、動作、對象等概念和區(qū)別513HTML基礎(chǔ)1、HTML語言的基本結(jié)構(gòu)2、常用HTML標(biāo)簽的使用方法能通過編寫HTML創(chuàng)建一個簡單的頁面采用先

13、設(shè)計頁面，再查看生成的HTML代碼方式比照學(xué)習(xí)214CSS樣式表1、CSS樣式表的類型2、CSS樣式表的創(chuàng)建3、不同樣式表的樣式應(yīng)用能使用CSS樣式表美化各類網(wǎng)頁元素將CSS分別結(jié)合表格、DIV美化布局網(wǎng)頁615動態(tài)網(wǎng)頁基礎(chǔ)1、了解動態(tài)網(wǎng)頁與靜態(tài)網(wǎng)頁的區(qū)別2、了解服務(wù)器在動態(tài)網(wǎng)頁中的作用3、掌握ACCESS數(shù)據(jù)庫及表的創(chuàng)建4、在DW中創(chuàng)建動態(tài)網(wǎng)頁能使用DW中提供的功能生成一個簡單的動態(tài)網(wǎng)站，實現(xiàn)瀏覽功能重點掌握動態(tài)網(wǎng)頁的原理及數(shù)據(jù)集的概念818周授課，其余時間機動考試、復(fù)習(xí)等合計72五、課程實施條件1、人員條件授課教師必須具備以下條件：本科以上電腦相關(guān)專業(yè)學(xué)歷，有一定的英語水平； 通過初級或者

14、高級程序員考試或者拿到一些國際、國內(nèi)認證的證書，有一年以上教授相關(guān)網(wǎng)頁設(shè)計課程或項目開發(fā)經(jīng)驗； 有網(wǎng)頁設(shè)計及Web應(yīng)用程序開發(fā)能力及經(jīng)驗； 較強的邏輯思維能力，團隊精神和協(xié)作能力，強烈的好奇心和學(xué)習(xí)精神。2、環(huán)境條件本課程需要一間高性能聯(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ù)

15、中學(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é)手段。開

16、發(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í)、課

17、件下載、作業(yè)提交、專題討論、網(wǎng)上答疑等，使學(xué)生可以不受時間、地點的限制，方便地進行學(xué)習(xí)。七、教學(xué)材料1、學(xué)材與教材1選用教材網(wǎng)頁設(shè)計與美工DreamweaverCS5大象出版社主編：謝劍楊衛(wèi)紅。2參考書目網(wǎng)頁制作DreamweaverCS3，華東師范大學(xué)出版社，主編：陸瑩。ASP網(wǎng)絡(luò)編程自學(xué)手冊，人民郵電出版社，龐婭娟孫明麗呂繼迪編著。2、軟件與網(wǎng)絡(luò)多媒體教學(xué)軟件、Photoshop CS5.0、Dreamweaver CS5.0及以上版本等.八、教學(xué)評價1、教學(xué)評價強調(diào)評價對教學(xué)的激勵、診斷和促進作用，發(fā)揮教師在評價中的主導(dǎo)作用，創(chuàng)造條件實現(xiàn)評價主體的多元化，要關(guān)注學(xué)生的個別差異，鼓勵學(xué)生的

18、創(chuàng)造實踐。綜合運用各種形成性評價方式，全面考察學(xué)生的程序設(shè)計能力的養(yǎng)成過程，評價與教學(xué)過程相結(jié)合，動態(tài)把握，及時引導(dǎo)學(xué)生情感、態(tài)度和價值觀的形成。采用紙筆測試和上機測試相結(jié)合的方式開展總結(jié)性教學(xué)評價。要根據(jù)課程標(biāo)準(zhǔn)的要求和具體考試內(nèi)容選擇合適的題型和考試方式，創(chuàng)造條件全面考察學(xué)生解決實際問題的能力，防止只重視知識記憶。要注意結(jié)合學(xué)生平時學(xué)習(xí)表現(xiàn)和過程性評價結(jié)果，改變單純一次測驗或考試為依據(jù)，評定學(xué)生一學(xué)期或整個學(xué)段學(xué)習(xí)情況的局面，適度加大過程性評價在期末成績評定中的比重。2、考核內(nèi)容知識模塊知識小點考核等級DW CS5基礎(chǔ)在網(wǎng)頁中插入圖片DW CS5安裝用DW建立頁面保存網(wǎng)頁建立與管理站點II

19、S信息服務(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è)置鏈接目標(biāo)框架和框架集的保存創(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標(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ù)庫