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

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

中圖分類號(hào)：TP3-4

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

1 課程存在問題

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

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

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

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

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

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

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

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

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

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

深入調(diào)研與分析企業(yè)人才需求，根據(jù)企業(yè)的技術(shù)發(fā)展趨勢(shì)制定網(wǎng)頁設(shè)計(jì)基礎(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è)計(jì)開發(fā)的課程設(shè)計(jì)上，采用整體中兼容局部的方式進(jìn)行教學(xué)，整個(gè)課程設(shè)計(jì)教學(xué)中，以一個(gè)整體完整優(yōu)秀的網(wǎng)站作為項(xiàng)目主體進(jìn)行講解，首先講解整體布局概念，在此其中穿插講解各網(wǎng)頁元素技術(shù)點(diǎn)的具體操作，使大部分的學(xué)生都能從整體上把握一個(gè)網(wǎng)頁的設(shè)計(jì)。

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

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

4 課程考核的方法

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

5 結(jié)束語

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

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

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

參考文獻(xiàn)：

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

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

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

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

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

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

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

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

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