李潔

（廣西科技師范學院，廣西來賓　546199）

?

高職高專“網頁設計”課程教學探索及研究

李潔

（廣西科技師范學院，廣西來賓546199）

摘要：針對“網頁設計”課程的特點，以實踐教學為基礎，嘗試在“網頁設計”課程中融入現代教學理念。分別從課程教學目標、內容、教學環(huán)節(jié)及方法、上機實踐、考評體系等五方面，討論研究科學有效的課程體系結構和策略，力爭培養(yǎng)出真正符合時代發(fā)展需求的新型高素質網頁設計應用型人才。

關鍵詞：高職高專；“網頁設計”課程；教學；探索

伴隨著網絡時代的到來，網絡信息服務技術也在越來越多領域被廣泛應用，互聯(lián)網正無處不在的滲透進人們的日常生活，改變著人們的工作、學習以及生活方式。小到個人，大到企業(yè)，各行各業(yè)的企事業(yè)單位無不紛紛通過建立網站來宣傳介紹自己。網站管理員、網頁設計師成為了當今網絡時代赤手可熱的職業(yè)，需求量穩(wěn)步上升。面對如此的人才契機，各類高職高專院校紛紛將與網頁設計相關的課程納入計算機專業(yè)的必修課程，“網頁設計”也成為了高職高專計算機專業(yè)學生接觸到的一門專業(yè)必修基礎課程［1］。

“網頁設計”是一門實踐操作性非常強的課程，需要技術與藝術的完美結合［2］。因此作為任課教師，既要注重網頁設計相關基礎知識的講解，更要培養(yǎng)學生獨立操作的能力，同時，要善于啟發(fā)學生思維，讓學生將他們天馬行空的藝術思維通過他們所學的技術表現出來。而如何在有限的課堂教學中，讓學生能夠盡可能多的掌握到網頁設計的技術和精髓，并能夠將他們學到的技術運用到他們的藝術設想中，具備使用Dreamweaver軟件開發(fā)網站的能力，成為了授課教師不斷探索的目標。筆者結合多年的實踐教學經驗，通過對該領域的探索和研究，并結合本校高職學生的特點，考慮從以下五個方面進行著手。

一、分析市場人才需求，明確課程教學目標和任務

市場對網頁設計人才的需求，理應成為我們制定教學目標的第一準則。對網頁設計人才，市場需要具有較強的實際動手能力，具備網頁設計、網站維護等實踐技能，并具有良好網頁設計和網站管理素養(yǎng)的應用型人才?！熬W頁設計”課程應從市場需求考慮，從高職教育的特點出發(fā)，培養(yǎng)滿足市場需求的專業(yè)技術型人才。

具體來說，在專業(yè)能力培養(yǎng)方面，注重培養(yǎng)學生熟練運用DreamWeaver網頁設計工具軟件制作靜態(tài)網頁；使用CSS樣式和DIV層進行統(tǒng)一風格網站設計；能應用簡單的JavaScript腳本進行網頁特效設計；根據特定的需求進行網站規(guī)劃、制作以及維護和更新等管理操作。在學習能力培養(yǎng)方面，側重培養(yǎng)學生從多種渠道獲取信息、查找資料的能力；根據興趣愛好制定學習計劃的能力；以及通過不同方法更新自我知識，從不同方面提高技術水平、自我提高的能力。在社會能力培養(yǎng)方面，培養(yǎng)學生與人溝通和協(xié)商的能力；培養(yǎng)良好的團隊協(xié)作能力；培養(yǎng)學生良好的服務意識和應變能力；具有嚴謹的工作作風和良好的職業(yè)素養(yǎng)。教學的最終目的是盡可能使每一個學生能做出具有一定技術含量的網頁作品，并掌握一定網站管理及維護技能［3］。

二、以就業(yè)為導向，周密設計課程教學內容

為了讓學生能在以后的工作中真正做到“學以致用”，“網頁設計”課程教學內容應該以就業(yè)為導向，教學內容應有針對性，盡可能納入日后工作中可能要用到的技術和碰到的問題，并及時做出調整以適應課程技術發(fā)展。任課教師應本著“學以致用”的宗旨，并結合本校學生的實際水平和課程學時數制定合理的教學計劃和教學內容。同時，為了適應時代技術的變化發(fā)展，教學內容應與時俱進，保證及時更新。“網頁設計”課程的教學內容應該包括HTML超文本標記語言、DreamWeaver網頁設計軟件以及CSS層疊樣式表等方面的內容［4］。

（一）HTML超文本標記語言

HTML中的標簽是構成靜態(tài)網頁最基本的元素，也是開發(fā)ASP、JSP、PHP等各種動態(tài)頁面的基礎。因此，HTML語言是開發(fā)頁面的有力保證，應當是必不可少的教學內容。

（二）DreamWeaver網頁設計軟件

網頁設計軟件有很多，目前流行的DreamWeaver是一款集網頁設計和管理網站于一身的所見即所得網頁編輯器，課程的目標是教會學生熟練使用DreamWeaver軟件進行網站開發(fā)，熟練掌握該軟件的各項基本功能。同時，作為教師，除了正確引導學生熟練掌握DreamWeaver的基本功能和操作外，為了學生能有更大進步，要善于引導學生舉一反三，告知學生DreamWeaver網頁設計軟件使用雖然簡單，但是如果想設計出實用優(yōu)美的網頁作品，需要從大量的實戰(zhàn)積累經驗，需要在多看多思中汲取他人的經驗，加入自己的想法，才能開發(fā)出有自己風格的、美觀實用的網頁。

（三）CSS層疊樣式表

CSS是HTML的層疊樣式表機制，由W3C制定。能夠將網頁結構和內容徹底分離，從而可以輕松控制網頁的布局。對有大量頁面的網站尤為適用。相對于傳統(tǒng)HTML的表現，CSS能方便快速對網頁風格進行設計和修改，對大量網頁的維護和更新操作尤為有效，方便對頁面進行統(tǒng)一風格控制。同時，加入CSS樣式表設計出來的網頁體積更小，下載速度更快，并且獲得各類瀏覽器的支持。為了更快更好的設計出風格統(tǒng)一、讓人賞心悅目的網頁，掌握CSS迫在眉睫。

三、根據不同教學環(huán)節(jié)，合理運用各種教學方法

作為一門以“做”為主的課程，課程所涉及的所有理論知識如果僅通過課件進行呈現，學生只能停留在對表層概念的理解，而如果能將理論知識在技能訓練中進行理解和掌握，勢必收到立竿見影的效果，因此，必須多多強化學生的操作技能，讓學生在操作中獲得理解和掌握，從而提高學生的實戰(zhàn)能力。針對高職高專學生動手能力較強而理論基礎較弱的特點，將“網頁設計”課程教學分為理論授課、上機實驗和項目實現三個環(huán)節(jié)，融教、學、做于一體，從培養(yǎng)學生的實際操作技能入手，根據不同環(huán)節(jié)，分別采用案例教學法、任務驅動教學法、項目教學法等不同教學方式實施到教學的不同環(huán)節(jié)中。

（一）以實際案例引入理論課堂體系

案例教學法是一種以案例為基礎的教學法（case-based teaching）。在理論課教學中，用心設計每一個知識點，與實際應用相結合，將每次課的教學重點難點融入到一個精心設計的實際案例中［5］。在實際授課中充分利用多媒體教學手段進行直觀演示，避免空洞無趣的演說式教學。例如，以筆者在教學的某一次課為例，在實際授課前，首先給學生演示了一個事先做好的網頁實例，該網頁用到本次課將要介紹的新技術來完成，通過精選的實例吸引學生的興趣，然后逐步引導學生討論并分析實例中涉及到的技術，并在直觀演示中感受該技術在瀏覽器中的頁面效果。最后，在對該實際案例的逐步演示中，向學生精心講解本節(jié)的重要技術及其知識點，同時進行操作示范。通過將實際案例引入理論課堂教學體系，使理論授課不再是空洞無趣的說教。案例法教學過程如圖1。

（二）以任務為驅動加強上機實驗課教學

“任務驅動”教學法提倡教師指導下的、以學生為中心的學習，主要特點是“任務驅動，注重實踐”，它很適合計算機類課程的教學。在“網頁設計”的上機實驗課教學階段，采用“以任務為誘導，教師為主導，學生為主體”的任務驅動教學法［6］。在實際上機授課中，將教學內容分為基本任務和提高性任務兩種操作等級要求的任務。在基本任務階段，教師準備與理論課教學同步的若干個實驗任務，任務相互獨立，準備好學習情境和素材，要求學生按照設定好的學習情境進行設計，主要目的是掌握基礎知識。在提高性任務中，要求學生能按照教師提出的場景要求和技術要點，充分發(fā)揮自己的能動性，自行搜集和制作網站素材，自行設計網頁布局、風格和色調等，獨立完成操作任務，進一步培養(yǎng)學生的動手能力和創(chuàng)造能力。任務驅動教學法在上機實驗課階段的采用，可以保證學生在“經典任務”的引導下，從簡單到復雜，循序漸進地完成其他任務。整個過程的實施，有助于學生全面理清網頁設計的一系列知識脈絡，對學生分析和解決問題能力的培養(yǎng)大有裨益。在任務驅動教學模式下，教師、學生、任務作為整個教學流程的三要素缺一不可并相互積極互動，過程如圖2。

圖1　案例教學流程

（三）以項目為導向全面強化項目實現

在課程的項目實現階段，采用“以項目為主線、教師為引導、學生為主體”的項目教學法。在實際實施中，教師以項目為導向，指導學生進行項目選題，引導學生從分析項目具體流程開始，在項目推進過程中為學生分析和講解項目所涉及到的技術重點和難點。組織學生分組合作，指導學生制定開發(fā)流程并按流程進行自主項目開發(fā)，在整個過程中，教師從主導變?yōu)橐龑?。同時，在指導過程中，要善于發(fā)現學生遇到的困難和問題并及時引導尋找解決方案。注重了解各組開發(fā)進程，鼓勵學生積極攻克技術難點，對一些各組共同遇到的問題進行統(tǒng)一講解。在項目實現階段，采用以項目為主線組織貫穿基本知識脈絡的教學模式，在實施中，學生不僅熟練鞏固了技術點，同時產生了自己實實在在的作品，得到一種發(fā)自內心的滿足感和成就感，從而可以有效激發(fā)學生的主體作用，調動了學生的積極性，同時，通過項目的團隊合作，培養(yǎng)了學生的團隊意識和責任意識［7］。項目教學法的實施過程如圖3。

圖2　任務驅動教學過程

圖3　項目教學實施過程

四、強化實訓操作，注重上機操作環(huán)節(jié)

作為一門實踐性很強的課程，“網頁設計”課程要求學生既要學好理論知識，更要掌握實踐操作技能，所以上機操作環(huán)節(jié)非常重要，作為任課教師應該突出重視。上機操作環(huán)節(jié)，學生技藝的獲得，一開始通常是通過模仿老師的演示操作或課本實例，然后通過親身上機實踐來掌握網頁設計的技術和方法。在實例模仿操作環(huán)節(jié)，教師應善于培養(yǎng)學生從實踐中進行總結和分析問題的能力，聯(lián)想情境，發(fā)揮想象力，善于思考當前的基本操作適用于什么樣的情境下，或者能用于什么樣的功能下，逐步提高學生的創(chuàng)造力和想象力。只有這樣，才能保證學生在經過一系列的上機實訓后，真正學習到網頁設計的基本技巧，領悟到當中的精髓。所以在學生上機操作課，對于任課教師來說，并不是最輕松的與己無關的一次課。

首先，任課教師需要制定好每次上機實驗課要求學生完成的具體內容和任務，認真檢查督促學生按時按質獨立完成每次課的任務要求，同時做好保存以便在后續(xù)項目中使用。

其次，任課教師應認真并及時對學生上機任務進行檢查，同時做出適當指導，及時有效的幫助學生解決上機過程中遇到的問題。要從培養(yǎng)學生的自主學習能力出發(fā)，善于引導，指導適度，應從解決困難的角度為學生提供思路，而不是簡單、粗糙的包辦代辦。

另外，為了培養(yǎng)出高素質的網頁設計人才，任課教師應著力培養(yǎng)學生獨立構思和設計網頁作品的能力，引導學生充分利用各方資源，主動搜集資料和素材，開拓思路，并注重培養(yǎng)學生的團隊協(xié)作能力。

五、調動學生積極性，建立良好的課程考評體系

根據“網頁設計”的課程性質和教學目標，為了更有效的調動學生學習的積極性和熱情，課程考核采用期末上機操作考試和“期末作品”考核相結合的形式進行評價。兩項成績比例分別占總評成績的60%和40%。期末上機操作考試采取單人單機的形式進行，題目從廣西科技師范學院專科組“網頁設計”課程上機題庫中抽取，學生根據試題的具體步驟、要求、樣張、素材等，在規(guī)定時間內獨立完成上機考試的各項操作，根據每項操作得分細則進行評分。

“期末作品”考核要求每人制作一個小型網站，主題自選，網站包含若干個靜態(tài)頁面，網頁內容自行決定，但網站制作應盡可能多的涵蓋課程所學到的知識點，盡可能多的考慮使用不同技術表現不同的內容。學生本人完成包括主頁規(guī)劃圖的設計、網頁素材的搜集、網頁用到的圖像及一些多媒體文件的處理和制作、網站首頁的布局、各個內容頁的設計以及對網站的管理和測試等一系列網站開發(fā)工作。通過“期末作品”的考核，既可以檢查學生對該門課程的掌握程度，也可以讓學生在課程結束前重新鞏固之前所學的知識，并將所學應用于實際網站開發(fā)中。有效地激發(fā)了學生學習的熱情，很好地培養(yǎng)了學生運用所學進行網站設計的綜合能力。

相比傳統(tǒng)的理論課程考試，“期末作品”考核方式性質差別較大，因此針對“作品考核”應制定其特有的評價標準，不僅要看評價的結果，更應重視評價的過程性；結果評價應該包括對學生基本理論知識掌握情況的考查，以及對學生自主創(chuàng)新意識、實踐能力以及團隊協(xié)作能力的考查。教師可從布局、內容、配色、表現力、創(chuàng)新力、用到的技術點和難度系數等方面對作品進行綜合評價。教師應把考核作為鼓勵學生掌握技能和不斷求知的有效途徑，而不僅僅是考評學生成績的手段。

綜上，為了培養(yǎng)出真正符合時代發(fā)展需求的新型高素質網頁設計應用型人才，任課教師應分析市場對網頁設計應用型人才的需求，積極改進傳統(tǒng)教學模式下重理論、輕創(chuàng)新與實踐的思維定勢，在教學中敢于探索、推陳出新，以找出能培養(yǎng)高素質網頁設計人才的教學模式。在教學的不同階段，教師應不怕失敗，大膽改革陳舊的教學模式，勇于探索并嘗試各種教學方法。為了調動學生積極性，任課教師應不遺余力地完善課程考評體系。擯棄高分低能的人才培養(yǎng)模式，開啟同時培養(yǎng)學生知識技能、實踐技能、創(chuàng)新能力和團隊協(xié)作能力等各項綜合技能的全新培養(yǎng)方式，最大限度地提高學生綜合素質。此外，作為任課教師，還應不斷關心和研究網頁設計課程的最新技術，及時更新自身知識結構，只有從知識結構、教學方法和手段、課程考評等各方面不斷革新，才能使網頁設計課程收到更顯著的效果，培養(yǎng)出真正符合時代發(fā)展需求的新型網頁設計人才［8］。

［參考文獻］

［1］萬良，黃錦祝.網頁制作技術課程改革探索［J］.中國職業(yè)技術教育，2007（7）：35.

［2］戚爽.“Dreamweaver網頁制作”課程的教學研究［J］.長春理工大學學報，2010（12）：169-170.

［3］曹芳.“網頁設計與制作”課程教學改革［J］.科技視界，2015（21）：59.

［4］時武略.“互聯(lián)網+”背景下的網頁制作課程改革探索［J］.無線互聯(lián)科技，2016（2）：91-92.

［5］邵波.Dreamweaver網頁制作課程中“案例教學法”的應用［J］.電腦知識與技術，2016（1）：226-227.

［6］劉鳳云，夏文忠，喬玉冰.任務驅動教學法在高職“網頁制作”課程中的應用探索［J］.張家口職業(yè)技術學院，2015（1）：73-74.

［7］吳皖贛.項目教學法在網頁制作公選課中的應用［J］.赤峰學院學報：自然科學版，2015（15）：32-33.

［8］倪興旺.高職“網頁設計與制作”課程教學方法改革探索［J］.長春理工大學學報，2012（6）：216-217.

（責任編輯：雷凱）

中圖分類號：G642.4

文獻標識碼：A

文章編號：2096-2126（2016）03-0117-04

［收稿日期］2016-03-24

［作者簡介］李潔（1980—），女，廣西貴港人，碩士，講師，研究方向：智能優(yōu)化算法。

The Exploration and Research on the Curriculum of Web Design in Vocational Colleges

LI Jie

（College of Mathematics and Computer Science，Guangxi Science&Technology Normal University，Laibin，Guangxi，546199 China）

Abstract:Aiming at the characteristics of the course of Web Design，this paper tries to integrate the concept of modern teaching in the course of Web Design based on the practical teaching，which is respectively from the following five aspects:teaching target，content，teaching methods，computer practice and evaluation system to discuss scientific research and effective curriculum system structure and strategy，and strive to cultivate application talents with new high-quality of web design truly meeting the development needs of the times.

Key words:vocational colleges；Web Design；curriculum；research