時(shí)間：2022-11-08 04:33:04
序論：在您撰寫網(wǎng)頁(yè)實(shí)訓(xùn)報(bào)告時(shí)，參考他人的優(yōu)秀作品可以開闊視野，小編為您整理的7篇范文，希望這些建議能夠激發(fā)您的創(chuàng)作熱情，引導(dǎo)您走向新的創(chuàng)作高度。
論文關(guān)鍵詞：平面設(shè)計(jì)軟件；實(shí)訓(xùn)課程；項(xiàng)目設(shè)計(jì)；實(shí)訓(xùn)項(xiàng)目；成果評(píng)價(jià)；職業(yè)能力
平面設(shè)計(jì)軟件實(shí)訓(xùn)是配合《平面設(shè)計(jì)軟件》課程開設(shè)的為時(shí)2周的實(shí)訓(xùn)課，是培養(yǎng)學(xué)生職業(yè)能力的一個(gè)重要環(huán)節(jié)。以往的實(shí)訓(xùn)課通常是通過讓學(xué)生做一些課業(yè)進(jìn)行的，教師給出一個(gè)課題，學(xué)生在指定時(shí)間按教師的要求完成作品，整個(gè)過程在教師的輔導(dǎo)下完成。在這樣的教學(xué)過程中，學(xué)生的職業(yè)能力難以得到很好的訓(xùn)練，團(tuán)隊(duì)精神難以得到有效的培養(yǎng)。所以，在實(shí)訓(xùn)課上進(jìn)行項(xiàng)目教學(xué)是很有必要的，因?yàn)轫?xiàng)目教學(xué)法的核心是在教師的指導(dǎo)下，由學(xué)生去探尋得到最終結(jié)果的途徑，學(xué)習(xí)的重點(diǎn)在學(xué)習(xí)過程而非學(xué)習(xí)結(jié)果，這對(duì)學(xué)生能力的培養(yǎng)是很有幫助的。在2周的時(shí)間里，如何設(shè)計(jì)項(xiàng)目才能使學(xué)生真實(shí)地體驗(yàn)一個(gè)項(xiàng)目的完整制作過程，是需要教師研討的問題。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)分析
實(shí)訓(xùn)課的教學(xué)不同于理論課。由于學(xué)生已經(jīng)初步具備了該課程的知識(shí)和技能基礎(chǔ)，實(shí)訓(xùn)課要在理論課的基礎(chǔ)上重點(diǎn)訓(xùn)練學(xué)生的專業(yè)技能和職業(yè)能力。所以，項(xiàng)目的設(shè)計(jì)要求更能體現(xiàn)實(shí)際工作環(huán)境的特點(diǎn)，學(xué)生通過項(xiàng)目能更好地應(yīng)用學(xué)過的知識(shí)解決實(shí)際問題，鍛煉自己的實(shí)際工作能力。
設(shè)計(jì)理念平面設(shè)計(jì)是近十幾年逐步發(fā)展起來的一個(gè)復(fù)合性職業(yè)，涉及面非常廣泛，涵蓋的職業(yè)范疇包括商業(yè)展示設(shè)計(jì)、商業(yè)廣告設(shè)計(jì)、商業(yè)環(huán)境藝術(shù)設(shè)計(jì)、書籍裝幀設(shè)計(jì)、包裝結(jié)構(gòu)與裝潢設(shè)計(jì)、服裝設(shè)計(jì)、工業(yè)產(chǎn)品設(shè)計(jì)、商業(yè)插畫設(shè)計(jì)、標(biāo)志設(shè)計(jì)、企業(yè)CI設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)等等。針對(duì)目前平面設(shè)計(jì)行業(yè)及社會(huì)其他相關(guān)崗位對(duì)人才的需求和對(duì)教學(xué)內(nèi)容及教學(xué)方法的研討，實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)應(yīng)該圍繞著專業(yè)方向和培養(yǎng)目標(biāo)進(jìn)行設(shè)計(jì)；圍繞著用完整的實(shí)際工作流程訓(xùn)練學(xué)生綜合設(shè)計(jì)制作能力的目標(biāo)進(jìn)行項(xiàng)目開發(fā)，即按照實(shí)際工作“調(diào)研策劃創(chuàng)意設(shè)計(jì)制作提交審核”的流程進(jìn)行教學(xué)設(shè)計(jì)；以項(xiàng)目小組的形式開展教學(xué)活動(dòng)；通過實(shí)訓(xùn)項(xiàng)目訓(xùn)練，培養(yǎng)學(xué)生的創(chuàng)新精神和團(tuán)隊(duì)精神，使學(xué)生能夠綜合運(yùn)用美學(xué)思想、平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律及計(jì)算機(jī)圖形圖像設(shè)計(jì)軟件，完成符合實(shí)際要求的平面設(shè)計(jì)作品，實(shí)現(xiàn)平面設(shè)計(jì)專業(yè)的教學(xué)目標(biāo)。項(xiàng)目的設(shè)計(jì)理念應(yīng)當(dāng)是以培養(yǎng)學(xué)生完成實(shí)際工作任務(wù)的職業(yè)能力為目標(biāo)，但設(shè)計(jì)的項(xiàng)目不一定非要來源于企業(yè)，因?yàn)楸菊n程的學(xué)生是“廣告設(shè)計(jì)與制作”專業(yè)的一年級(jí)新生，還沒有學(xué)過平面設(shè)計(jì)方面的專業(yè)課，用2周的時(shí)間完成一個(gè)真實(shí)的企業(yè)項(xiàng)目有一定的難度。為了順利實(shí)現(xiàn)《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的教學(xué)目標(biāo)，可采取將虛擬項(xiàng)目按照真實(shí)項(xiàng)目完成的形式進(jìn)行教學(xué)設(shè)計(jì)。
設(shè)計(jì)思路平面設(shè)計(jì)專業(yè)的能力目標(biāo)是使學(xué)生能夠根據(jù)平面藝術(shù)設(shè)計(jì)的基本原理和設(shè)計(jì)規(guī)律，針對(duì)不同的用戶要求進(jìn)行各種平面作品的設(shè)計(jì)與制作。所以，“網(wǎng)站頁(yè)面設(shè)計(jì)制作”項(xiàng)目、“POP廣告設(shè)計(jì)制作”項(xiàng)目、“商業(yè)插畫設(shè)計(jì)制作”等項(xiàng)目都可以用來作為《平面設(shè)計(jì)軟件》實(shí)訓(xùn)課程的實(shí)訓(xùn)項(xiàng)目。產(chǎn)品類廣告設(shè)計(jì)可以重點(diǎn)培養(yǎng)學(xué)生市場(chǎng)調(diào)研、策劃、創(chuàng)意等能力；文化類廣告設(shè)計(jì)可以培養(yǎng)學(xué)生掌握完整的設(shè)計(jì)制作流程；“網(wǎng)站頁(yè)面設(shè)計(jì)制作”可以通過圖形、色彩、文字等設(shè)計(jì)元素的運(yùn)用培養(yǎng)學(xué)生綜合的平面設(shè)計(jì)能力。下面以“某集團(tuán)房地產(chǎn)網(wǎng)站頁(yè)面設(shè)計(jì)制作”項(xiàng)目為例，分析實(shí)訓(xùn)項(xiàng)目的設(shè)計(jì)方案。
實(shí)訓(xùn)項(xiàng)目設(shè)計(jì)方案
項(xiàng)目背景隨著互聯(lián)網(wǎng)的飛速發(fā)展，網(wǎng)絡(luò)已經(jīng)成為人們生活中不可缺少的一部分，利用網(wǎng)絡(luò)查找各種所需要的信息已經(jīng)是人們習(xí)以為常的手段。在這種形勢(shì)下，很多企業(yè)、個(gè)人都需要擁有自己的網(wǎng)站和網(wǎng)頁(yè)。某房地產(chǎn)企業(yè)為了更好地宣傳企業(yè)形象和推介企業(yè)產(chǎn)品，需要制作一個(gè)引人注目的精美網(wǎng)站展示自己。
項(xiàng)目?jī)?nèi)容該設(shè)計(jì)項(xiàng)目是為某房地產(chǎn)開發(fā)商的網(wǎng)站進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)和制作，需要學(xué)生進(jìn)行市場(chǎng)調(diào)研，了解企業(yè)名稱和受眾群體，并采集各種信息，通過進(jìn)行實(shí)際調(diào)查和需求分析，確定網(wǎng)站的市場(chǎng)定位，進(jìn)行網(wǎng)頁(yè)的規(guī)劃和整體方案設(shè)計(jì)。在網(wǎng)頁(yè)效果上要注意網(wǎng)站形象設(shè)計(jì)，以滿足人們的審美需求；在制作過程中要合理運(yùn)用藝術(shù)設(shè)計(jì)的理論知識(shí)和軟件技術(shù)，按計(jì)劃完成符合客戶要求的精美網(wǎng)站制作。具體任務(wù)內(nèi)容包括市場(chǎng)調(diào)研、網(wǎng)站策劃、網(wǎng)頁(yè)整體方案設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)制作、完稿處理、資料整理等，其中市場(chǎng)調(diào)研包括收集相關(guān)房地產(chǎn)企業(yè)的宣傳資料和網(wǎng)站形象調(diào)研。網(wǎng)站需求分析要通過對(duì)宣傳資料進(jìn)行整理分析，明確用戶需求，并撰寫分析報(bào)告。網(wǎng)站整體方案設(shè)計(jì)包括標(biāo)準(zhǔn)字、LOGO小樣、標(biāo)準(zhǔn)色彩、圖標(biāo)設(shè)計(jì)、網(wǎng)頁(yè)平面設(shè)計(jì)等內(nèi)容。網(wǎng)頁(yè)設(shè)計(jì)制作可利用平面設(shè)計(jì)軟件Photoshop、Illustrator等。
項(xiàng)目能力目標(biāo)為達(dá)到專業(yè)要求的職業(yè)能力培養(yǎng)目標(biāo)，在項(xiàng)目執(zhí)行過程中，要求學(xué)生能進(jìn)行基本的市場(chǎng)調(diào)研，明確客戶需求，撰寫廣告策劃書；能根據(jù)策劃書進(jìn)行創(chuàng)意構(gòu)思，繪制出設(shè)計(jì)草圖；能進(jìn)行一定的創(chuàng)意設(shè)計(jì)；能將藝術(shù)設(shè)計(jì)理論知識(shí)與軟件技術(shù)相結(jié)合，具備項(xiàng)目執(zhí)行能力、與人溝通能力及小組協(xié)作能力。
項(xiàng)目技術(shù)指導(dǎo)在項(xiàng)目執(zhí)行過程中，教師承擔(dān)著指導(dǎo)的責(zé)任，在設(shè)計(jì)項(xiàng)目方案時(shí)，教師要全盤考慮項(xiàng)目中的一些技術(shù)問題，對(duì)學(xué)生可能遇到的知識(shí)和技能問題做到心中有數(shù)，以使項(xiàng)目能夠順利進(jìn)行。
1.網(wǎng)頁(yè)設(shè)計(jì)流程。按照一定的設(shè)計(jì)流程策劃、設(shè)計(jì)、制作網(wǎng)站可以減少失誤，確保項(xiàng)目的正確進(jìn)行。因此，要了解項(xiàng)目的制作步驟及網(wǎng)頁(yè)的設(shè)計(jì)流程：（1）市場(chǎng)調(diào)研，收集資料；（2）網(wǎng)站策劃；（3）網(wǎng)頁(yè)詳細(xì)設(shè)計(jì)；（4）網(wǎng)頁(yè)制作；（5）驗(yàn)收作品。
2.市場(chǎng)調(diào)研。在調(diào)研之前首先要確定調(diào)查報(bào)告內(nèi)容，對(duì)問題進(jìn)行分析、排除、鎖定。這樣在與客戶溝通時(shí)可避免問題模糊、范圍過大。資料收集要翔實(shí)、豐富，包括該企業(yè)的介紹、樓盤信息、圖片等一切相關(guān)信息。
3.網(wǎng)站策劃。網(wǎng)站策劃是網(wǎng)站設(shè)計(jì)的關(guān)鍵步驟，只有真正策劃好了，才有可能成為讓客戶或用戶滿意的網(wǎng)站。在本項(xiàng)目中，網(wǎng)站策劃是了解客戶需求、進(jìn)行信息收集與分析、對(duì)網(wǎng)頁(yè)設(shè)計(jì)等方面的問題進(jìn)行整體規(guī)劃并提供解決方案、撰寫“需求分析報(bào)告”的過程。在這個(gè)過程中最為重要的是需求分析，就是了解、分析、明確用戶需求，利用創(chuàng)意草圖，對(duì)網(wǎng)頁(yè)進(jìn)行合理科學(xué)的規(guī)劃，即對(duì)網(wǎng)頁(yè)定位、受眾群體、網(wǎng)站色調(diào)、網(wǎng)站頁(yè)面總體風(fēng)格、各種頁(yè)面特殊效果及其數(shù)量進(jìn)行確定。
4.網(wǎng)頁(yè)詳細(xì)設(shè)計(jì)方案。在需求分析的基礎(chǔ)上，要進(jìn)一步針對(duì)內(nèi)容建設(shè)、網(wǎng)站布局、網(wǎng)站結(jié)構(gòu)方面設(shè)計(jì)具體的方案。需要畫出網(wǎng)站結(jié)構(gòu)圖，其中包括網(wǎng)站欄目、結(jié)構(gòu)層次、連接內(nèi)容、首頁(yè)中的功能按鈕、內(nèi)容要點(diǎn)、友情鏈接等，都要體現(xiàn)出來，要切題并突出重點(diǎn)。設(shè)計(jì)方案要充分展示房地產(chǎn)網(wǎng)頁(yè)設(shè)計(jì)的特點(diǎn)，網(wǎng)站形象要莊重平和，信息量要全面、細(xì)致，具有人性化特點(diǎn)。網(wǎng)頁(yè)結(jié)構(gòu)應(yīng)層次清晰、創(chuàng)意新穎、顏色搭配合理、網(wǎng)頁(yè)頁(yè)面設(shè)計(jì)符合審美要求，網(wǎng)頁(yè)功能要融入設(shè)計(jì)方案中，網(wǎng)頁(yè)的內(nèi)容與表現(xiàn)形式要統(tǒng)一，要對(duì)內(nèi)容進(jìn)行合理的分析、加工，按類別分類，欄目設(shè)置要一目了然。（1）首頁(yè)設(shè)計(jì)。首頁(yè)設(shè)計(jì)包括創(chuàng)意設(shè)計(jì)、結(jié)構(gòu)設(shè)計(jì)、色彩調(diào)配和布局設(shè)計(jì)。在進(jìn)行首頁(yè)設(shè)計(jì)時(shí)，標(biāo)題要有概括性，要用標(biāo)題性的文字使訪問者快速了解網(wǎng)站所能提供的信息，可將具體內(nèi)容放到子頁(yè)里完成；要符合設(shè)計(jì)時(shí)的主題和風(fēng)格；文字與背景要合理搭配；整個(gè)頁(yè)面色彩選擇要統(tǒng)一。（2）網(wǎng)頁(yè)版式設(shè)計(jì)。在網(wǎng)頁(yè)設(shè)計(jì)中，網(wǎng)頁(yè)的版式設(shè)計(jì)以及色彩搭配是很重要的，字體的設(shè)計(jì)和圖片的放置都要考慮整個(gè)頁(yè)面的排版，要合理地運(yùn)用空間，使網(wǎng)頁(yè)疏密有致，井井有條，留下必要的空白，使瀏覽者感覺輕松，沒有壓抑感，但也要注意不能只追求版面效果而忽視功能方面的問題。（3）網(wǎng)頁(yè)背景。網(wǎng)頁(yè)背景設(shè)計(jì)不好會(huì)影響訪問者對(duì)整個(gè)網(wǎng)站的印象，選用的背景應(yīng)該與整套頁(yè)面的色調(diào)相協(xié)調(diào)。不同的顏色會(huì)給人不同的視覺心理感受，要合理運(yùn)用色彩，造成良好的視覺效果。使用圖片做背景時(shí)，要考慮大尺寸給傳輸速度帶來的影響。
5.網(wǎng)頁(yè)制作。網(wǎng)頁(yè)制作是通過應(yīng)用Photoshop、Illustrator等平面設(shè)計(jì)軟件的各種技術(shù)實(shí)現(xiàn)網(wǎng)頁(yè)策劃所要求的效果的過程。在制作時(shí)既要結(jié)合平面設(shè)計(jì)的基本知識(shí)，也要遵循網(wǎng)頁(yè)設(shè)計(jì)獨(dú)特的設(shè)計(jì)要求與原則。（1）網(wǎng)頁(yè)圖標(biāo)設(shè)計(jì)。圖標(biāo)是具有明確指代含義的具有標(biāo)識(shí)性質(zhì)的圖形，不僅是一種圖形，更是一種標(biāo)識(shí)，具有高度濃縮并快捷傳達(dá)信息、便于記憶的特性，應(yīng)用范圍很廣，例如各種交通標(biāo)志、學(xué)校的?；铡⑸唐返纳虡?biāo)等。圖標(biāo)也是網(wǎng)頁(yè)中重要的設(shè)計(jì)元素，應(yīng)根據(jù)不同的應(yīng)用有所區(qū)分，既可以用來標(biāo)識(shí)一個(gè)欄目，也可以作為鏈接元素實(shí)現(xiàn)網(wǎng)頁(yè)間的跳轉(zhuǎn)。精美的網(wǎng)頁(yè)設(shè)計(jì)圖標(biāo)往往能起到畫龍點(diǎn)睛的作用，從而提升軟件的視覺效果。網(wǎng)頁(yè)常用的圖標(biāo)有“導(dǎo)航圖標(biāo)”、“按鈕”、“標(biāo)志”等。圖標(biāo)設(shè)計(jì)要簡(jiǎn)單、直觀、可識(shí)別性強(qiáng)；要能準(zhǔn)確表達(dá)相應(yīng)的操作；按鈕的設(shè)計(jì)采用圖標(biāo)和文字可以提高圖標(biāo)的可用性；為吸引用戶眼球，顏色應(yīng)簡(jiǎn)潔；使用矢量格式可以讓圖標(biāo)隨意放大縮?。辉趯?dǎo)航欄上或網(wǎng)頁(yè)的某些地方使用合適的圖標(biāo)，不僅可以美化網(wǎng)站，還可以引領(lǐng)用戶瀏覽網(wǎng)頁(yè)。一般制作流程是先做出基本的外形，再進(jìn)行上色修飾，最后增加一些光影使其具有立體感。（2）導(dǎo)航欄設(shè)計(jì)。導(dǎo)航欄是網(wǎng)頁(yè)中用來裝飾和展示網(wǎng)頁(yè)的，是非常重要的組成部分，功能豐富的導(dǎo)航欄可以引導(dǎo)閱覽者獲取多方面的信息。導(dǎo)航欄的設(shè)計(jì)應(yīng)遵循“導(dǎo)航數(shù)量適當(dāng)”、“導(dǎo)航提示明確、清晰、醒目”等原則。（3）網(wǎng)頁(yè)色彩設(shè)計(jì)。網(wǎng)頁(yè)的色彩是網(wǎng)頁(yè)最重要的部分，是給訪問者登錄頁(yè)面時(shí)的第一印象，好的頁(yè)面色彩能給人帶來很強(qiáng)的視覺沖擊力，可以使瀏覽者對(duì)整個(gè)網(wǎng)站產(chǎn)生深刻印象。在設(shè)計(jì)網(wǎng)頁(yè)時(shí)如果忽視了色彩設(shè)計(jì)，網(wǎng)站最后的視覺效果可能與客戶期望不匹配。因此，設(shè)計(jì)時(shí)需要先了解網(wǎng)站的定位、網(wǎng)頁(yè)的風(fēng)格，學(xué)習(xí)有關(guān)的色彩知識(shí)，在此基礎(chǔ)上合理進(jìn)行色彩搭配。在配色時(shí)應(yīng)注意盡量將顏色控制在三種以內(nèi)，一般而言，網(wǎng)頁(yè)的背景色應(yīng)該柔和一些、素雅一些，如配上深色的文字，會(huì)使人看起來自然、舒暢，文字的顏色在不同底色的襯托下，會(huì)給人不同的視覺效果，設(shè)計(jì)時(shí)應(yīng)綜合考慮多方面的因素，設(shè)計(jì)出能產(chǎn)生好的視覺效果、能營(yíng)造整體氛圍的網(wǎng)頁(yè)。網(wǎng)頁(yè)設(shè)計(jì)還有很多方面的知識(shí)，教師可以給學(xué)生提供一些資料，讓學(xué)生通過自主學(xué)習(xí)掌握這些知識(shí)，提高學(xué)生的自學(xué)能力。
以我院計(jì)算機(jī)網(wǎng)絡(luò)專業(yè)為例,《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程設(shè)置了30實(shí)訓(xùn)課時(shí),其中實(shí)訓(xùn)安排在學(xué)期的后期,是以整周集中訓(xùn)練的方式進(jìn)行。而在實(shí)訓(xùn)之前,學(xué)生已經(jīng)進(jìn)行了理論和上機(jī)練習(xí),已經(jīng)針對(duì)重點(diǎn)難點(diǎn)訓(xùn)練了相關(guān)操作練習(xí)。我在實(shí)際教學(xué)中發(fā)現(xiàn),雖然學(xué)生經(jīng)過指導(dǎo)能夠完成課堂上布置的任務(wù),但往往是按照規(guī)定的操作步驟機(jī)械地操作,過后就忘,不足以培養(yǎng)學(xué)生獨(dú)立設(shè)計(jì)和制作網(wǎng)頁(yè)的能力。學(xué)生的操作依賴性仍然非常強(qiáng),并且長(zhǎng)期學(xué)習(xí)之后容易造成對(duì)早前知識(shí)點(diǎn)的遺忘。針對(duì)學(xué)生的這些問題,我制定了詳細(xì)的實(shí)訓(xùn)計(jì)劃,目的是培養(yǎng)他們?cè)趫F(tuán)隊(duì)中協(xié)作,獨(dú)力完成所承擔(dān)的網(wǎng)站需求分析、網(wǎng)站規(guī)劃、網(wǎng)頁(yè)設(shè)計(jì)、綜合測(cè)試等工作,從而使學(xué)生操作技能掌握牢靠,實(shí)現(xiàn)以技能培養(yǎng)為核心,符合職業(yè)崗位需求的應(yīng)用型、技能型人才的培養(yǎng)目標(biāo)。
一、實(shí)訓(xùn)過程
(一)開發(fā)動(dòng)員
項(xiàng)目開發(fā)前,要做好學(xué)生的學(xué)習(xí)動(dòng)員工作。讓學(xué)生了解實(shí)訓(xùn)的意義、所需的技術(shù)、學(xué)習(xí)方法以及考核辦法等方面的內(nèi)容。通過展示案例效果或者歷屆學(xué)生的優(yōu)秀作品等手段來啟發(fā)學(xué)生的學(xué)習(xí)興趣,使他們能夠積極主動(dòng)地參與到實(shí)訓(xùn)中來。
(二)分階段實(shí)施
在實(shí)訓(xùn)當(dāng)中,首先對(duì)各小組同學(xué)提出要求分工合作設(shè)計(jì)并制作一個(gè)表達(dá)某個(gè)主題的網(wǎng)站,通過網(wǎng)站的制作,綜合運(yùn)用本課程所學(xué)的知識(shí)。主題可以自行選擇如下內(nèi)容:科普、動(dòng)漫、體育、校園生活、旅游、教育、商務(wù)等。在接下來的2課時(shí)當(dāng)中,小組成員開始做網(wǎng)站需求分析,設(shè)計(jì)整個(gè)網(wǎng)站的框架,選定制作的各部分內(nèi)容,并由組長(zhǎng)組織完成一份完整的規(guī)劃書。在這一步驟當(dāng)中,教師提供適當(dāng)指導(dǎo),盡量由學(xué)生獨(dú)立完成,規(guī)劃出有個(gè)性有特色的網(wǎng)站。然后,由組長(zhǎng)進(jìn)行成員的任務(wù)分配,分頭搜集素材并進(jìn)行整理,共進(jìn)行2課時(shí)。在實(shí)訓(xùn)第一天結(jié)束時(shí),各組提交準(zhǔn)備工作小結(jié),在報(bào)告成績(jī)的同時(shí),小組各成員也對(duì)本組的準(zhǔn)備情況有所了解。在準(zhǔn)備工作完成后,實(shí)訓(xùn)進(jìn)入主要階段———設(shè)計(jì)制作網(wǎng)頁(yè)。這一階段需要18課時(shí)。在3天的時(shí)間當(dāng)中,各小組成員必須充分運(yùn)用自己所學(xué)到的知識(shí),并結(jié)合實(shí)際情況,獨(dú)立做出有個(gè)人風(fēng)格的網(wǎng)頁(yè)。由于有了前期充足的準(zhǔn)備工作,各小組成員迅速進(jìn)入狀態(tài),進(jìn)行了多方面的嘗試。在這一階段,教師必須充分提供指導(dǎo),引導(dǎo)學(xué)生結(jié)合所學(xué)的理論將自己的想法變成現(xiàn)實(shí),并提醒學(xué)生逐漸減少操作失誤,提高效率。在實(shí)訓(xùn)的收尾階段,還有一個(gè)較重要的步驟———調(diào)試。這個(gè)步驟是實(shí)訓(xùn)成果能否展現(xiàn)的關(guān)鍵,因?yàn)槿绻麤]有經(jīng)過充分的調(diào)試,網(wǎng)站有可能出現(xiàn)錯(cuò)誤鏈接、空鏈接等錯(cuò)誤。并且,這是一個(gè)將小組各成員獨(dú)立制作的網(wǎng)頁(yè)結(jié)合起來形成整體的過程。各組成員按照規(guī)劃書的指導(dǎo),有條不紊地完成調(diào)試步驟,共需4課時(shí)。在實(shí)訓(xùn)的最后2個(gè)課時(shí),學(xué)生完成試驗(yàn)報(bào)告,進(jìn)行歸納和總結(jié)。實(shí)訓(xùn)過程圖如下圖所示。
二、實(shí)訓(xùn)測(cè)評(píng)
本次實(shí)訓(xùn)測(cè)評(píng)跟以往不同,采取教師和學(xué)生共同評(píng)價(jià)的方式。首先請(qǐng)各組學(xué)生向全班展示所做網(wǎng)站,然后詳細(xì)介紹在制作中所用的技術(shù),再根據(jù)各組的表現(xiàn)給出各組的平均測(cè)評(píng)成績(jī),各成員的成績(jī)則是根據(jù)任務(wù)分配和完成情況在平均成績(jī)上有所增減。這樣做的好處是,一方面,這種評(píng)價(jià)方式有利于各組學(xué)生了解更多的信息,取長(zhǎng)補(bǔ)短;另一方面,區(qū)別打分可以避免部分同學(xué)濫竽充數(shù),有利于提高他們?cè)趯?shí)訓(xùn)中的積極性。由于評(píng)測(cè)結(jié)果比較理想,大多數(shù)學(xué)生都表示實(shí)訓(xùn)效果顯著。
三、實(shí)訓(xùn)教學(xué)方法總結(jié)
在實(shí)訓(xùn)過程中,采用了各種教學(xué)方法相結(jié)合進(jìn)行教學(xué):
(一)“任務(wù)驅(qū)動(dòng)”教學(xué)法
“任務(wù)驅(qū)動(dòng)”是指在教學(xué)的全過程中以具體的任務(wù)為中心,通過完成任務(wù)的過程,學(xué)習(xí)基本的知識(shí)和技能,有利于他們鞏固和應(yīng)用所學(xué)知識(shí)?！叭蝿?wù)驅(qū)動(dòng)”是將以傳授知識(shí)為主的教學(xué)理念,轉(zhuǎn)變?yōu)橐越鉀Q問題、完成任務(wù)為主的多維互動(dòng)式的教學(xué)理念;將再現(xiàn)式教學(xué)轉(zhuǎn)變?yōu)樘骄渴綄W(xué)習(xí),使學(xué)生始終處于積極的學(xué)習(xí)狀態(tài)。在學(xué)習(xí)過程中,學(xué)習(xí)活動(dòng)與任務(wù)相結(jié)合,以探索問題來引導(dǎo)和維持學(xué)習(xí)者的學(xué)習(xí)興趣和動(dòng)機(jī),創(chuàng)建真實(shí)的教學(xué)情境,讓學(xué)生帶著真實(shí)的任務(wù)去學(xué)習(xí),擁有學(xué)習(xí)的主動(dòng)權(quán)。
(二)啟發(fā)式教學(xué)
在實(shí)訓(xùn)中,與之前的被動(dòng)練習(xí)有所不同,學(xué)生必須獨(dú)立完成設(shè)計(jì)與制作。這就要求他們上網(wǎng)瀏覽大量的相關(guān)網(wǎng)頁(yè),學(xué)習(xí)優(yōu)秀網(wǎng)站的制作方法。在具體的制作中,學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索,對(duì)于網(wǎng)頁(yè)效果大膽做出假設(shè),由教師引導(dǎo)學(xué)生,通過自主學(xué)習(xí),尋求解決問題的思路和方法。通過這種方式,學(xué)生的學(xué)習(xí)思路得到擴(kuò)展,以學(xué)習(xí)的方式進(jìn)行復(fù)結(jié),大多數(shù)能夠獨(dú)立解決難題,這樣一來學(xué)生的自信心和學(xué)習(xí)積極性都得到了明顯提高。
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)；課程設(shè)計(jì)；教學(xué)方法
中圖分類號(hào)：G4 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：16723198（2012）16014701
網(wǎng)頁(yè)設(shè)計(jì)是高職計(jì)算機(jī)應(yīng)用專業(yè)一門操作性極強(qiáng)的必修專業(yè)課程，具有很強(qiáng)的崗位針對(duì)性，而現(xiàn)今傳統(tǒng)的計(jì)算機(jī)應(yīng)用專業(yè)畢業(yè)生的社會(huì)需求趨于飽和，單項(xiàng)專業(yè)性精通的人才卻明顯短缺。現(xiàn)今，各個(gè)高等院校紛紛開設(shè)了網(wǎng)頁(yè)設(shè)計(jì)的課程，培養(yǎng)網(wǎng)頁(yè)設(shè)計(jì)的專門人員，網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)顯得尤為重要。為此，為了提高網(wǎng)頁(yè)設(shè)計(jì)課程的教學(xué)質(zhì)量，筆者從課程設(shè)置特點(diǎn)、課程設(shè)計(jì)、教學(xué)內(nèi)容、教學(xué)方法、實(shí)驗(yàn)環(huán)節(jié)等多方面對(duì)本課程進(jìn)行了積極的探索，并總結(jié)如下。
1 明確課程地位，彰顯課程的特點(diǎn)
高職院校計(jì)算機(jī)應(yīng)用專業(yè)開設(shè)的網(wǎng)頁(yè)設(shè)計(jì)課程不是僅作為一門孤立課程存在的，它是要靠多門學(xué)科的知識(shí)給予支撐，并且它們之間相互滲透和依賴，而構(gòu)成的一個(gè)科學(xué)的、完整的課程體系。網(wǎng)頁(yè)設(shè)計(jì)課程的主要目的，是通過對(duì)本課程的學(xué)習(xí)，培養(yǎng)學(xué)生對(duì)該軟件的實(shí)際動(dòng)手使用和綜合應(yīng)用能力，使學(xué)生能夠運(yùn)用所學(xué)的知識(shí)進(jìn)行網(wǎng)頁(yè)設(shè)計(jì)，制作出專業(yè)的、精美的網(wǎng)頁(yè)頁(yè)面和網(wǎng)站站點(diǎn)，包括站點(diǎn)構(gòu)建、頁(yè)面設(shè)計(jì)、數(shù)據(jù)庫(kù)和網(wǎng)站后期維護(hù)和管理等。其中還重點(diǎn)體現(xiàn)在它的教學(xué)內(nèi)容實(shí)踐性較強(qiáng)，能極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生動(dòng)手能力，培養(yǎng)學(xué)生的專業(yè)興趣。教師在教學(xué)中也一定要注意理論與實(shí)踐相結(jié)合，實(shí)踐操作內(nèi)容是教學(xué)的基礎(chǔ)，應(yīng)該給予學(xué)生充足的動(dòng)手實(shí)踐機(jī)會(huì)，使學(xué)生在學(xué)中練、練中學(xué)。
2 了解社會(huì)需求，調(diào)整課程設(shè)計(jì)
在信息迅速膨脹、網(wǎng)絡(luò)飛速發(fā)展的今天，國(guó)際互聯(lián)網(wǎng)也正以其驚人的速度空前發(fā)展，我國(guó)互聯(lián)網(wǎng)的用戶正在持續(xù)遞增，該行業(yè)的人才缺口相當(dāng)驚人，預(yù)計(jì)我國(guó)在未來10年大約需要200萬(wàn)名企業(yè)商務(wù)網(wǎng)站設(shè)計(jì)專業(yè)人才。因此，針對(duì)社會(huì)市場(chǎng)崗位需求，課程設(shè)計(jì)也應(yīng)緊跟市場(chǎng)步伐，在課程設(shè)計(jì)中，應(yīng)突出對(duì)企業(yè)網(wǎng)站和電子商務(wù)網(wǎng)站建設(shè)方面技術(shù)的掌握，如訪問計(jì)數(shù)器、意見反饋單或各類商務(wù)單證、動(dòng)畫及廣告模式、商貿(mào)業(yè)務(wù)及相關(guān)熱門話題論壇、導(dǎo)航器及搜索引擎、菜單以及數(shù)據(jù)庫(kù)等。為此在對(duì)傳統(tǒng)網(wǎng)頁(yè)知識(shí)技術(shù)掌握的同時(shí)，還必須有其他相關(guān)知識(shí)點(diǎn)的穿插，在動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)和數(shù)據(jù)庫(kù)方面有待加強(qiáng)，這樣才能更符合社會(huì)市場(chǎng)的人才需求和對(duì)課程設(shè)計(jì)更具針對(duì)性。
3 及時(shí)更新知識(shí)，重組教學(xué)內(nèi)容
當(dāng)前計(jì)算機(jī)科學(xué)技術(shù)的日新月異，網(wǎng)頁(yè)設(shè)計(jì)技術(shù)不斷的更新，網(wǎng)頁(yè)設(shè)計(jì)軟件也層出不窮，學(xué)生對(duì)新知識(shí)的渴望也十分迫切，這就要求教師本身也要不斷的加強(qiáng)學(xué)習(xí)和專業(yè)技能培訓(xùn)，更新和強(qiáng)化新知識(shí)新技術(shù)，同時(shí)根據(jù)專業(yè)培養(yǎng)的目標(biāo)及企業(yè)的崗位需求重組符合實(shí)際的教學(xué)內(nèi)容。目前，網(wǎng)頁(yè)設(shè)計(jì)課程教學(xué)內(nèi)容是以Dreamweaver作為主要工具，其中以靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)作為學(xué)習(xí)的重點(diǎn)，主要培養(yǎng)設(shè)計(jì)人才，但在培養(yǎng)方面，也需要配以Flash、Photoshop等軟件的介紹，使學(xué)生在熟練掌握靜態(tài)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的基礎(chǔ)上，還應(yīng)掌握HTML語(yǔ)言、JAVASCRIPT腳本語(yǔ)言、VBSCRIPT腳本語(yǔ)言、ASP、數(shù)據(jù)庫(kù)等相關(guān)內(nèi)容，為學(xué)生今后更進(jìn)一步的學(xué)習(xí)打下堅(jiān)實(shí)的基礎(chǔ)。
4 注重因材施教，改革教學(xué)方法
早在孔孟時(shí)代就提出了“因材施教”和“授之以漁”的教育理念，學(xué)生在學(xué)習(xí)過程中，由于學(xué)生智能及動(dòng)手能力各有差異的，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)過程中，教師更應(yīng)該注重因材施教，教師可對(duì)本班學(xué)生情況進(jìn)行分類，根據(jù)學(xué)生實(shí)際水平的差異，對(duì)不同水平的學(xué)生給予不同的要求，設(shè)計(jì)基本要求和提高要求兩類題型，對(duì)能力較強(qiáng)的同學(xué)要求完成相應(yīng)提高部分的題目。為此，不同的學(xué)生、不同的要求，對(duì)教學(xué)方法提出了更高的要求，傳統(tǒng)的教學(xué)方法肯定不能適應(yīng)學(xué)生的需求，改革教學(xué)方法就顯得極為關(guān)鍵，網(wǎng)頁(yè)設(shè)計(jì)實(shí)際操作性很強(qiáng)，相比那些理論性的課程，學(xué)生更容易產(chǎn)生興趣，教師應(yīng)利用這個(gè)特點(diǎn)，注重培養(yǎng)學(xué)生的動(dòng)手能力，讓學(xué)生在實(shí)際操作的過程中發(fā)現(xiàn)問題并解決問題。同時(shí)，在教學(xué)過程中，教學(xué)方法還應(yīng)不斷摸索和創(chuàng)新，采用多種教學(xué)方法并重的方式，除常規(guī)的教學(xué)方法外，還可以采用案例教學(xué)法，任務(wù)驅(qū)動(dòng)教學(xué)法，講練結(jié)合等教學(xué)方法，整個(gè)教學(xué)過程主要以展示案例、分析案例、講解知識(shí)點(diǎn)、教師演示和學(xué)生操練，最后再進(jìn)行綜合案例的應(yīng)用，這樣既讓學(xué)生對(duì)案例有了實(shí)質(zhì)性的接觸和學(xué)習(xí)，又能充分的去完成對(duì)知識(shí)的自我構(gòu)建和強(qiáng)化實(shí)訓(xùn)。
5 加強(qiáng)實(shí)訓(xùn)環(huán)節(jié)，變革考核方式
網(wǎng)頁(yè)設(shè)計(jì)是一門操作性和實(shí)用性很強(qiáng)的實(shí)訓(xùn)課程，實(shí)訓(xùn)至關(guān)重要，要提高學(xué)生實(shí)踐動(dòng)手能力，必須加強(qiáng)實(shí)訓(xùn)環(huán)節(jié)。在教學(xué)過程中的教學(xué)任務(wù)都應(yīng)緊密圍繞教學(xué)內(nèi)容進(jìn)行來設(shè)計(jì)實(shí)訓(xùn)，每次課都經(jīng)過精心設(shè)計(jì)做成實(shí)訓(xùn)單元，每2節(jié)課為一個(gè)實(shí)訓(xùn)環(huán)節(jié)，并詳細(xì)描述實(shí)訓(xùn)要求、實(shí)訓(xùn)目標(biāo)、實(shí)訓(xùn)內(nèi)容及步驟等。學(xué)生實(shí)訓(xùn)時(shí)將具體網(wǎng)站案例進(jìn)行模塊化分工，全班進(jìn)行分小組完成各自實(shí)訓(xùn)模塊，并且實(shí)訓(xùn)完成后要求寫出完整的實(shí)訓(xùn)報(bào)告。同時(shí)，在對(duì)學(xué)生的考核方面，傳統(tǒng)的考試模式主要是以理論考試為主，而這種考試模式對(duì)該課程很不適應(yīng)，因此筆者將課程的考核分為三個(gè)部分：平時(shí)成績(jī)（20%）+理論成績(jī)（20%）+實(shí)訓(xùn)成績(jī)（60%），其中平時(shí)成績(jī)按每堂課的作業(yè)完成情況和學(xué)生考勤進(jìn)行打分；理論考試注重學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、基本理論的掌握，采用選擇題判斷題等客觀題的方式進(jìn)行，為學(xué)生進(jìn)一步的學(xué)習(xí)夯實(shí)基礎(chǔ)；實(shí)訓(xùn)考試則考查學(xué)生實(shí)際動(dòng)手能力，以便學(xué)生學(xué)完本課程后能有一技之長(zhǎng)，真正做到學(xué)以致用。
參考文獻(xiàn)
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；實(shí)訓(xùn)；拓展訓(xùn)練；項(xiàng)目實(shí)戰(zhàn)
中圖分類號(hào)：TP393 文獻(xiàn)標(biāo)識(shí)碼：A 文章編號(hào)：1674-7712 （2012） 16-0138-01
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門實(shí)踐性、操作性和創(chuàng)新性很強(qiáng)的課程，它能很好地鍛煉學(xué)生的動(dòng)手能力和團(tuán)隊(duì)協(xié)作能力，并且還能緊貼市場(chǎng)，做到以典型工作過程為導(dǎo)向，進(jìn)行實(shí)際項(xiàng)目的開發(fā)訓(xùn)練，使學(xué)生應(yīng)聘的時(shí)候不再只是有理論知識(shí)，而沒有任何實(shí)踐經(jīng)驗(yàn)。以此來真正做到理論、實(shí)踐并行，與企業(yè)的工作需求接軌，培養(yǎng)應(yīng)用型的專業(yè)人才。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程是我院多個(gè)專業(yè)的核心課程，如計(jì)算機(jī)應(yīng)用技術(shù)、網(wǎng)絡(luò)技術(shù)以及廣告設(shè)計(jì)等專業(yè)都開設(shè)了此門課程，該課程對(duì)學(xué)生的操作練習(xí)有較高的要求，實(shí)訓(xùn)的教學(xué)內(nèi)容都是融入在課堂教學(xué)中，由于課程安排的比較分散，不能有效地集中訓(xùn)練學(xué)生的動(dòng)手操作能力以及策劃設(shè)計(jì)網(wǎng)頁(yè)的能力，學(xué)生在學(xué)完該課程之后，有的不能獨(dú)立地完成網(wǎng)站規(guī)劃和頁(yè)面設(shè)計(jì)，有的設(shè)計(jì)效果不能達(dá)到預(yù)想的功能和視覺效果。因此，實(shí)訓(xùn)課程在《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中起著比較重要的作用。根據(jù)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的這一特點(diǎn)以及我的個(gè)人教學(xué)經(jīng)驗(yàn)，下面對(duì)《網(wǎng)頁(yè)設(shè)計(jì)與制作》實(shí)訓(xùn)教學(xué)談一下自己的意見和看法。
一、提高教師的專業(yè)技能
作為一名教師，他既是課堂的領(lǐng)路人，又是學(xué)生學(xué)習(xí)的輔導(dǎo)者，教師的專業(yè)水平直接影響著學(xué)生各方面能力的提高。職業(yè)教育傳授的不僅僅是理論知識(shí)，還要傳授學(xué)生操作技能，培養(yǎng)學(xué)生的動(dòng)手能力。在高職的教學(xué)中《網(wǎng)頁(yè)設(shè)計(jì)與制作》的實(shí)訓(xùn)課程主要就是培養(yǎng)學(xué)生的實(shí)踐動(dòng)手能力，要求學(xué)生能夠通過所學(xué)知識(shí)做出優(yōu)秀的作品，因此這門課程對(duì)學(xué)生的動(dòng)手實(shí)踐能力要求是非常高的，這就要求教師首先要具有較強(qiáng)的實(shí)踐操作能力，只有教師具有了一定的項(xiàng)目實(shí)踐經(jīng)驗(yàn)，才能充分地指導(dǎo)學(xué)生完成優(yōu)秀的網(wǎng)頁(yè)作品。因此，教師平時(shí)就要注重理論與實(shí)踐相結(jié)合，加強(qiáng)自己的企業(yè)實(shí)踐，在補(bǔ)充自身理論知識(shí)的同時(shí)，還要不斷提高自身的專業(yè)技能和實(shí)踐能力。
二、多種教學(xué)模式相結(jié)合，培養(yǎng)學(xué)生學(xué)習(xí)興趣
（一）通過優(yōu)秀作品賞析，激發(fā)學(xué)生的學(xué)習(xí)興趣
在授課初始階段，準(zhǔn)備一些精彩的網(wǎng)站案例，在課堂上演示。在展示優(yōu)秀網(wǎng)站案例的同時(shí)，學(xué)習(xí)網(wǎng)頁(yè)制作技術(shù)之前首先讓學(xué)生欣賞優(yōu)美網(wǎng)頁(yè)，教師分析網(wǎng)站的整體設(shè)計(jì)、網(wǎng)頁(yè)的結(jié)構(gòu)布局以及顏色搭配，讓學(xué)生邊欣賞網(wǎng)站，邊聽教師講解，在美的熏陶中，讓學(xué)生能夠感覺到一個(gè)好的網(wǎng)站不僅僅有宣傳推廣的作用，它更是一件藝術(shù)品，完成它是需要傾注心血的。
每個(gè)教學(xué)單元中都去展示相應(yīng)的網(wǎng)站案例，并且在網(wǎng)站案例展示的同時(shí)，引導(dǎo)學(xué)生去思考網(wǎng)站的美工、布局以及樣式等都是怎樣完成的，自己能否通過努力完成這樣優(yōu)秀的作品。幾節(jié)課下來，就有不少學(xué)生躍躍欲試，從而有效地調(diào)動(dòng)學(xué)生的積極性，激發(fā)學(xué)生的學(xué)習(xí)興趣。
（二）階段測(cè)試訓(xùn)練
通過過程考核，提高學(xué)生學(xué)習(xí)的緊迫感，鞏固學(xué)生的階段性學(xué)習(xí)成果。
首先教師布置本次課的實(shí)訓(xùn)任務(wù)，并分析其實(shí)訓(xùn)要點(diǎn)；然后學(xué)生根據(jù)本次任務(wù)開始制作網(wǎng)頁(yè)，教師進(jìn)行輔導(dǎo)；實(shí)訓(xùn)完成后教師對(duì)實(shí)訓(xùn)過程中出現(xiàn)的問題進(jìn)行分析解決，并選幾位學(xué)生的網(wǎng)頁(yè)作品進(jìn)行展示，其他學(xué)生對(duì)其進(jìn)行點(diǎn)評(píng)。
（三）拓展訓(xùn)練
可以通過課外興趣小組集體活動(dòng)等形式，提高學(xué)生的人文素養(yǎng)。課余時(shí)間充分利用網(wǎng)絡(luò)資源進(jìn)行課外拓展實(shí)踐，如果遇到疑難問題學(xué)生可以通過”E-mail”和“QQ留言”的方式與輔導(dǎo)教師取得聯(lián)系、化解難題。利用課外拓展實(shí)踐的方法對(duì)于能力強(qiáng)的學(xué)生可以進(jìn)一步提高他們的操作技能；對(duì)于能力差的學(xué)生可以解決他們存在的問題。
（四）項(xiàng)目實(shí)戰(zhàn)訓(xùn)練
將實(shí)際項(xiàng)目引入進(jìn)教學(xué)，并對(duì)其進(jìn)行任務(wù)分解。
例如讓學(xué)生制作各行業(yè)的門戶網(wǎng)站，首先教師以客戶的角色為學(xué)生布置項(xiàng)目，學(xué)生進(jìn)行市場(chǎng)調(diào)研，撰寫需求分析報(bào)告；然后學(xué)生自己制定項(xiàng)目實(shí)施計(jì)劃，進(jìn)行項(xiàng)目設(shè)計(jì)實(shí)施；教師再以客戶的角色驗(yàn)收項(xiàng)目，進(jìn)行評(píng)價(jià)；最后學(xué)生撰寫項(xiàng)目總結(jié)。以這樣一個(gè)過程讓學(xué)生在開發(fā)實(shí)際項(xiàng)目中提高職業(yè)能力，培養(yǎng)他們的工程意識(shí)。
三、增加實(shí)訓(xùn)課程的課時(shí)，提高學(xué)生的動(dòng)手能力
實(shí)訓(xùn)課程主要是在強(qiáng)化理論知識(shí)的同時(shí)提高學(xué)生的操作技能，因此實(shí)訓(xùn)課程必須是以學(xué)生操作為主，教師輔導(dǎo)為輔，在實(shí)訓(xùn)過程中幫助學(xué)生解決遇到的問題。從網(wǎng)站的策劃、素材的搜集到網(wǎng)站頁(yè)面的設(shè)計(jì)布局、網(wǎng)頁(yè)的制作以及網(wǎng)站的測(cè)試與等等，學(xué)生都要自己獨(dú)立去完成，在整個(gè)實(shí)訓(xùn)過程中學(xué)生會(huì)遇到不同程度的問題，教師可以在旁協(xié)助。學(xué)生就在這樣一個(gè)不斷遇到問題、解決問題的過程中提高自己的能力。實(shí)訓(xùn)結(jié)束后有不少學(xué)生會(huì)感慨到實(shí)訓(xùn)一個(gè)禮拜比上一個(gè)學(xué)期的課學(xué)到的知識(shí)要多很多。因此實(shí)訓(xùn)不僅僅是學(xué)生制作網(wǎng)站的過程，更是學(xué)生自我學(xué)習(xí)，自我提高，自我評(píng)價(jià)的過程。
同時(shí)實(shí)訓(xùn)的環(huán)境也是非常重要的，實(shí)訓(xùn)課程基本都是在微機(jī)室完成的，在微機(jī)室里學(xué)生可以實(shí)現(xiàn)一人一機(jī)，并且每臺(tái)電腦都直接與互聯(lián)網(wǎng)相連，學(xué)生在實(shí)訓(xùn)過程中，可以上網(wǎng)查找相關(guān)資料，搜集所需素材，解決實(shí)訓(xùn)中遇到的問題，同時(shí)還可以直接通過教師、同學(xué)的幫助快速解決問題。
四、結(jié)束語(yǔ)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是一門專業(yè)性很強(qiáng)的課程，在教學(xué)過程中突破傳統(tǒng)理論教學(xué)和講解為主的模式，把課程中的理論內(nèi)容，合理地穿插到實(shí)踐教學(xué)中，把原來枯燥、單調(diào)的講解通過實(shí)踐環(huán)節(jié)讓學(xué)生消化和掌握。通過實(shí)訓(xùn)達(dá)到高職高專學(xué)生的培養(yǎng)目標(biāo)。體現(xiàn)以學(xué)生為本，最大限度地調(diào)動(dòng)學(xué)生自主學(xué)習(xí)的積極性，培養(yǎng)了學(xué)生的綜合能力，使學(xué)生掌握一門技巧，這樣對(duì)教師也是一種鍛煉和提高。
參考文獻(xiàn)：
[1]瞿江.淺談網(wǎng)頁(yè)制作實(shí)訓(xùn)教學(xué)[J].電腦知識(shí)與技術(shù)，2011，26.
關(guān)鍵詞：網(wǎng)頁(yè)設(shè)計(jì)與制作；教學(xué)內(nèi)容；教學(xué)方法
中圖分類號(hào)：G642文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：1009-3044(2012)08-1864-03
"Webpage Design and Making" Curriculum Teaching Method Exploration
FAN Yi-hong
(Electronic Information Engineering College, Henan University of Science and Technology, Luoyang 471003, China)
Abstract: Webpage design and making course has the characteristics of strong practicality and wide knowledge, how to improve the teaching effect of the course is the question that should be solved urgently. According to the author’s practical teaching experience, the paper conducts the research and the summary from the aspect of the course objectives, course content, teaching method, curriculum practice, training and other teaching links, and it achieved good results in actual teaching。
Key words: Webpage design and making; Content of courses; Teaching method
隨著計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)的迅猛發(fā)展和網(wǎng)絡(luò)應(yīng)用的日益廣泛，Internet在人們的生活、學(xué)習(xí)和工作中的地位顯得越來越重要，上網(wǎng)沖浪已經(jīng)成為現(xiàn)代人生活的一個(gè)重要部分。信息技術(shù)的高速發(fā)展，使人們通過網(wǎng)絡(luò)來個(gè)人或者企業(yè)的信息、推廣企業(yè)產(chǎn)品已成為一種流行的趨勢(shì)。網(wǎng)頁(yè)已經(jīng)成為信息共享和傳播的主要載體，掌握網(wǎng)頁(yè)的制作和網(wǎng)站的管理等內(nèi)容已成為現(xiàn)代人必備的一種技能。
《網(wǎng)頁(yè)設(shè)計(jì)與制作》是軟件技術(shù)、計(jì)算機(jī)多媒體技術(shù)、計(jì)算機(jī)網(wǎng)絡(luò)技術(shù)、信息技術(shù)、信息管理、計(jì)算機(jī)應(yīng)用等專業(yè)公共的必修課程，也是許多高校的公共選修課，具有實(shí)踐性強(qiáng)和知識(shí)面廣的特點(diǎn)。該課程要求學(xué)生掌握HTML語(yǔ)言、CSS+DIV、JavaScript語(yǔ)言、Photoshop圖像處理、flas制作等基本知識(shí)，為后繼課程《動(dòng)態(tài)網(wǎng)頁(yè)設(shè)計(jì)》、《計(jì)算機(jī)網(wǎng)絡(luò)》等打下牢固基礎(chǔ)，因此該課程具有知識(shí)點(diǎn)多、操作性強(qiáng)的特點(diǎn)。如何提高《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)質(zhì)量，是亟待解決的問題。根據(jù)近年來對(duì)網(wǎng)頁(yè)課程的講授經(jīng)驗(yàn)，筆者從課程目標(biāo)、課程內(nèi)容、教學(xué)方法、課程實(shí)踐、課程實(shí)訓(xùn)等幾個(gè)教學(xué)環(huán)節(jié)對(duì)該課程進(jìn)行了一些研究和總結(jié)。
1理論教學(xué)
1.1課程目標(biāo)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：
1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；
2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；
3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；
4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫的簡(jiǎn)單設(shè)計(jì)；
5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1 HTML網(wǎng)頁(yè)設(shè)計(jì)
重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)。“知其然，知其所以然”是我們的目標(biāo)。
1.2.2 DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)
DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得 網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。
該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3 Photoshop圖像處理
重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。
課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。1.2.4 Flas制作
重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫制作、運(yùn)動(dòng)漸變動(dòng)畫制作、形狀漸變動(dòng)畫制作、引導(dǎo)動(dòng)畫制作、遮罩動(dòng)畫制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5 JavaScript程序設(shè)計(jì)
JavaScript是目前Web客戶端開發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法
該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。
教學(xué)過程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法
根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法
在課堂上采用案例教學(xué)法，通過精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過程。比如在講解HTML的標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過一個(gè)綜合實(shí)例――具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)
結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1 HTML網(wǎng)頁(yè)設(shè)計(jì)
實(shí)驗(yàn)1 HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5 HTML綜合實(shí)例。
2.1.2 DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)
實(shí)驗(yàn)1 CSS文字排版、實(shí)驗(yàn)2 CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4 CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3 Photoshop圖像處理
實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4 Flas制作
實(shí)驗(yàn)1 Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫的制作、實(shí)驗(yàn)5逐幀動(dòng)畫的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5 JavaScript程序設(shè)計(jì)
實(shí)驗(yàn)1 JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3 JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4 JavaScript事件處理、實(shí)驗(yàn)5 Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建
為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)
鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面
組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：
1）舉辦講座：資深開發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；
2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。
這些活動(dòng)的開展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)
網(wǎng)頁(yè)的制作不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。
實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。
平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問題想辦法解決，學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。
課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
4結(jié)束語(yǔ)
明確的教學(xué)目標(biāo)、豐富的教學(xué)內(nèi)容、科學(xué)的教學(xué)方法、有效的教學(xué)手段大大增強(qiáng)了學(xué)生主動(dòng)參與學(xué)習(xí)的積極性。隨著網(wǎng)頁(yè)技術(shù)的進(jìn)一步發(fā)展和進(jìn)步，網(wǎng)頁(yè)設(shè)計(jì)與制作課程的教學(xué)還必須與時(shí)俱進(jìn)，不斷的改革和創(chuàng)新，教師只有不斷的學(xué)習(xí)新的教學(xué)理論，掌握現(xiàn)代化的教學(xué)手段，才能勝任高效教育工作，為社會(huì)培養(yǎng)高素質(zhì)的技術(shù)應(yīng)用型人才。
參考文獻(xiàn)：
[1]李偉,鄧紅濤,曹傳東.《網(wǎng)頁(yè)設(shè)計(jì)》課程實(shí)踐性教學(xué)改革與創(chuàng)新研究[J].改革與創(chuàng)新,2011(12):103-104.
1理論教學(xué)
1.1課程目標(biāo)
《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫的簡(jiǎn)單設(shè)計(jì)；5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1HTML網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)。“知其然，知其所以然”是我們的目標(biāo)。
1.2.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3Photoshop圖像處理重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。
1.2.4Flas制作重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫制作、運(yùn)動(dòng)漸變動(dòng)畫制作、形狀漸變動(dòng)畫制作、引導(dǎo)動(dòng)畫制作、遮罩動(dòng)畫制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5JavaScript程序設(shè)計(jì)JavaScript是目前Web客戶端開發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法
該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。教學(xué)過程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法在課堂上采用案例教學(xué)法，通過精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過程。比如在講解HTML的<img>標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過一個(gè)綜合實(shí)例——具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)
結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1HTML網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5HTML綜合實(shí)例。
2.1.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1CSS文字排版、實(shí)驗(yàn)2CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3Photoshop圖像處理實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4Flas制作實(shí)驗(yàn)1Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫的制作、實(shí)驗(yàn)5逐幀動(dòng)畫的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5JavaScript程序設(shè)計(jì)實(shí)驗(yàn)1JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4JavaScript事件處理、實(shí)驗(yàn)5Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建
為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)
鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面
組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：1）舉辦講座：資深開發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。這些活動(dòng)的開展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)網(wǎng)頁(yè)的制作
不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問題想辦法解決，學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
1理論教學(xué)
1.1課程目標(biāo)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程內(nèi)容包括HTML、CSS+DIV、JavaScript、Photoshop、Flash，本課程的教學(xué)目標(biāo)是：1)使學(xué)生掌握HTML基本知識(shí)，熟練掌握靜態(tài)網(wǎng)頁(yè)制作技能；2)使學(xué)生能夠掌握流行的CSS+DIV網(wǎng)頁(yè)設(shè)計(jì)技術(shù)，適應(yīng)網(wǎng)頁(yè)設(shè)計(jì)社會(huì)最新需求；3)使學(xué)生能夠用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的設(shè)計(jì)并能夠切圖輸出；4)使學(xué)生能夠用Flash進(jìn)行網(wǎng)頁(yè)動(dòng)畫的簡(jiǎn)單設(shè)計(jì)；5)使學(xué)生能夠掌握J(rèn)avaScript簡(jiǎn)單程序設(shè)計(jì)，能夠?qū)崿F(xiàn)網(wǎng)頁(yè)的各種動(dòng)態(tài)效果。
1.2課程內(nèi)容
1.2.1HTML網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)包括網(wǎng)頁(yè)設(shè)計(jì)基礎(chǔ)知識(shí)、用HTML設(shè)置文本和圖像、列表、超鏈接與框架、表格、表單、網(wǎng)頁(yè)制作工具Dreamweaver的基本操作，網(wǎng)站管理、Dreamweaver模板等。在進(jìn)行課程設(shè)計(jì)時(shí)，突出HTML代碼的教學(xué)，而對(duì)制作網(wǎng)頁(yè)的工具Dreamweaver則著重于操作能力和動(dòng)手能力的培養(yǎng)?！爸淙?，知其所以然”是我們的目標(biāo)。
1.2.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)DIV+CSS是目前網(wǎng)頁(yè)的主流布局方式，DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)技術(shù)使得網(wǎng)頁(yè)的表現(xiàn)與內(nèi)容相分離，提高了頁(yè)面瀏覽速度，并且使得網(wǎng)站易于維護(hù)和改版，因此，在網(wǎng)頁(yè)設(shè)計(jì)教學(xué)中DIV+CSS成為核心的內(nèi)容，并將對(duì)傳統(tǒng)的網(wǎng)頁(yè)設(shè)計(jì)教學(xué)產(chǎn)生較大的影響。該部分重點(diǎn)知識(shí)包括CSS基本語(yǔ)法、用CSS設(shè)置文本、圖像樣式、用CSS設(shè)置超鏈接與導(dǎo)航、用CSS設(shè)置表格和表單樣式、CSS盒子模型、盒子的浮動(dòng)與定位、CSS+DIV布局方法剖析。教學(xué)中通過大量的實(shí)際應(yīng)用，反復(fù)的練習(xí)，使學(xué)生真正掌握CSS+DIV的精髓，并體會(huì)其在設(shè)計(jì)網(wǎng)頁(yè)方面的優(yōu)越性。
1.2.3Photoshop圖像處理重點(diǎn)包括Photoshop基本工具的用法，選區(qū)操作、圖層操作、圖像變換、色彩調(diào)整、文字操作、繪畫工具、通道、路徑、融合、圖層樣式、文字樣式及濾鏡等，目的在于能夠用Photoshop設(shè)計(jì)美觀、清新大方的網(wǎng)頁(yè)效果圖并且能把網(wǎng)頁(yè)效果圖切片導(dǎo)出。注重學(xué)習(xí)工具的使用和圖片的處理方法。課堂教學(xué)中應(yīng)注意培養(yǎng)學(xué)生的創(chuàng)新意識(shí)，突出“網(wǎng)頁(yè)設(shè)計(jì)重在創(chuàng)意”的理念。尤其對(duì)于動(dòng)漫廣告等專業(yè)要發(fā)揮學(xué)生們美術(shù)方面優(yōu)勢(shì)，將計(jì)算機(jī)技術(shù)與美術(shù)相互滲透和融合，將網(wǎng)頁(yè)作品當(dāng)作一份具有生命力的完美藝術(shù)品。
1.2.4Flas制作重點(diǎn)包括層的概念，工具的使用，逐幀動(dòng)畫制作、運(yùn)動(dòng)漸變動(dòng)畫制作、形狀漸變動(dòng)畫制作、引導(dǎo)動(dòng)畫制作、遮罩動(dòng)畫制作，元件的使用，基本動(dòng)作的使用，在網(wǎng)頁(yè)中使用Flash的目的是讓網(wǎng)頁(yè)變得更加生動(dòng)形象，因此在學(xué)習(xí)技術(shù)的同時(shí)更要注意網(wǎng)頁(yè)動(dòng)畫的組織形式，與網(wǎng)頁(yè)協(xié)調(diào)。
1.2.5JavaScript程序設(shè)計(jì)JavaScript是目前Web客戶端開發(fā)的主要編程語(yǔ)言，也是Ajax的核心技術(shù)之一。該部分重點(diǎn)知識(shí)包括JavaScript編程基礎(chǔ)，變量、數(shù)據(jù)類型和表達(dá)式，流程控制，函數(shù)，對(duì)象編程，文檔對(duì)象模型與事件驅(qū)動(dòng)，窗口、文檔和表單對(duì)象，級(jí)聯(lián)樣式表（CSS）技術(shù)，動(dòng)態(tài)對(duì)象和Cookies及安全等，JavaScript中的XML、Ajax技術(shù)以及JavaScript實(shí)用技巧與高級(jí)應(yīng)用。
1.3教學(xué)方法該課程的教學(xué)實(shí)踐性較強(qiáng)，知識(shí)覆蓋面廣，在教學(xué)中要極大的激發(fā)學(xué)生的參與性，鍛煉學(xué)生的動(dòng)手能力，培養(yǎng)學(xué)生的學(xué)習(xí)興趣。注意引導(dǎo)學(xué)生學(xué)習(xí)理論與實(shí)踐相結(jié)合，將理論應(yīng)用于實(shí)踐。教學(xué)過程中大膽運(yùn)用模塊教學(xué)法、案例教學(xué)法等教學(xué)手段，充分調(diào)動(dòng)了學(xué)生的積極性和創(chuàng)造性，教學(xué)效果明顯提高。
1.3.1模塊教學(xué)法根據(jù)教學(xué)內(nèi)容的不同特點(diǎn)，將整個(gè)《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程的教學(xué)分為五個(gè)階段，第一階段使學(xué)生熟悉并掌握HTML語(yǔ)言；第二階段重點(diǎn)在于CSS樣式表以及CSS+DIV布局方法；第三階段在于利用Photoshop進(jìn)行網(wǎng)頁(yè)效果圖的制作，并將圖片切片輸出；第四階段在于利用Flash制作動(dòng)畫；第五階段在于JavaScript程序設(shè)計(jì)；每一階段要給據(jù)內(nèi)容不同、重點(diǎn)不同采用不同的教學(xué)方法。比如在第一階段，要學(xué)生學(xué)會(huì)并熟記HTML標(biāo)記的用法，這就要通過大量小實(shí)例練習(xí)；在第二階段主要進(jìn)行頁(yè)面整體布局的練習(xí)，學(xué)習(xí)如何把整個(gè)網(wǎng)頁(yè)分成不同層次的塊，然后再學(xué)習(xí)每一塊的設(shè)計(jì)方法，只有通過全面的練習(xí)，才能掌握豐富多彩的網(wǎng)頁(yè)設(shè)計(jì)方法；第五階段則主要學(xué)習(xí)最新流行的網(wǎng)頁(yè)效果的設(shè)計(jì)，重點(diǎn)在于網(wǎng)頁(yè)程序的設(shè)計(jì)。每一階段的教學(xué)內(nèi)容完成后，在機(jī)房組織小測(cè)驗(yàn)，以實(shí)現(xiàn)分階段達(dá)標(biāo)，最終使學(xué)生完成該門課程的學(xué)習(xí)任務(wù)。
1.3.2案例教學(xué)法在課堂上采用案例教學(xué)法，通過精心挑選案例，明確提出需要掌握的知識(shí)點(diǎn)及操作技能，以案例帶動(dòng)知識(shí)點(diǎn)，貫穿整個(gè)教學(xué)過程。比如在講解HTML的<img>標(biāo)記時(shí)，圖片的路徑學(xué)生很容易出錯(cuò)，通過一些小實(shí)例講解該標(biāo)記在網(wǎng)頁(yè)實(shí)際設(shè)計(jì)中要注意的問題，學(xué)生就很容易掌握；HTML基本標(biāo)記學(xué)完后，通過一個(gè)綜合實(shí)例——具有多個(gè)網(wǎng)頁(yè)的網(wǎng)站的設(shè)計(jì)，綜合應(yīng)用HTML語(yǔ)法，達(dá)到復(fù)習(xí)和融會(huì)貫通的效果；再比如在講解JavaScript程序設(shè)計(jì)時(shí)，理論的講解貫穿在許多流行的JavaScript實(shí)例中講解，極大地提高了學(xué)生的學(xué)習(xí)積極性。
2課程實(shí)踐
2.1實(shí)驗(yàn)題目的設(shè)計(jì)結(jié)合理論教學(xué)，設(shè)計(jì)配套的實(shí)驗(yàn)題目，對(duì)鞏固課堂效果具有重要的作用。對(duì)于上文提到的五個(gè)階段，分別設(shè)計(jì)相應(yīng)的實(shí)驗(yàn)題目。
2.1.1HTML網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1HTML基本標(biāo)記練習(xí)、實(shí)驗(yàn)2框架與超鏈接、實(shí)驗(yàn)3表格練習(xí)、實(shí)驗(yàn)4表單練習(xí)、實(shí)驗(yàn)5HTML綜合實(shí)例。
2.1.2DIV+CSS網(wǎng)頁(yè)設(shè)計(jì)實(shí)驗(yàn)1CSS文字排版、實(shí)驗(yàn)2CSS網(wǎng)頁(yè)布局、實(shí)驗(yàn)3背景設(shè)置、實(shí)驗(yàn)4CSS導(dǎo)航菜單設(shè)計(jì)、實(shí)驗(yàn)5綜合實(shí)例。
2.1.3Photoshop圖像處理實(shí)驗(yàn)1圖層的實(shí)驗(yàn)、實(shí)驗(yàn)2選區(qū)的練習(xí)、實(shí)驗(yàn)3圖像的繪制練習(xí)、實(shí)驗(yàn)4圖像的編輯練習(xí)、實(shí)驗(yàn)5文本的應(yīng)用、實(shí)驗(yàn)6綜合實(shí)例。
2.1.4Flas制作實(shí)驗(yàn)1Flash多種工具的使用、實(shí)驗(yàn)2變形動(dòng)畫的制作、實(shí)驗(yàn)3運(yùn)動(dòng)動(dòng)畫的制作、實(shí)驗(yàn)4引導(dǎo)（路徑）動(dòng)畫的制作、實(shí)驗(yàn)5逐幀動(dòng)畫的制作、實(shí)驗(yàn)6綜合實(shí)例。
2.1.5JavaScript程序設(shè)計(jì)實(shí)驗(yàn)1JavaScript程序設(shè)計(jì)案例、實(shí)驗(yàn)2用JavaScript制作網(wǎng)頁(yè)特效、實(shí)驗(yàn)3JavaScript內(nèi)置函數(shù)和對(duì)象、實(shí)驗(yàn)4JavaScript事件處理、實(shí)驗(yàn)5Dom操作實(shí)例。
2.2自學(xué)模式的創(chuàng)建為學(xué)生創(chuàng)建良好的自學(xué)環(huán)境。我們建立了該課程的課程網(wǎng)站，學(xué)生可以下載教師的多媒體課件、實(shí)驗(yàn)指導(dǎo)、相關(guān)學(xué)習(xí)文檔、視頻講座資料等，課程網(wǎng)站還提供大量的題庫(kù)，包括選擇題、填空題、判斷題、問答題、設(shè)計(jì)題，學(xué)生登錄后可以自由練習(xí)，從而達(dá)到了消化課堂所講知識(shí)點(diǎn)、提高學(xué)習(xí)效果、激發(fā)學(xué)習(xí)興趣的目的。這種做法豐富了教學(xué)手段，開辟了學(xué)生自學(xué)天地。
2.3參與教師科研，以研促學(xué)鼓勵(lì)和吸收成績(jī)優(yōu)秀的學(xué)生參與教師的科研活動(dòng)，以科研促教學(xué)。學(xué)院自行開發(fā)的學(xué)院網(wǎng)站、學(xué)生評(píng)教系統(tǒng)、教務(wù)管理系統(tǒng)等都有學(xué)生參與，同時(shí)，學(xué)院的許多活動(dòng)開展后，都安排學(xué)生設(shè)計(jì)相應(yīng)的網(wǎng)站，這樣使得該課程的教學(xué)水平不斷提高。
2.4成立網(wǎng)頁(yè)興趣小組，拓寬知識(shí)面組織成立網(wǎng)頁(yè)課程的興趣學(xué)習(xí)小組，具體活動(dòng)包括：1）舉辦講座：資深開發(fā)人員的經(jīng)驗(yàn)報(bào)告，網(wǎng)頁(yè)知識(shí)講座；2）舉辦競(jìng)賽：我院已成功舉辦兩屆網(wǎng)頁(yè)與flash設(shè)計(jì)大賽。這些活動(dòng)的開展深受廣大師生的好評(píng)，激發(fā)了學(xué)生對(duì)網(wǎng)頁(yè)設(shè)計(jì)技術(shù)的興趣，培養(yǎng)了學(xué)生的動(dòng)手能力和創(chuàng)新能力。
3課程實(shí)訓(xùn)
網(wǎng)頁(yè)的制作不僅要求制作者有熟練的網(wǎng)頁(yè)制作技術(shù)，還要有一定的藝術(shù)設(shè)計(jì)能力，因此在掌握網(wǎng)頁(yè)設(shè)計(jì)基本技術(shù)的基礎(chǔ)上，課程實(shí)訓(xùn)主要培養(yǎng)學(xué)生設(shè)計(jì)能力、創(chuàng)作能力和對(duì)所學(xué)知識(shí)的綜合運(yùn)用能力，學(xué)生需要獨(dú)立完成一個(gè)表達(dá)特定主題的網(wǎng)站，要求參加實(shí)訓(xùn)的學(xué)生在規(guī)定的時(shí)間完成網(wǎng)頁(yè)效果圖的設(shè)計(jì)并切圖輸出，最終在Dreamweaver中布局成網(wǎng)頁(yè)。實(shí)訓(xùn)主要內(nèi)容包括素材的搜集、網(wǎng)頁(yè)整體布局設(shè)計(jì)，網(wǎng)頁(yè)代碼的編寫、調(diào)試。實(shí)訓(xùn)時(shí)間是32學(xué)時(shí)，實(shí)訓(xùn)結(jié)束后，學(xué)生不僅要提交設(shè)計(jì)報(bào)告、Photoshop制作的網(wǎng)頁(yè)效果圖和網(wǎng)頁(yè)代碼，還要進(jìn)行現(xiàn)場(chǎng)答辯，這些對(duì)學(xué)生都是很好的鍛煉。最后教師根據(jù)學(xué)生所交作品的效果、原創(chuàng)性、復(fù)雜性等情況進(jìn)行成績(jī)的評(píng)定。平時(shí)實(shí)驗(yàn)課上學(xué)生總是按教師給定的素材，給定的效果進(jìn)行實(shí)驗(yàn)，主要注重的是設(shè)計(jì)方法和網(wǎng)頁(yè)代碼的學(xué)習(xí)，在實(shí)訓(xùn)中,素材需要學(xué)生自己搜集，效果圖需要自己制作，網(wǎng)站的制作方法自己確定。這就要求他們上網(wǎng)查詢大量的資料，遇到問題想辦法解決學(xué)生帶著問題進(jìn)行學(xué)習(xí)和探索，培養(yǎng)了學(xué)生的探索創(chuàng)新能力。課程實(shí)訓(xùn)不僅鞏固了學(xué)生網(wǎng)頁(yè)代碼的設(shè)計(jì)能力，更是從網(wǎng)站策劃、網(wǎng)頁(yè)的界面設(shè)計(jì)，網(wǎng)站的風(fēng)格、配色、布局、Photoshop軟件的應(yīng)用等多方面對(duì)學(xué)生進(jìn)行了訓(xùn)練，為學(xué)生能夠做出美觀而又實(shí)用的網(wǎng)頁(yè)打下了牢固的基礎(chǔ)。
