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

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

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

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

4、頁面的設(shè)計、編碼、調(diào)試、維護(hù)能力。3.職業(yè)素質(zhì)目標(biāo)1養(yǎng)成善于思考、深入研究的良好自主學(xué)習(xí)的習(xí)慣；2通過項目與案例教學(xué)，培養(yǎng)學(xué)習(xí)者的分析問題、解決問題的能力；3具有吃苦耐勞、團(tuán)隊協(xié)作精神，溝通交流和書面表達(dá)能力；4通過課外拓展訓(xùn)練，培養(yǎng)學(xué)習(xí)者的創(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中的常用標(biāo)記方法

5、，能夠在Dreamweaver中熟練利用HTML編寫簡單網(wǎng)頁。(1) 掌握HTML 文件的編輯運行環(huán)境；(2) 熟練掌握、特殊字符等標(biāo)簽的使用；(3) 掌握 標(biāo)簽的屬性設(shè)置與應(yīng)用；(4) 掌握標(biāo)簽的含義與應(yīng)用；(5) 掌握、標(biāo)簽的含義與應(yīng)用；(6) 熟練掌握標(biāo)簽設(shè)置各類超級鏈接的方法與技巧。84第3章 站點的創(chuàng)建與網(wǎng)站發(fā)布學(xué)會站點的創(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應(yīng)用掌握在網(wǎng)頁中輸入文本、插入圖片的方法，了

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

7、夠使用框架對頁面進(jìn)行設(shè)計。2496章 頁面配色與修飾了解網(wǎng)頁配色方案及安全色的概念，學(xué)會網(wǎng)站風(fēng)格設(shè)計，了解photoshop的基本知識，了解flash的基本知識網(wǎng)頁設(shè)計的基本理念，網(wǎng)站風(fē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)站實例學(xué)會制作綜合網(wǎng)站的系統(tǒng)分析與設(shè)計；學(xué)會制作綜合網(wǎng)站；學(xué)會上傳網(wǎng)站。掌握綜合網(wǎng)站制作的流程和方法；掌握網(wǎng)站的優(yōu)化與測試。16

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

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

10、生的自主學(xué)習(xí)意識和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識和操作技能。 第3個階段，歸納總結(jié)，引申提高。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對本次課的實際意義、重點、難點、容易出錯處等及時進(jìn)行總結(jié)。并針對案例的不足之處，進(jìn)行引申和提高。注意在這個階段，強調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。 第4個階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時及時布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。2、充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動活潑、引人入勝，提高了教學(xué)效果，同時提高了教學(xué)效率。包括： （1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需要提示的重點）通過 “廣播教學(xué)”，邊講邊演示，使學(xué)生即時看到操作效果。 （2）利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容。教師的課件和教學(xué)用資料都已都上傳到教學(xué)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。（三）教學(xué)評價本課程的考核成績有理論基礎(chǔ)成績與技能成績兩項組成，都是采用上機考試。平