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

網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))PAGE1PAGE1《網(wǎng)頁設(shè)計(jì)與制作》課程標(biāo)準(zhǔn)課程名稱：《網(wǎng)頁設(shè)計(jì)與制作》適用專業(yè)：高職計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)1.課程定位和設(shè)計(jì)思路1.1課程定位課程定位：本課程是三年制高職計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)的一門主干專業(yè)課程。通過本課程的學(xué)習(xí)，要求學(xué)生掌握網(wǎng)頁設(shè)計(jì)的基本概念，學(xué)會(huì)使用常用的網(wǎng)頁設(shè)計(jì)工具和相關(guān)網(wǎng)頁美化軟件，能夠設(shè)計(jì)制作常見的靜態(tài)網(wǎng)頁。主要功能：具備網(wǎng)站的建立和維護(hù)能力，同時(shí)通過本課程的學(xué)習(xí)，培養(yǎng)學(xué)生的綜合職業(yè)能力、創(chuàng)新精神和良好的職業(yè)道德。與其他課程關(guān)系：本課程是一門專業(yè)課程，在學(xué)習(xí)本課程之前必須要熟練掌握計(jì)算機(jī)基礎(chǔ)知識(shí)，能夠輕松的使用計(jì)算機(jī)。因網(wǎng)頁美化需要多種技術(shù)，而且也需要很強(qiáng)的藝術(shù)感，所以要想做出理想網(wǎng)站還需要掌握更多的專業(yè)知識(shí)，如：配色、PhotoShop圖像處理、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)等。本課程一般在2、3年級(jí)開設(shè)，此時(shí)學(xué)生已經(jīng)具備一定的計(jì)算機(jī)基礎(chǔ)知識(shí)和動(dòng)手能力，能較快地掌握網(wǎng)頁設(shè)計(jì)的各種知識(shí)，靜態(tài)網(wǎng)頁制作也是后續(xù)動(dòng)態(tài)網(wǎng)頁制作課程的基礎(chǔ)。1.2設(shè)計(jì)思路網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第1頁。本課程標(biāo)準(zhǔn)的總體設(shè)計(jì)思路：以計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)學(xué)生的就業(yè)為導(dǎo)向，根據(jù)行業(yè)專家對(duì)計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)專業(yè)所涵蓋的崗位群進(jìn)行的任務(wù)和職業(yè)能力分析，緊緊圍繞完成工作任務(wù)的需要來選擇課程內(nèi)容，設(shè)定職業(yè)能力培養(yǎng)目標(biāo)；以“工作項(xiàng)目”為主線，創(chuàng)設(shè)工作情景；以書本知識(shí)的傳授變?yōu)閯?dòng)手能力的培養(yǎng)為重點(diǎn)，強(qiáng)化學(xué)生實(shí)踐動(dòng)手能力的培養(yǎng)，以實(shí)現(xiàn)職業(yè)能力的培養(yǎng)目標(biāo)。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第1頁。本課程的設(shè)計(jì)“以能力為本位、以職業(yè)實(shí)踐為主線、以任務(wù)為主體”，整個(gè)《網(wǎng)頁設(shè)計(jì)與制作》課程共分為三大模塊，它們分別是：Dreamweaver、Fireworks、Flash。教學(xué)時(shí)各模塊既有獨(dú)立性，又有關(guān)聯(lián)性。獨(dú)立性是指各模塊設(shè)計(jì)案例、組織教學(xué)、突出重點(diǎn)時(shí)應(yīng)該相互獨(dú)立，學(xué)生應(yīng)該一個(gè)模塊一個(gè)模塊地掌握其知識(shí)點(diǎn)；關(guān)聯(lián)性是指各模塊間存在相互關(guān)系。Dreamweaver、Fireworks、Flash三個(gè)軟件中Dreamweaver是重點(diǎn)，計(jì)劃學(xué)時(shí)44節(jié)、Fireworks、Flash是為Dreamweaver工作的美化網(wǎng)頁的軟件，計(jì)劃學(xué)時(shí)為20節(jié)和38節(jié)。最終安排了6節(jié)課綜合實(shí)訓(xùn)，總學(xué)時(shí)為：108節(jié)。2.工作任務(wù)和課程目標(biāo)2.1工作任務(wù)工作任務(wù)應(yīng)具有結(jié)構(gòu)完整的工作過程，能呈現(xiàn)出該職業(yè)的典型的工作內(nèi)容和形式，在整個(gè)施工企業(yè)的工作大環(huán)境里具有重要的功能和意義、開放性。本課程的工作情景是網(wǎng)頁設(shè)計(jì)師和網(wǎng)頁維護(hù)人員。工作內(nèi)容是：在企業(yè)或公司里主要維護(hù)和設(shè)計(jì)本企業(yè)或公司的網(wǎng)站。2.2課程目標(biāo)網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第2頁。本課程的總體目標(biāo)是：學(xué)生能夠設(shè)計(jì)制作出一個(gè)比較好的靜態(tài)網(wǎng)站，具備網(wǎng)站維護(hù)能力。即通過學(xué)習(xí)，學(xué)生應(yīng)能夠利用Dreamweaver進(jìn)行網(wǎng)頁制作；能夠使用Fireworks進(jìn)行網(wǎng)頁圖片設(shè)計(jì)、能夠使用Flash制作網(wǎng)頁動(dòng)畫等。既能夠綜合利用這三個(gè)軟件設(shè)計(jì)并具維護(hù)靜態(tài)網(wǎng)站的能力；培養(yǎng)學(xué)生利用所學(xué)的綜合知識(shí)（如Photoshop、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、配色技術(shù)、html語言），進(jìn)行網(wǎng)頁美化、提高網(wǎng)頁質(zhì)量。，以進(jìn)一步培養(yǎng)學(xué)生樹立獨(dú)立思考、吃苦耐勞、勤奮工作的意識(shí)以及誠實(shí)、守信的優(yōu)秀品質(zhì)，為今后從事網(wǎng)頁設(shè)計(jì)和維護(hù)工作奠定良好的基礎(chǔ)。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第2頁。根據(jù)專業(yè)課程目標(biāo)和涵蓋的工作任務(wù)要求，確定課程內(nèi)容和要求，說明學(xué)生應(yīng)獲得的知識(shí)、技能與態(tài)度。典型工作任務(wù)指經(jīng)過篩選后需要納入課程內(nèi)容的工作任務(wù)。注意典型工作任務(wù)要與企業(yè)專家分析的工作任務(wù)相對(duì)接。技能內(nèi)容與知識(shí)內(nèi)容的分析要準(zhǔn)確，并充分體現(xiàn)高職特色。2.3職業(yè)能力培養(yǎng)目標(biāo)1.會(huì)使用Dreamweaver網(wǎng)頁設(shè)計(jì)工具制作網(wǎng)頁；2.會(huì)使用Fireworks制作網(wǎng)頁圖片，熱鍵，按鈕；3.熟練掌握顏色值的配置和背景圖案的設(shè)置方法，熟練掌握字符、鏈接顏色的設(shè)置方法；4.熟練掌握網(wǎng)頁設(shè)計(jì)中字符格式的設(shè)置方法，段落分段與換行的方法；5.掌握在網(wǎng)頁中添加CSS的方法。掌握三種添加樣式信息的方法，會(huì)使用CSS設(shè)置網(wǎng)頁格式和列表的格式；6.掌握在網(wǎng)頁中嵌入圖像的方法，掌握與嵌入圖像相關(guān)標(biāo)記的用法；7.掌握與圖像布局和位置相關(guān)的標(biāo)記的概念和用法；網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第3頁。8.熟練掌握使用絕對(duì)和相對(duì)URL，創(chuàng)建超鏈接、圖像鏈接；學(xué)會(huì)圖像映射的建立方法；網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第3頁。9.熟練掌握表格的使用方法，會(huì)用表格布局并設(shè)計(jì)網(wǎng)頁；10.掌握框架制作網(wǎng)頁的方法，會(huì)使用框架設(shè)計(jì)網(wǎng)頁；11.掌握制作表單的方法，會(huì)利用表單建立交互式頁面；12.掌握矢量對(duì)象的繪制和編輯方法13.掌握文本的創(chuàng)建與編輯14.掌握外部圖形、圖像的導(dǎo)入與編輯15.掌握運(yùn)動(dòng)漸變動(dòng)畫、形狀漸變動(dòng)畫和幀-幀動(dòng)畫的創(chuàng)建16.掌握層和元件的使用17.掌握交互式電影的制作，以及電影的測(cè)試、發(fā)布和導(dǎo)出等。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第4頁。

3.課程內(nèi)容和要求網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第4頁。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第5頁。網(wǎng)頁設(shè)計(jì)與制作網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第5頁。序號(hào)工作任務(wù)能力目標(biāo)知識(shí)目標(biāo)教學(xué)方法項(xiàng)目成果1網(wǎng)頁制作技術(shù)掌握制作網(wǎng)頁的基本常識(shí)掌握站點(diǎn)的創(chuàng)建與管理掌握Dreamweaver的基本操作掌握制作文字與圖像混排的頁面掌握網(wǎng)頁布局設(shè)計(jì)掌握多媒體頁面的制作掌握網(wǎng)頁中超級(jí)連接的創(chuàng)建了解制作框架網(wǎng)頁、模板和庫的應(yīng)用掌握使用時(shí)間軸創(chuàng)建動(dòng)態(tài)網(wǎng)頁掌握使用行為創(chuàng)建交互式網(wǎng)頁掌握表單的使用1.Dreamweaver8基礎(chǔ)知識(shí)2：制作圖文混排的頁面3：表格與布局表格4：制作多媒體頁面5：CSS樣式6：模板和庫7:利用框架制作網(wǎng)頁8:制作動(dòng)態(tài)效果頁面9:表單多媒體教學(xué)、多媒體課件輔助學(xué)生上機(jī)實(shí)踐做出一個(gè)靜態(tài)網(wǎng)頁2網(wǎng)頁圖片設(shè)計(jì)掌握Fireworks8繪制與編輯圖形方法掌握文本的創(chuàng)建與編輯掌握位圖圖像的導(dǎo)入與編輯掌握?qǐng)D層和蒙版的應(yīng)用掌握畫布和圖像尺寸的調(diào)整、熱點(diǎn)、切片、導(dǎo)航條與動(dòng)畫的創(chuàng)建、行為的使用10.Fireworks8入門11.使用Fireworks8制作圖片12.Web圖像制作技術(shù)13.圖像優(yōu)化與導(dǎo)出多媒體教學(xué)；學(xué)生上機(jī)實(shí)踐。做出網(wǎng)站標(biāo)志、網(wǎng)站菜單、熱鍵等3網(wǎng)頁動(dòng)畫設(shè)計(jì)掌握矢量對(duì)象的繪制和編輯方法掌握文本的創(chuàng)建與編輯掌握外部圖形、圖像的導(dǎo)入與編輯掌握運(yùn)動(dòng)漸變動(dòng)畫、形狀漸變動(dòng)畫和幀-幀動(dòng)畫的創(chuàng)建掌握層和元件的使用掌握交互式電影的制作，以及電影的測(cè)試、發(fā)布和導(dǎo)出等初始Flash815.繪制與編輯矢量圖形編輯顏色和文本使用外部資源編輯對(duì)象元件、實(shí)例和庫時(shí)間軸、時(shí)間軸特效制作動(dòng)畫簡單的交互動(dòng)畫22.優(yōu)化、發(fā)布和導(dǎo)出電影。多媒體教學(xué)、多媒體課件輔助學(xué)生上機(jī)實(shí)踐網(wǎng)頁上插入自己做出的個(gè)性化Flash動(dòng)畫、按鈕、標(biāo)題和導(dǎo)航欄等?？傉n時(shí)108課程內(nèi)容和要求匯總表3.1課程學(xué)時(shí)分配任務(wù)名稱學(xué)時(shí)學(xué)分備注1．網(wǎng)頁制作技術(shù)442．網(wǎng)頁圖片處理203．網(wǎng)頁動(dòng)畫設(shè)計(jì)38綜合復(fù)習(xí)6合計(jì)108網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第6頁。網(wǎng)頁設(shè)計(jì)與制作課程學(xué)時(shí)分配表網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第6頁。4、實(shí)施建議4.1教材編寫必須依據(jù)本課程標(biāo)準(zhǔn)編寫教材。充分體現(xiàn)任務(wù)引領(lǐng)、實(shí)踐導(dǎo)向課程設(shè)計(jì)思想。教材內(nèi)容呈現(xiàn)方式。教材要體現(xiàn)先進(jìn)性、通用性、實(shí)用性。反映新技術(shù)、新工藝，典型產(chǎn)品或服務(wù)的選擇要科學(xué)，體現(xiàn)地區(qū)產(chǎn)業(yè)特點(diǎn)。文字表述要求?；顒?dòng)設(shè)計(jì)要具體、可操作。4.2教學(xué)建議1．教學(xué)采用“四階段教學(xué)法”，將“教、學(xué)、練、做”融為一體。教學(xué)體現(xiàn)“教師為主導(dǎo)，學(xué)生為主體，訓(xùn)練為主線”的原則，課堂上可以采用“四階段教學(xué)法”：

第1個(gè)階段，案例引入，提出問題。通過案例演示，提出問題，給出知識(shí)點(diǎn)，講解案例應(yīng)用背景，給學(xué)生一個(gè)切入點(diǎn)，建立感性認(rèn)識(shí)。目的是激發(fā)學(xué)生的學(xué)習(xí)興趣、讓學(xué)生感到學(xué)有所用，從而明確本次課的教學(xué)目標(biāo)。

第2個(gè)階段，學(xué)生自主學(xué)習(xí)，嘗試解決問題。充分利用我校以及互聯(lián)網(wǎng)網(wǎng)絡(luò)教學(xué)資源，引導(dǎo)學(xué)生自主學(xué)習(xí)，找到解決問題的方法和操作技能，培養(yǎng)學(xué)生的自主學(xué)習(xí)意識(shí)和學(xué)習(xí)方法。學(xué)生在學(xué)習(xí)和嘗試解決問題過程中，發(fā)現(xiàn)問題，提出問題，在問題的引導(dǎo)下學(xué)習(xí)相關(guān)的知識(shí)和操作技能。

網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第7頁。第3個(gè)階段，歸納總結(jié)，引申提高。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第7頁。在每次課結(jié)束前，引導(dǎo)學(xué)生進(jìn)行歸納總結(jié)。對(duì)本次課的實(shí)際意義、重點(diǎn)、難點(diǎn)、容易出錯(cuò)處等及時(shí)進(jìn)行總結(jié)。并針對(duì)案例的不足之處，進(jìn)行引申和提高。注意在這個(gè)階段，強(qiáng)調(diào)的是“引導(dǎo)”學(xué)生，而不是老師講解。

第4個(gè)階段，舉一反三、學(xué)以致用。案例源于生活，最終要應(yīng)用于生活。為了使學(xué)生能學(xué)以致用、舉一反三、觸類旁通，每次教學(xué)結(jié)束時(shí)及時(shí)布置相關(guān)的課后練習(xí)，使學(xué)生在課后進(jìn)一步復(fù)習(xí)鞏固，并且將課后作業(yè)納入形成性考核的內(nèi)容之一。同時(shí)給出下一次課的學(xué)習(xí)內(nèi)容，提示學(xué)生預(yù)習(xí)。2．充分利用現(xiàn)代化教學(xué)手段，提高教學(xué)效果教學(xué)中采用電子演示文稿、大屏幕多媒體聯(lián)機(jī)演示、網(wǎng)絡(luò)教學(xué)等各種先進(jìn)的教學(xué)手段，使課堂教學(xué)生動(dòng)活潑、引人入勝，提高了教學(xué)效果，同時(shí)提高了教學(xué)效率。包括：

（1）利用多媒體教學(xué)系統(tǒng)廣播教學(xué)。把學(xué)生的共同問題（需要提示的重點(diǎn)）通過“廣播教學(xué)”，邊講邊演示，使學(xué)生即時(shí)看到操作效果。

（2）利用網(wǎng)絡(luò)將課堂教學(xué)延伸到課外，學(xué)生根據(jù)需要通過網(wǎng)絡(luò)學(xué)習(xí)有關(guān)的內(nèi)容。教師的課件和教學(xué)用資料都已都上傳到教學(xué)資源下載中心，方便學(xué)生課外學(xué)習(xí)和復(fù)習(xí)。4.3教學(xué)評(píng)價(jià)1．改革傳統(tǒng)的學(xué)生評(píng)價(jià)手段和方法，采用階段評(píng)價(jià)，過程性評(píng)價(jià)與目標(biāo)評(píng)價(jià)相結(jié)合，項(xiàng)目評(píng)價(jià)，理論與實(shí)踐一體化評(píng)價(jià)模式。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第8頁。2．關(guān)注評(píng)價(jià)的多元性，結(jié)合課堂提問、學(xué)生作業(yè)、平時(shí)測(cè)驗(yàn)、實(shí)驗(yàn)實(shí)訓(xùn)、技能競(jìng)賽及考試情況，綜合評(píng)價(jià)學(xué)生成績。網(wǎng)頁設(shè)計(jì)與制作(程標(biāo)準(zhǔn))全文共9頁，當(dāng)前為第8頁。3．應(yīng)注重學(xué)生動(dòng)手能力和實(shí)踐中分析問題、解決問題能力的考核，對(duì)在學(xué)習(xí)和應(yīng)用上有創(chuàng)新的學(xué)生應(yīng)予特別鼓勵(lì)，全面綜合評(píng)價(jià)學(xué)生能力。4.評(píng)價(jià)建議：對(duì)學(xué)生學(xué)業(yè)評(píng)價(jià)提出建議，體現(xiàn)評(píng)價(jià)的發(fā)展功能。本課程的考核成績有理論基礎(chǔ)成績與技能成績兩項(xiàng)組成，都是采用上機(jī)考試。平時(shí)上機(jī)實(shí)驗(yàn)技能應(yīng)有嚴(yán)格的記錄，根據(jù)各種實(shí)驗(yàn)的要求來計(jì)算成績。4.4課程資源的開發(fā)與利用課程資源開發(fā)與利用：包括相關(guān)教輔材料、實(shí)訓(xùn)指導(dǎo)手冊(cè)、信息技術(shù)應(yīng)用、工