《網(wǎng)頁設(shè)計基礎(chǔ)》課程教學(xué)研究

摘 要：本文以學(xué)校課程案例為基礎(chǔ)，對課程存在的問題，課程改革內(nèi)容，改革的突破點(diǎn)以及課程考核方法進(jìn)行研究討論，分析如何提高網(wǎng)頁制作課程教學(xué)的質(zhì)量，經(jīng)過一年的實(shí)踐，改革初見成效。

關(guān)鍵詞：課程改革；教學(xué)內(nèi)容；教學(xué)方法；網(wǎng)頁設(shè)計

中圖分類號：TP3-4

最近幾年來，在高職教育教學(xué)發(fā)展中，“項(xiàng)目化導(dǎo)向”的教學(xué)模式在國內(nèi)高職教學(xué)中全面開花，原因是，項(xiàng)目導(dǎo)向的教學(xué)具有“一本二主”的模式[1-2]，表現(xiàn)在以能力為本位、以職業(yè)實(shí)踐為主線、以項(xiàng)目課程為主體。網(wǎng)頁設(shè)計能力是計算機(jī)專業(yè)學(xué)生應(yīng)具有的一種職業(yè)能力。圍繞培養(yǎng)網(wǎng)站建設(shè)的前臺開發(fā)設(shè)計能力，筆者所在學(xué)校進(jìn)行了相應(yīng)的課程體系改革，在《網(wǎng)頁設(shè)計基礎(chǔ)》等課程實(shí)施了項(xiàng)目化教學(xué)，較之傳統(tǒng)的教學(xué)質(zhì)量上有了進(jìn)一步提高。從多年以來的教學(xué)實(shí)踐中，對于“網(wǎng)頁設(shè)計基礎(chǔ)”課程的教材與教學(xué)模式設(shè)計上，雖大力提倡項(xiàng)目化教學(xué)，但回歸到真實(shí)課堂與教材內(nèi)容編排設(shè)計上時，還是從點(diǎn)到線的教學(xué)，從基礎(chǔ)到綜合的方式設(shè)計的，唯課本論教學(xué)的方式較突出。

1 課程存在問題

1.1 多數(shù)教材章節(jié)編排表面上是以項(xiàng)目化編寫，實(shí)際內(nèi)容卻沒有連貫性[3-5]，仍以點(diǎn)的方式編排，有些章節(jié)之間所用的項(xiàng)目有可能是多個，總體來看，是幾個點(diǎn)連成一條線，并沒有形成一個面。因此會使學(xué)生缺乏全局觀，在開始一門課程的最感興趣的初始階段，都在學(xué)習(xí)一些點(diǎn)的內(nèi)容編排，如表格布局、若干網(wǎng)站元素的各環(huán)節(jié)練習(xí)等，最后才會有一個綜合項(xiàng)目章節(jié)來進(jìn)行講解。從實(shí)訓(xùn)或?qū)W生調(diào)查（已經(jīng)學(xué)習(xí)該課程的）中發(fā)現(xiàn)，盡管他們對網(wǎng)站各元素的處理沒有多大問題，若讓其根據(jù)所提供的素材做出一個整體美觀的網(wǎng)頁，學(xué)生就不知如何下手，第一步該做什么，然后做什么，對整體的把控度沒有任何的概念，存在不小的困難。

1.2 由于教材的編寫都是相關(guān)作者經(jīng)歷長時間編寫的，難免會出現(xiàn)跟不上技術(shù)的發(fā)展。在實(shí)踐教學(xué)中，部分教師仍以課本為唯一導(dǎo)向，從而導(dǎo)致學(xué)生的知識面窄，進(jìn)一步影響學(xué)生的知識自主創(chuàng)造發(fā)現(xiàn)能力。體現(xiàn)在，目前的網(wǎng)頁設(shè)計基礎(chǔ)課程教材大多還是以CSS為主的布局技術(shù)，但CSS已經(jīng)升級為CSS3，其在CSS基礎(chǔ)上增加了很多新特性，如可以直接用其來做簡單的動畫設(shè)計和用戶界面。因此，課程教學(xué)資源不夠豐富，教材建設(shè)相對滯后單一，資源庫建設(shè)亟需系統(tǒng)規(guī)劃與完善。

1.3 多年來的教學(xué)實(shí)踐中，在網(wǎng)頁設(shè)計基礎(chǔ)課程上，只是單純選取HTML+CSS+DIV作為入門課程，與網(wǎng)頁設(shè)計中息息相關(guān)的JavaScript技術(shù)先后分學(xué)期教學(xué)。對筆者所在學(xué)校高職專業(yè)學(xué)生群體來說，經(jīng)過一個假期的沉淀，會導(dǎo)致學(xué)生在做前臺靜態(tài)網(wǎng)頁設(shè)計上出現(xiàn)斷層，而且會進(jìn)一步擴(kuò)大網(wǎng)頁設(shè)計的全局觀概念技術(shù)設(shè)計能力。本來一個完整的網(wǎng)頁必須包含這兩方面的技術(shù)，但在教學(xué)最開始時把其斷開，使學(xué)生初始只看到一種片面，讓其產(chǎn)生錯覺，只學(xué)這樣就夠了或者會存在很大疑問，為什么課上所做出來的東西與真實(shí)的網(wǎng)頁上的東西不一樣，導(dǎo)致學(xué)生以為課程授課結(jié)果與社會市場需求不一致，在課程過程中或結(jié)束后，沒有真正體會到現(xiàn)實(shí)版的網(wǎng)頁應(yīng)該是怎么樣的，導(dǎo)致學(xué)生覺得該課程對未來職業(yè)發(fā)展并沒有多大的用處，直接導(dǎo)致學(xué)生缺乏就業(yè)競爭力。

1.4 課程實(shí)習(xí)實(shí)訓(xùn)中，實(shí)踐性不強(qiáng)，僅有整個網(wǎng)頁網(wǎng)站的制作一般流程，并沒有把制作好的網(wǎng)站設(shè)計與企業(yè)的優(yōu)秀成果進(jìn)行比較，也沒有一個規(guī)范的課程評價體系。

2 課程改革內(nèi)容

除了要充分進(jìn)行工作崗位調(diào)研和課程定位這些常規(guī)改革內(nèi)容以外，還要進(jìn)行以下兩點(diǎn)：

2.1 課程設(shè)計。按照情境學(xué)習(xí)理論的觀點(diǎn)，只有在實(shí)際情境中學(xué)生才能獲得真正的職業(yè)能力，并獲得理論認(rèn)知水平的發(fā)展[6]，因此本課程要求打破純粹講述的教學(xué)方式，實(shí)施項(xiàng)目教學(xué)以改變學(xué)與教的行為。這是教學(xué)模式的一個重大轉(zhuǎn)變，需要以項(xiàng)目為載體來組織課程內(nèi)容，以工作任務(wù)為中心整合理論與實(shí)踐，實(shí)現(xiàn)理論與實(shí)踐的一體化。讓學(xué)生在具體項(xiàng)目的過程中掌握網(wǎng)頁設(shè)計的思路，學(xué)會網(wǎng)頁制作方法，并構(gòu)建相關(guān)理論知識，以展職業(yè)能力。在項(xiàng)目課程設(shè)計中，項(xiàng)目載體設(shè)計是一個關(guān)鍵環(huán)節(jié)。如以一個優(yōu)秀網(wǎng)站來做整個項(xiàng)目教學(xué)的主體，從網(wǎng)站的開始的布局框架開始，逐步在其中穿插各網(wǎng)頁元素技術(shù)知識的教學(xué)，達(dá)到知識點(diǎn)與整體的融合，使學(xué)生在學(xué)生制作過程中一直處在成就感中，保持學(xué)生的興趣，在成就中學(xué)習(xí)知識。

2.2 教學(xué)方法改革。該課程具有很強(qiáng)的操作性和綜合實(shí)踐性，特別強(qiáng)調(diào)學(xué)生的操作能力，強(qiáng)調(diào)學(xué)生學(xué)以致用的綜合實(shí)踐能力，另外，它極富創(chuàng)造性；第三，它集現(xiàn)實(shí)性、實(shí)效性于一體，具有明顯的時代發(fā)展特點(diǎn)?；谝陨咸攸c(diǎn)和學(xué)生實(shí)際，課程教學(xué)需要采用以“教師為主導(dǎo)、學(xué)生為主體”的符合課程特點(diǎn)的教學(xué)模式。讓學(xué)生在教師的指導(dǎo)下，對所學(xué)的課題進(jìn)行探索、分析、研究，在實(shí)踐操作中培養(yǎng)學(xué)生科學(xué)的態(tài)度的價值觀以及創(chuàng)新精神、創(chuàng)新思維、創(chuàng)造能力，并學(xué)會解決生活中與信息技術(shù)學(xué)習(xí)有關(guān)的實(shí)際問題。如利用學(xué)生業(yè)余時間創(chuàng)辦網(wǎng)站設(shè)計大賽。組織學(xué)生組成團(tuán)隊(duì)共同設(shè)計制作網(wǎng)站，并在機(jī)房展示評比，把評比的結(jié)果可適當(dāng)考慮到考核成績里，同時在條件允許的情況下可將網(wǎng)站發(fā)布于互聯(lián)網(wǎng)上，發(fā)動全校師生上網(wǎng)訪問參賽作品并評分，并給予相應(yīng)獎勵，使學(xué)生在校期間就能體驗(yàn)相應(yīng)職業(yè)發(fā)展的競爭性，增強(qiáng)學(xué)生在未來職業(yè)發(fā)展的競爭力。

3 課程改革突破點(diǎn)

綜合以上分析，在以項(xiàng)目化教學(xué)模式的基礎(chǔ)上，做出相應(yīng)的改進(jìn)。對《網(wǎng)頁設(shè)計基礎(chǔ)》課程改革預(yù)計有如下幾點(diǎn)突破：

深入調(diào)研與分析企業(yè)人才需求，根據(jù)企業(yè)的技術(shù)發(fā)展趨勢制定網(wǎng)頁設(shè)計基礎(chǔ)課程的人才培養(yǎng)方案，制訂相應(yīng)的課程標(biāo)準(zhǔn)和課程資源庫。具體體現(xiàn)在：

3.1 教學(xué)重點(diǎn)配置科學(xué)化。課程內(nèi)容的教學(xué)重點(diǎn)須放在網(wǎng)頁的整體布局，在網(wǎng)頁界面設(shè)計開發(fā)的課程設(shè)計上，采用整體中兼容局部的方式進(jìn)行教學(xué)，整個課程設(shè)計教學(xué)中，以一個整體完整優(yōu)秀的網(wǎng)站作為項(xiàng)目主體進(jìn)行講解，首先講解整體布局概念，在此其中穿插講解各網(wǎng)頁元素技術(shù)點(diǎn)的具體操作，使大部分的學(xué)生都能從整體上把握一個網(wǎng)頁的設(shè)計。

3.2 在上述基礎(chǔ)上，增加最新技術(shù)的融入課程中，如：CSS3等。且在課程后半段增加相應(yīng)的最新技術(shù)所作的優(yōu)秀網(wǎng)頁，以欣賞的眼光去引導(dǎo)學(xué)生在課余時間或者通過布置作業(yè)形式去學(xué)習(xí)相關(guān)技術(shù)知識，以此增加學(xué)生的興趣度及未來職業(yè)發(fā)展的口徑，同時，也相應(yīng)地增強(qiáng)高職專業(yè)學(xué)生普遍缺少的自主發(fā)現(xiàn)事物規(guī)律能力。

3.3 實(shí)現(xiàn)XHTML+DIV+CSS與JavaScript技術(shù)結(jié)合一起教學(xué)。表面上看好像在課程課時上要增加，實(shí)際上只要做到在面中講解點(diǎn)的教學(xué)模式，并不需要增加相應(yīng)課時數(shù)，因?yàn)閷τ贘avascript來說，只要做到會閱讀并會調(diào)用相關(guān)JS文件即可開發(fā)出非常漂亮的靜態(tài)前臺網(wǎng)站。當(dāng)在課程教學(xué)上突破了這一點(diǎn)，就會增強(qiáng)學(xué)生對網(wǎng)頁設(shè)計的興趣及認(rèn)知度，使其更能知道網(wǎng)頁制作的妙處與精髓，達(dá)到課程教學(xué)的終極目標(biāo)——培養(yǎng)學(xué)生在社會職業(yè)發(fā)展道路的能力。

4 課程考核的方法

課程的考核評價應(yīng)充分發(fā)揮其在教學(xué)過程中的向?qū)ё饔?，是提高教學(xué)質(zhì)量和學(xué)生學(xué)習(xí)質(zhì)量的保證。應(yīng)該避免一次考試為終結(jié)的方式，也要盡量避免那種所謂的過程性考核方式，其弊端仍然在于通常是到期末的時候?qū)W生才知道自己的結(jié)果，而失去的激勵和引導(dǎo)作用。應(yīng)該將考核真正的貫穿于整個教學(xué)過程中，在一些里程碑到來的時候，就應(yīng)該對積極、認(rèn)真學(xué)習(xí)，并按時、富有創(chuàng)造性地完成所布置任務(wù)的學(xué)生給予肯定，并直接與成績掛鉤。如改變原來閉卷筆試的考核形式，要求學(xué)生在課程結(jié)束后形成一個完整的網(wǎng)站，主題自擬。而對使用課外的工具和手段使得網(wǎng)站更生動的學(xué)生應(yīng)加鼓勵其摸索創(chuàng)新精神，適當(dāng)加分。最終成績的評定依據(jù)是網(wǎng)站使用工具的先進(jìn)性、主題的新穎性、界面設(shè)計師的藝術(shù)性和實(shí)現(xiàn)功能的完善性以及網(wǎng)站的可擴(kuò)充性五個方面來評分。

5 結(jié)束語

筆者所在學(xué)校在《網(wǎng)頁設(shè)計基礎(chǔ)》課程改革已有一年準(zhǔn)備基礎(chǔ)，改革初見成效。為了能更清晰地看到課程考核改革前后的成果，做了一個實(shí)驗(yàn)，采取問卷的方式進(jìn)行收集學(xué)生對考核方法的接受度、對整個課程體系的掌握度以及對后續(xù)課程的影響度進(jìn)行比較。其中調(diào)查問卷中，接受度分為三個級別：接受，不接受，其他；掌握度分：好，一般，不好；影響度分為：大，中，小三個程度說明影響的大小。

其中2013級的學(xué)生是采用改革后的方法，2012級的學(xué)生是采用傳統(tǒng)的方法，2013級學(xué)習(xí)該課程人數(shù)：151人；2012級人數(shù)：131人。發(fā)放問卷總數(shù)：282份。經(jīng)統(tǒng)計，對于2012級學(xué)生來說這三個數(shù)值（注：分別取接受，好，大這三個數(shù)值除以總?cè)藬?shù)得出）分別是30.5%，42.7%，60.3%；對于2013級學(xué)生分別是：90.1%，74.8%，93.4%。

從數(shù)據(jù)分析來看，課程改革整體成果顯著，但是從數(shù)據(jù)來看，學(xué)生對知識的把握還有進(jìn)一步的上升空間，應(yīng)該在今后的課程教學(xué)過程中更注重培養(yǎng)學(xué)生能力發(fā)展上，讓學(xué)生多動手多實(shí)踐。由于問卷調(diào)查中的數(shù)據(jù)過于狹窄表面，這些數(shù)據(jù)只是從一個側(cè)面來看課程改革的成效，單單靠這些問卷數(shù)據(jù)很難評估學(xué)生對課程知識的理解與把握，所以對于《網(wǎng)頁設(shè)計基礎(chǔ)》課程改革還需一段路要走。如何爭取讓這門課程更加規(guī)范化，更加與時俱進(jìn)，這是本門課程改革未來要走的方向。

參考文獻(xiàn)：

[1]張嘉興.數(shù)字媒體專業(yè)網(wǎng)頁設(shè)計課程新教學(xué)模式的探索[J].課程教育研究，2014.

[2]黃穎宜.高校網(wǎng)頁設(shè)計課程的改革探析[J].南京藝術(shù)學(xué)院學(xué)報：美術(shù)與設(shè)計版，2014（01）：131-133.

[3]周欣然，周肆清.網(wǎng)頁設(shè)計課程中網(wǎng)頁導(dǎo)航方法的教學(xué)[J].電腦與信息技術(shù)，2014（02）：61-63.

[4]孫明.論多媒體在網(wǎng)頁設(shè)計的應(yīng)用[J].計算機(jī)光盤軟件與應(yīng)用，2013.

[5]席先杰.基于“混合學(xué)習(xí)”的靜態(tài)網(wǎng)頁設(shè)計課程教學(xué)模式研究[J].中國教育信息化：基礎(chǔ)教育，2013（11）：15-16.

[6]張翔，賈雪倩，謝力，段麗.《網(wǎng)頁設(shè)計》課程教學(xué)改革的研究和探索[J].福建電腦，2011（01）：39-40.

作者簡介：羅錦光（1985-），廣西容縣人，碩士研究生，助教，研究方向：移動開發(fā)與圖形圖象研究。

作者單位：桂林理工大學(xué)南寧分校，南寧 530001

基金項(xiàng)目：桂林理工大學(xué)高等職業(yè)技術(shù)學(xué)院課程改革與建設(shè)院級項(xiàng)目：《網(wǎng)頁設(shè)計基礎(chǔ)》課程。