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