國(guó)曉芬

摘要高職網(wǎng)頁(yè)設(shè)計(jì)與制作課程中，教師如何更好地進(jìn)行教學(xué)，需要不斷地在教學(xué)中反思與提高。為此，筆者從網(wǎng)頁(yè)設(shè)計(jì)與制作的技術(shù)與藝術(shù)、網(wǎng)站與網(wǎng)頁(yè)、實(shí)用性與藝術(shù)性、系統(tǒng)性與適應(yīng)性、過程性與結(jié)果性、職業(yè)素養(yǎng)與職業(yè)能力六個(gè)方面來(lái)審視此門課程教學(xué)中需要注意與關(guān)注培養(yǎng)學(xué)生網(wǎng)頁(yè)設(shè)計(jì)與制作的各方面能力的問題。教師需不斷地從多個(gè)方面來(lái)反思教學(xué)，才能探索出屬于自己的的教學(xué)發(fā)展之路。

關(guān)鍵詞網(wǎng)頁(yè)設(shè)計(jì)與制作網(wǎng)站網(wǎng)頁(yè)中圖分類號(hào)：G712文獻(xiàn)標(biāo)識(shí)碼：A

1 技術(shù)與藝術(shù)的爭(zhēng)論

“網(wǎng)頁(yè)設(shè)計(jì)與制作”從課程的名字看，我們要對(duì)網(wǎng)頁(yè)設(shè)計(jì)與制作進(jìn)行反思，它到底是藝術(shù)問題還是技術(shù)問題？

互聯(lián)網(wǎng)已經(jīng)與當(dāng)今的我們息息相關(guān)，網(wǎng)頁(yè)的設(shè)計(jì)與制作過程一直伴隨著技術(shù)和藝術(shù)的爭(zhēng)論。為此，我們有必要在開課前就讓我們的學(xué)生明確：在網(wǎng)頁(yè)設(shè)計(jì)與制作過程中，到底是技術(shù)重要還是藝術(shù)重要？還是兩者都重要？

在教學(xué)過程中，我們要不斷地提醒學(xué)生反思以下幾個(gè)問題：（1） 網(wǎng)頁(yè)設(shè)計(jì)與制作是為誰(shuí)做的？（2） 誰(shuí)會(huì)來(lái)看你的網(wǎng)站？（3） 網(wǎng)頁(yè)設(shè)計(jì)僅僅是能看就行嗎？（4） 如何考慮受眾更多地和更有效率地接受網(wǎng)頁(yè)上的信息？（5） 網(wǎng)頁(yè)設(shè)計(jì)與網(wǎng)頁(yè)制作有區(qū)別嗎?（6） 技術(shù)和藝術(shù)如何更好地服務(wù)于網(wǎng)站？

作為課程的教學(xué)者和學(xué)習(xí)者，需要大家都可以作為一個(gè)技術(shù)和藝術(shù)的全能者，雖然我們每個(gè)人在各個(gè)方面都有所側(cè)重，但只有很好地在設(shè)計(jì)與制作過程中，多些反思技術(shù)與藝術(shù)的問題，才能避免我們偏離網(wǎng)頁(yè)設(shè)計(jì)與制作的初衷。

在教學(xué)過程中，教師要不斷地提醒學(xué)生反思這個(gè)部分的技術(shù)在他的網(wǎng)站作品中是否用到？千萬(wàn)別因?yàn)樽寣W(xué)生為了炫耀技術(shù)而采用多種風(fēng)格的動(dòng)畫，添加少美感或與主題完全不相關(guān)的東西。別因?yàn)榇罅康募夹g(shù)使用加重了瀏覽器的負(fù)擔(dān)，瀏覽器受帶寬的限制，要學(xué)會(huì)為瀏覽器減負(fù)。

2 網(wǎng)站與網(wǎng)頁(yè)的分合

教師在講課中也許會(huì)混用網(wǎng)站和網(wǎng)頁(yè)，但是在設(shè)計(jì)與制作過程中，教師必須讓學(xué)生對(duì)這兩者有所共識(shí)：網(wǎng)頁(yè)是一種可以在互聯(lián)網(wǎng)上傳輸，能被瀏覽器認(rèn)識(shí)和翻譯成頁(yè)面并顯示出來(lái)的文件，網(wǎng)頁(yè)是網(wǎng)站的基本構(gòu)成元素。網(wǎng)站也叫做站點(diǎn)，是提供各種服務(wù)和信息的基地。

學(xué)生可以深入?yún)^(qū)分開兩者的異同之后，需要養(yǎng)成先建立站點(diǎn)，之后再在此基礎(chǔ)上創(chuàng)建網(wǎng)站所需的相關(guān)文檔的習(xí)慣。

3 實(shí)用性與藝術(shù)性的思辨

網(wǎng)站的定位，對(duì)于網(wǎng)站的設(shè)計(jì)與制作有很大的影響，如何權(quán)衡網(wǎng)站的實(shí)用性和藝術(shù)性？也許我們要考量的有很多。網(wǎng)站的實(shí)用性和功能性固然重要，但不要忘記提升它的藝術(shù)高度。如何避免用教條的、形式化的方式設(shè)計(jì)網(wǎng)頁(yè)，作品給人一種像是一個(gè)模子印出來(lái)的感覺。教師在教授學(xué)生模板使用的同時(shí)，也要提醒我們的學(xué)生，別因?yàn)槭褂昧嗣赓M(fèi)模板而自鳴得意，那些真正好的網(wǎng)頁(yè)設(shè)計(jì)絕不是在免費(fèi)模板的制作上而停步不前，一定是那些懂得如何發(fā)揮自身的創(chuàng)意思考，來(lái)積極創(chuàng)作屬于自己風(fēng)格，又能很好地宣傳自己的網(wǎng)站的人才是真正的設(shè)計(jì)者。

4 系統(tǒng)性與適應(yīng)性的融合

高職教學(xué)強(qiáng)調(diào)項(xiàng)目化教學(xué)模式和基于工作過程的教學(xué)法，如何讓學(xué)生在把握基于工作流程的任務(wù)化項(xiàng)目式教學(xué)中，可以更加全面地適應(yīng)當(dāng)今不斷變化的技術(shù)？從知識(shí)的整體性來(lái)看，也就是如何保證在工作過程中，他們學(xué)習(xí)到的知識(shí)內(nèi)容的完整性、適應(yīng)性和遷移性？

針對(duì)對(duì)高職學(xué)生技術(shù)技能型目標(biāo)的定位，我們更多地需要不斷為項(xiàng)目中加入挑戰(zhàn)與擴(kuò)展訓(xùn)練的模塊來(lái)提高學(xué)生知識(shí)的完善性，彌補(bǔ)我們?cè)陧?xiàng)目化教學(xué)過程中的那些知識(shí)的缺陷，可能帶給學(xué)生在今后工作發(fā)展中的盲目和無(wú)助感，也更好地拓展學(xué)生的獨(dú)立思考和發(fā)散性思維能力。

在網(wǎng)站的信息結(jié)構(gòu)方面，國(guó)外有信息結(jié)構(gòu)專家，網(wǎng)站由信息結(jié)構(gòu)設(shè)計(jì)師與網(wǎng)站創(chuàng)意設(shè)計(jì)師共同探討、協(xié)作完成。國(guó)內(nèi)網(wǎng)站策劃由專業(yè)的市場(chǎng)行銷、策劃人員來(lái)做。面對(duì)剛剛學(xué)習(xí)此門課程的學(xué)生，這種網(wǎng)站的總體設(shè)計(jì)是需要他們學(xué)完本門課程之后才能具備，但怎么能在此時(shí)就讓他們具備此方面的總體設(shè)計(jì)能力，需要學(xué)生搜集和分析與自己設(shè)計(jì)的網(wǎng)站相同類型的網(wǎng)站的相關(guān)導(dǎo)航和網(wǎng)站的欄目來(lái)獲得，也在此基礎(chǔ)上來(lái)揭開網(wǎng)站的總體設(shè)計(jì)環(huán)節(jié)，當(dāng)然，也需要培養(yǎng)學(xué)生不斷地適應(yīng)修改完善現(xiàn)有的網(wǎng)站，不斷明細(xì)網(wǎng)站的定位。

5 過程性與結(jié)果性的統(tǒng)一

每一個(gè)網(wǎng)站的開發(fā)必然經(jīng)過一定的工作過程，才能完成整個(gè)站點(diǎn)的發(fā)布，從網(wǎng)站需求分析、總體設(shè)計(jì)、模板設(shè)計(jì)、首頁(yè)設(shè)計(jì)、子頁(yè)面設(shè)計(jì)、測(cè)試發(fā)布到設(shè)計(jì)總結(jié)，在我們的教學(xué)中如何以一個(gè)完整的項(xiàng)目為依托，而又同時(shí)指導(dǎo)學(xué)生完成自我開發(fā)的個(gè)性化的網(wǎng)站任務(wù)，是網(wǎng)頁(yè)設(shè)計(jì)與制作課程需要解決的問題。

在教學(xué)過程中，學(xué)生也需要走從欣賞、模仿到創(chuàng)作的過程。教師需要通過案例教學(xué)，將一個(gè)個(gè)美觀大方的網(wǎng)頁(yè)呈獻(xiàn)給學(xué)生，帶領(lǐng)他們分析網(wǎng)頁(yè)中的相關(guān)內(nèi)容而開始每次課程的學(xué)生，讓學(xué)生不斷地發(fā)現(xiàn)其中的奧妙。引導(dǎo)學(xué)生學(xué)會(huì)模仿網(wǎng)頁(yè)的整體布局，網(wǎng)頁(yè)的LOGO設(shè)計(jì)，通過大量的模仿練習(xí)不斷提煉，最終確定適合自己設(shè)計(jì)的網(wǎng)站的相關(guān)內(nèi)容設(shè)計(jì)。

6 職業(yè)素養(yǎng)與職業(yè)能力的協(xié)調(diào)

很多人對(duì)網(wǎng)頁(yè)設(shè)計(jì)師這個(gè)職業(yè)的質(zhì)疑：他們僅僅是比平面設(shè)計(jì)師多懂點(diǎn)代碼，比程序員多懂點(diǎn)設(shè)計(jì)，有時(shí)候他們還會(huì)搞點(diǎn)動(dòng)畫？?jī)H僅如此嗎？在國(guó)內(nèi)的網(wǎng)頁(yè)設(shè)計(jì)師，更多兼任著設(shè)計(jì)與制作兩個(gè)方面的任務(wù)，尤其是對(duì)于中小型企業(yè)來(lái)說(shuō)，更是如此。為了能夠更好地在教學(xué)中通過項(xiàng)目、案例等內(nèi)容來(lái)培養(yǎng)學(xué)生的職業(yè)能力，適應(yīng)大中型與小型企業(yè)的需求。也不得不要求我們?cè)谌苤信囵B(yǎng)專才，在專才中注入全能的思想。從開始的網(wǎng)站策劃階段，培養(yǎng)學(xué)生的資料搜集能力，整理歸納能力。在網(wǎng)頁(yè)設(shè)計(jì)布局階段，不斷地發(fā)揮學(xué)生的創(chuàng)新能力，自我發(fā)展與感悟能力。在網(wǎng)站的發(fā)布測(cè)試階段，教師引導(dǎo)學(xué)生再次審視自己最初的規(guī)劃目標(biāo)是否真的實(shí)現(xiàn)了？達(dá)到最終的分析總結(jié)反思能力。

7 結(jié)論

高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中，只有教師從多角度對(duì)課程內(nèi)容和教學(xué)方法的思考，才能更好地引導(dǎo)學(xué)生的學(xué)習(xí)過程，也才能更有利于對(duì)于學(xué)生問題思考能力、職業(yè)技術(shù)和職業(yè)技能的培養(yǎng)與提升。

參考文獻(xiàn)

[1]孫東梅. Dreamweaver完全實(shí)用手冊(cè)[M].電子工業(yè)出版社,2011:3-4.

[2]李磊.項(xiàng)目驅(qū)動(dòng)教學(xué)法在高職《網(wǎng)頁(yè)設(shè)計(jì)與制作》教學(xué)中的設(shè)計(jì)與應(yīng)用初探[J].計(jì)算機(jī)教學(xué)與教育信息化,2011.6.

[3]于曉霞,沈志剛.基于工作過程的《網(wǎng)頁(yè)設(shè)計(jì)與制作》課程學(xué)習(xí)情境的設(shè)計(jì)[J].福建電腦,2011(6).