淺談《網(wǎng)頁設(shè)計與制作》課程教學(xué)的得與失

摘要：高職教學(xué)中各個專業(yè)開設(shè)的《網(wǎng)頁設(shè)計與制作》這門公共基礎(chǔ)課程，如何使學(xué)生能在《網(wǎng)頁設(shè)計與制作》這門新興的設(shè)計類和網(wǎng)絡(luò)的交叉學(xué)科學(xué)習中，迅速掌握網(wǎng)頁的布局，頁面設(shè)計以及頁面布局制作等方面的知識]代碼及技巧。本文在教學(xué)過程中如何定位它的教學(xué)目標，如何教學(xué)才能收到好的教學(xué)效果。本人從事多年教學(xué)后總結(jié)出一些得與失，以利于今后進一步提高教學(xué)質(zhì)量。

關(guān)鍵詞：《網(wǎng)頁設(shè)計與制作》；高職教學(xué)；網(wǎng)絡(luò)；公共基礎(chǔ)課程

中圖分類號：G642 文獻標識碼：A 文章編號：1007-9599 （2012） 22-0000-02

《網(wǎng)頁設(shè)計與制作》這門課程也成為高職學(xué)校計算機相關(guān)專業(yè)的一門必修公共基礎(chǔ)課。

《網(wǎng)頁設(shè)計與制作》教學(xué)有別于其他計算機軟件的教學(xué)，它具有較強的實踐性。在教學(xué)中應(yīng)充分發(fā)揮學(xué)生學(xué)習的主觀能動性。老師在授課過程中可采取多種方式實施教學(xué)，采用先展示實例再引入課題的方式激發(fā)了學(xué)生的學(xué)習興趣。

1 《網(wǎng)頁設(shè)計與制作》這門課程在高職學(xué)校目前教學(xué)的現(xiàn)狀

我這幾從年在高職學(xué)校的《網(wǎng)頁設(shè)計與制作》這門公共基礎(chǔ)課程教學(xué)過程中，感受到該門課程有較強的實踐性，任課老師在上實訓(xùn)課時，每次上課不僅要準備好一些實例用于演示給學(xué)生，還要從實例中設(shè)計出一些知識點和難點，要做到難宜適度。

比如，先讓學(xué)生做網(wǎng)頁設(shè)計與制作書中的第一個實例——文字跟蹤鼠標效果的過程，設(shè)計簡單，效果明顯，非常順利。從而一定程度上使部分學(xué)生克服了對于代碼學(xué)習的畏難情緒。此時我并沒有繼續(xù)講解第二個實例，而是適時地給學(xué)生講解收上的有關(guān)實現(xiàn)該網(wǎng)頁特效的JavaScript代碼的關(guān)鍵函數(shù)以及語句。將生澀的代碼語言結(jié)合實際效果展示給學(xué)生，啟發(fā)學(xué)生的思維嘗試去理解代碼語言的邏輯，達到了化繁為簡的效果。教學(xué)中我先介紹書上的例題，然后給出一些相似的實例效果，讓學(xué)生自己思考、設(shè)計、完善。通過這種方式不僅發(fā)揮了學(xué)生的主動性和創(chuàng)造性，更是讓他們把在課堂上學(xué)到的理論性的知識與實踐相結(jié)合的過程。同時，在學(xué)生實踐的過程中，老師要根據(jù)不同的情況把所教的內(nèi)容擴充到教材以外的內(nèi)容，有一定的深度及廣度。

2 目前學(xué)生作品中存在的主要問題

學(xué)習《網(wǎng)頁設(shè)計與制作》這門課程的主要考核是在于學(xué)生是否能夠獨立地完成一個網(wǎng)站的設(shè)計與制作，也就是學(xué)生的實驗實踐過程。學(xué)生在操作中會涉及計算機圖像處理、文字版面處理等相關(guān)知識，作為初學(xué)者，學(xué)生們會將各種信息諸如文字，圖片，動畫等不加考慮的塞到頁面上，有多少放多少，不加以規(guī)范、整理。設(shè)計網(wǎng)頁頁面時做的很花哨，采用較深的帶有花哨圖案的圖片作為背景，嚴重干擾了網(wǎng)頁頁面的美觀。同時有些學(xué)生還采用了顏色各異，風格不同的圖片，文字，動畫。有時篡改他人頁面作為借用，不管自己所做網(wǎng)頁的主題合不合適風格有異，一味的拿來就用。從標題的設(shè)置、編排按鈕、動畫的選用、視頻的布局，都存在不足，而且用色彩時隨心所欲，只要能區(qū)分開文本和背景就認為達到目的。為解決這些問題，僅僅在多媒體教室中講解理論知識、操作步驟，做典型范例是遠遠不夠的。只有在實際教學(xué)中突破以往的教學(xué)模式，才能培養(yǎng)學(xué)生自我探索、獨立研究能力與自主創(chuàng)新精神。能自己動手設(shè)計并制作出主題明確，讓人賞心悅目的網(wǎng)頁才是我們的最終目的。

3 《網(wǎng)頁設(shè)計與制作》課程的教學(xué)改革措施

3.1 《網(wǎng)頁設(shè)計與制作》課程教學(xué)如何去調(diào)動學(xué)生的能動性

我力求引導(dǎo)學(xué)生以自我探索、相互合作的學(xué)習方式，創(chuàng)造性地自主學(xué)習。實踐教學(xué)是高等職業(yè)學(xué)校人才培養(yǎng)方案中的重要環(huán)節(jié)，其效果與質(zhì)量對培養(yǎng)人才目標的實現(xiàn)起著舉足輕重的作用。

我在實踐教學(xué)中體現(xiàn)出如下特點：首先，《網(wǎng)頁設(shè)計與制作》課程要貼近學(xué)生的生活，設(shè)計的主題應(yīng)是學(xué)生比較熟悉的內(nèi)容，例如引進“同學(xué)錄”網(wǎng)站進行分解，把總項目細分成一個個的小項目，并把學(xué)習內(nèi)容溶合進每一個小的項目中，通過這些小的“項目”來體現(xiàn)總的學(xué)習目標。其次，每個小“項目”設(shè)計可以根據(jù)各個學(xué)生的愛好、特點去分工。不同的學(xué)生，他們接受知識的能力往往會有很大的差異。我在具體的“項目”設(shè)計時，力爭從學(xué)生實際出發(fā)，充分考慮學(xué)生現(xiàn)有的文化知識、認知能力、年齡、興趣、愛好等特點，結(jié)合教學(xué)內(nèi)容將每個小項目進行調(diào)整與修改，適當降低各個項目的難度，這樣學(xué)生的學(xué)習過程中不會因為項目本身的因素而失去學(xué)習的信心與動力。再次，在每個小“項目”教學(xué)設(shè)計過程中，考慮到“項目”之間的差異、難點、前后知識點的聯(lián)系等多方面的因素，以“布置項目”的方式引入有關(guān)概念，展開《網(wǎng)頁設(shè)計與制作》的教學(xué)。

3.2 合理安排教學(xué)內(nèi)容

一般的網(wǎng)頁制作課程都可分為Dreamweaver、Flash和Fireworks三大部分。按順序進行《網(wǎng)頁設(shè)計與制作》的教學(xué)，有時會使學(xué)生在學(xué)習Dreamweaver的時候感到有些枯燥。

本人在09物流級的教學(xué)中做過一個嘗試，我在09物流3班《網(wǎng)頁設(shè)計與制作》的教學(xué)中是采用按順序教學(xué)；09物流2班《網(wǎng)頁設(shè)計與制作》的教學(xué)實施，先穿插學(xué)習利用Flash來制作簡單Flash動畫，用所學(xué)的圖片、動畫知識制作去制作網(wǎng)頁。盡管最終所有教學(xué)內(nèi)容相同，但在參加蘇州市網(wǎng)頁設(shè)計制作技能大賽比賽中，09物流2班的學(xué)生獲得比賽好成績。這一結(jié)果也增加了我對《網(wǎng)頁設(shè)計與制作》的教學(xué)，合理安排教學(xué)內(nèi)容的信心，同時該效果也使學(xué)生對網(wǎng)頁設(shè)計與制作課程提高了學(xué)習的興趣。

3.3 改進教學(xué)方法，鼓勵協(xié)作，培養(yǎng)團隊精神

在《網(wǎng)頁設(shè)計與制作》的教學(xué)實踐中，教師要特別強調(diào)團隊協(xié)作的重要性。鼓勵學(xué)生通過團隊協(xié)作的方式完成作業(yè)。例如在制作“同學(xué)錄”班級網(wǎng)站的教學(xué)過程時，我采取小組協(xié)作學(xué)習的方式。將09物流3班42名學(xué)生分成七個小組，小組各個成員之間也作了分工，每人負責制作1—2個項目：收集原始資料、設(shè)計動畫、網(wǎng)頁版面布局等等。分工時要求每個學(xué)生發(fā)揮自己的強項去合理選擇項目。實際操作、設(shè)計過程中小組內(nèi)要求通過討論、交流與合作，取長補短、拓展思路，共同完成復(fù)雜的任務(wù)，培養(yǎng)了團結(jié)協(xié)作的能力。教師肩負著要把總?cè)蝿?wù)劃分到每節(jié)實踐中課，按照學(xué)生的制作進度來布置合適的任務(wù)，使學(xué)生在教師的引導(dǎo)下逐步達到完成教學(xué)進度計劃中的教學(xué)目標。

3.4 改革考核模式，采用多層次、多角度考核方式

傳統(tǒng)的考核方式很難真正對項目教學(xué)法進行有效的考核，因此，我《網(wǎng)頁設(shè)計與制作》的教學(xué)實踐中進行了考核方法的改革，就是期末考試也不采用常規(guī)的筆試。而是考核學(xué)生對整個項目開發(fā)的思路及開發(fā)方法，同時考查學(xué)生口頭表達能力、與人溝通能力，最主要的考核是以項目最后實現(xiàn)的效果及每個人完成工作量的情況、完成工作的質(zhì)量及效率進行評分。第一步：由各個項目小組先各自對本小組設(shè)計的網(wǎng)頁自行評分；第二步：然后在班內(nèi)展示交流，要求每個小組推薦一人對本組網(wǎng)頁設(shè)計過程中的分工、收集原始資料、設(shè)計動畫、網(wǎng)頁版面布局等等進行說明，介紹完后還允許小組成員有所補充；第三步：各小組之間進行交叉評分；第四步：任課老師進行講評各個小組網(wǎng)頁設(shè)計中的得與失，老師也進行對各個小組的公開評分。通過對比師生評價結(jié)果，找出造成結(jié)果差異的原因，讓學(xué)生反思他們在探究實踐中所運用的解決問題的策略。

參考文獻：

[1]朱瑾鈺.中職《網(wǎng)頁設(shè)計與制作》課程教學(xué)改革探討略見[J].信息與電腦（理論版），2011，10.

[2]楊蓉.淺談網(wǎng)站設(shè)計與制作[J].黑龍江科技信息，2007，1.

[3]喻會.《網(wǎng)頁設(shè)計與制作》課程教學(xué)方法淺探[J].法制與社會，2007，7.

[4]孫穎蓀.《網(wǎng)頁制作技術(shù)》課程教學(xué)改革探討——以建構(gòu)主義為指導(dǎo)[J].安徽商貿(mào)職業(yè)技術(shù)學(xué)院學(xué)報（社會科學(xué)版），2006，3.