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

1、廣西玉林高級技工學校網(wǎng)頁制作與設(shè)計課程標準一、課程基本信息課程名稱網(wǎng)頁制作與設(shè)計總學時120適用專業(yè)計算機專業(yè)開課部門計算機組編制人 審定人二、課程性質(zhì)本課程是中職計算機術(shù)專業(yè)的一門主干專業(yè)課程。通過本課程的學習，要求學生掌握網(wǎng)頁設(shè)計的基本概念，學會使用常用的網(wǎng)頁設(shè)計工具和常用腳本語言，能夠設(shè)計制作常見的靜態(tài)和動態(tài)網(wǎng)頁，具備網(wǎng)站的建立和維護能力。同時通過本課程的學習，培養(yǎng)學生的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。三、設(shè)計思路本課程標準的總體設(shè)計思路：以計算機專業(yè)學生的就業(yè)為導向，根據(jù)行業(yè)專家對計算機網(wǎng)絡(luò)技術(shù)專業(yè)所涵蓋的崗位群進行的任務(wù)和職業(yè)能力分析，緊緊圍繞完成工作任務(wù)的需要來選擇課程內(nèi)容

2、，設(shè)定職業(yè)能力培養(yǎng)目標；以“工作項目”為主線，創(chuàng)設(shè)工作情景；以書本知識的傳授變?yōu)閯邮帜芰Φ呐囵B(yǎng)為重點，強化學生實踐動手能力的培養(yǎng)，以實現(xiàn)職業(yè)能力的培養(yǎng)目標。四、課程目標1.職業(yè)知識目標 1熟悉HTML 語言的作用和開發(fā)環(huán)境，能夠編寫HTML 代碼；2掌握常用的HTML 標簽，能夠?qū)崿F(xiàn)基本的圖文信息顯示；3理解HTML 頁面框架的作用，能夠針對需求進行框架的設(shè)計；4掌握各類HTML 表單元素標簽，能夠進行表單設(shè)計；5掌握各類HTML 多媒體元素標簽，能夠進行多媒體頁面設(shè)計；6掌握CSS 樣式的基本使用方法，能夠應用CSS 樣式表美化頁面；7掌握CSS 網(wǎng)頁布局的方法，能夠結(jié)合DIV 標簽進行頁面

3、布局；8掌握JavaScript 的語法基礎(chǔ)，能夠編寫簡單的JavaScript 應用程序；9掌握JavaScript 的函數(shù)、內(nèi)置對象、事件等，能夠?qū)崿F(xiàn)表單的驗證；10掌握DOM 樹形結(jié)構(gòu)及其操作方法，能夠控制DOM 對象。2.職業(yè)技能目標1能獨立進行資料收集與整理、具備用戶需求的理解能力；2能根據(jù)項目需求，具備項目頁面的設(shè)計與實現(xiàn)能力；3能根據(jù)靜態(tài)頁面設(shè)計原則與CSS 技術(shù)規(guī)范，實現(xiàn)頁面美化與布局；4具有使用JavaScript 技術(shù)進行頁面事件處理與表單驗證的能力；5能根據(jù)DOM 樹形結(jié)構(gòu)，進行頁面DOM 的控制；6具有綜合應用HTML 語言、CSS 樣式、JavaScript 腳本進行

4、頁面的設(shè)計、編碼、調(diào)試、維護能力。3.職業(yè)素質(zhì)目標1養(yǎng)成善于思考、深入研究的良好自主學習的習慣；2通過項目與案例教學，培養(yǎng)學習者的分析問題、解決問題的能力；3具有吃苦耐勞、團隊協(xié)作精神，溝通交流和書面表達能力；4通過課外拓展訓練，培養(yǎng)學習者的創(chuàng)新意識；5具有愛崗敬業(yè)、遵守職業(yè)道德規(guī)范、誠實、守信的高尚品質(zhì)。五、課程主要內(nèi)容與要求序號授課內(nèi)容知識要求技能要求參考時數(shù)2第1章 網(wǎng)站策劃與分析了解網(wǎng)站分類，掌握網(wǎng)站開發(fā)流程，掌握需求分析方法，能夠編寫網(wǎng)站策劃書，掌握網(wǎng)站功能設(shè)計方法。掌握需求分析方法，能夠編寫網(wǎng)站策劃書，掌握網(wǎng)站功能設(shè)計方法。83第2章 HTML和網(wǎng)頁制作掌握HTML中的常用標記方法

5、，能夠在Dreamweaver中熟練利用HTML編寫簡單網(wǎng)頁。(1) 掌握HTML 文件的編輯運行環(huán)境；(2) 熟練掌握、特殊字符等標簽的使用；(3) 掌握 標簽的屬性設(shè)置與應用；(4) 掌握標簽的含義與應用；(5) 掌握、標簽的含義與應用；(6) 熟練掌握標簽設(shè)置各類超級鏈接的方法與技巧。84第3章 站點的創(chuàng)建與網(wǎng)站發(fā)布學會站點的創(chuàng)建與基本操作，掌握網(wǎng)站結(jié)構(gòu)及網(wǎng)站的發(fā)布知識。(1) 了解網(wǎng)頁制作相關(guān)概念；(2) 掌握Web 站點的配置方法；(3) 掌握編寫簡單的HTML 網(wǎng)頁的方法；(4) 掌握發(fā)布靜態(tài)Web 站點。85第4章 網(wǎng)頁基本操作與CSS應用掌握在網(wǎng)頁中輸入文本、插入圖片的方法，了

6、解超級鏈接的類型，為文本或圖片創(chuàng)建超級鏈接，掌握CSS樣式在網(wǎng)頁制作中的應用。(1) 掌握CSS 簡介、特點與使用規(guī)則；(2) 掌握選擇符的分類與應用；(3) 掌握CSS 的各種加載方法；(4) 掌握CSS 背景控制與應用；(5) 掌握CSS 對文本樣式的控制；(6) 掌握CSS 對于列表元素的應用；(7) 掌握盒模型的原理與應用；(8) 掌握CSS 的定位方式；(9) 掌握DIV+CSS 頁面布局的方法。86第5章 網(wǎng)站布局了解常用網(wǎng)頁內(nèi)容的組成要素，了解常見網(wǎng)頁的布局方式。掌握表格的基本操作，并能使用表格進行頁面布局的設(shè)計，掌握層的使用方法，利用層對頁面元素進行定位；掌握框架的使用方法，能

7、夠使用框架對頁面進行設(shè)計。2496章 頁面配色與修飾了解網(wǎng)頁配色方案及安全色的概念，學會網(wǎng)站風格設(shè)計，了解photoshop的基本知識，了解flash的基本知識網(wǎng)頁設(shè)計的基本理念，網(wǎng)站風格，網(wǎng)頁色彩搭配。811第7章 創(chuàng)建動態(tài)網(wǎng)頁了解制作動態(tài)網(wǎng)站的基本知識。掌握表單的制作，掌握動態(tài)網(wǎng)頁制作的基本方法與技巧，掌握動態(tài)網(wǎng)頁的發(fā)布及數(shù)據(jù)庫的鏈接812第8章 靜態(tài)網(wǎng)站綜合實例掌握網(wǎng)站制作的基本流程和方法。掌握利用軟硬件資源制作并發(fā)布一個具體網(wǎng)站的操作過程。813第9章 綜合網(wǎng)站實例學會制作綜合網(wǎng)站的系統(tǒng)分析與設(shè)計；學會制作綜合網(wǎng)站；學會上傳網(wǎng)站。掌握綜合網(wǎng)站制作的流程和方法；掌握網(wǎng)站的優(yōu)化與測試。16

8、15第10章 網(wǎng)站優(yōu)化、測試與上傳學會檢查網(wǎng)站的正確性和發(fā)布站點的步驟。掌握域名的基本概念以及分類，域名的注冊技巧；掌握空間的申請方法。掌握發(fā)布站點的步驟。816案例講解：網(wǎng)站實例制作運用所學Dreamweaver知識制作綜合實例。817案例講解：網(wǎng)站實例制作運用所學Dreamweaver知識制作綜合實例。8六、實施建議（一）教材編寫 所選用的教材應充分體現(xiàn)培養(yǎng)學生的職業(yè)能力為中心思想，以“教、學、做”為一體組織課堂內(nèi)容，注重理論與實踐相結(jié)合、教材內(nèi)容與行業(yè)標準要求相結(jié)合，強調(diào)理論在實踐過程中的應用。（二）教學建議從網(wǎng)頁設(shè)計與制作的實際問題出發(fā)，精心準備各種典型案例，構(gòu)建課程的宏觀教學設(shè)計。例

9、如，公司網(wǎng)站、網(wǎng)上鮮花直銷、個人網(wǎng)站精選、書籍專賣等。以若干個案例為載體，形成循序漸進、種類多樣的項目群，構(gòu)建完整的教學設(shè)計布局。1、教學采用“四階段教學法”，將“教、學、練、做”融為一體。教學體現(xiàn)“教師為主導，學生為主體，訓練為主線”的原則，課堂上可以采用“四階段教學法”： 第1個階段，案例引入，提出問題。通過案例演示，提出問題，給出知識點，講解案例應用背景，給學生一個切入點，建立感性認識。目的是激發(fā)學生的學習興趣、讓學生感到學有所用，從而明確本次課的教學目標。 第2個階段，學生自主學習，嘗試解決問題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學資源，引導學生自主學習，找到解決問題的方法和操作技能，培養(yǎng)學

10、生的自主學習意識和學習方法。學生在學習和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導下學習相關(guān)的知識和操作技能。 第3個階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導學生進行歸納總結(jié)。對本次課的實際意義、重點、難點、容易出錯處等及時進行總結(jié)。并針對案例的不足之處，進行引申和提高。注意在這個階段，強調(diào)的是“引導”學生，而不是老師講解。 第4個階段，舉一反三、學以致用。案例源于生活，最終要應用于生活。為了使學生能學以致用、舉一反三、觸類旁通，每次教學結(jié)束時及時布置相關(guān)的課后練習，使學生在課后進一步復習鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時給出下一次課的學習內(nèi)容，提示學生預習。2

11、、充分利用現(xiàn)代化教學手段，提高教學效果教學中采用電子演示文稿、大屏幕多媒體聯(lián)機演示、網(wǎng)絡(luò)教學等各種先進的教學手段，使課堂教學生動活潑、引人入勝，提高了教學效果，同時提高了教學效率。包括： （1）利用多媒體教學系統(tǒng)廣播教學。把學生的共同問題（需要提示的重點）通過 “廣播教學”，邊講邊演示，使學生即時看到操作效果。 （2）利用網(wǎng)絡(luò)將課堂教學延伸到課外，學生根據(jù)需要通過網(wǎng)絡(luò)學習有關(guān)的內(nèi)容。教師的課件和教學用資料都已都上傳到教學資源下載中心，方便學生課外學習和復習。（三）教學評價本課程的考核成績有理論基礎(chǔ)成績與技能成績兩項組成，都是采用上機考試。平時上機實驗技能應有嚴格的記錄，根據(jù)各種實驗的要求來計算

12、成績。（四）資源利用網(wǎng)絡(luò)資源FIF網(wǎng)絡(luò)學院/網(wǎng)頁制作大寶庫/sucai素材精品屋/index.asp黑馬網(wǎng)頁素材遐思素材屋http:/www.zzi.cc/sck/sck1.htm網(wǎng)頁特效集/index.php網(wǎng)頁特效/javascript/index.asp網(wǎng)頁特效七色風網(wǎng)頁特效/wytx/wytx.htm太平洋學院/pcedu/sj/wz藍色理想天極網(wǎng)-網(wǎng)頁陶吧網(wǎng)頁設(shè)計師聯(lián)盟http:/www.68d