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