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

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

中圖分類號：G642 文獻(xiàn)標(biāo)識碼：A 文章編號：1007-9599 （2012） 22-0000-02

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

參考文獻(xiàn)：

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

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

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

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