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

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

2、設定職業(yè)能力培養(yǎng)目標；以“工作項目”為主線，創(chuàng)設工作情景；以書本知識的傳授變?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頁面框架的作用，能夠針對需求進行框架的設計；4掌握各類HTML表單元素標簽，能夠進行表單設計；5掌握各類HTML多媒體元素標簽，能夠進行多媒體頁面設計；6掌握CSS樣式的基本使用方法，能夠應用CSS樣式表美化頁面；7掌握CSS網(wǎng)頁布局的方法，能夠結(jié)合DIV標簽進行頁面布局；8掌握JavaS

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

4、 職業(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)站功能設計方法。掌握需求分析方法，能夠編寫網(wǎng)站策劃書，掌握網(wǎng)站功能設計方法。83第2章HTML和網(wǎng)頁制作掌握HTML中的常用標記方法，能夠在Dreamweaver中熟練利用

5、HTML編寫簡單網(wǎng)頁。(1) 掌握HTML文件的編輯運行環(huán)境；(2) 熟練掌握HTML、body、head、br、p、center、hr、特殊字符等標簽的使用；(3) 掌握img標簽的屬性設置與應用；(4) 掌握ulli標簽的含義與應用；(5) 掌握table、tr、td標簽的含義與應用；(6) 熟練掌握a標簽設置各類超級鏈接的方法與技巧。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應用

6、掌握在網(wǎng)頁中輸入文本、插入圖片的方法，了解超級鏈接的類型，為文本或圖片創(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)頁的布局方式。掌握表格的基本操作，并能使用表格進行頁面布局的設計，掌握層的使用方法，利用層對頁面元素進行定位

7、；掌握框架的使用方法，能夠使用框架對頁面進行設計。2496章頁面配色與修飾了解網(wǎng)頁配色方案及安全色的概念，學會網(wǎng)站風格設計，了解photoshop的基本知識，了解flash的基本知識網(wǎng)頁設計的基本理念，網(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)分析與設計；學會制作綜合網(wǎng)站；學會上傳網(wǎng)站。掌握綜合網(wǎng)站制作的流程和方法；掌握網(wǎng)站的

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

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

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