《網頁制作》課程教學改革探析

夏曉娣　皮亞雷

【摘要】根據多年的教學實踐，闡述了將當前學生就業理念融入《網頁制作》課程教學的具體實施過程，總結了《網頁制作》課程教學的一些教學方法和心得體會，強調以生為本，行動導向教學，注重培養學生獨立學習和創新精神。

【關鍵詞】網頁制作；教學方法；創新精神

【中圖分類號】TP393.092-4；G712 【文獻標識碼】A 【文章編號】2095-3089（2016）28-0144-02

隨著互聯網技術的飛速發展，網頁瀏覽、網絡信息推送不再是新鮮事。大量信息通過互聯網傳遞給，都離不開網頁。如何制作一個賞心悅目且實用的網頁？從使用者的視覺、心理及使用層面分析，以適應當前學生學習《網頁制作》課程的目的，研究實施可行的教學方案是該課程的教學改革的一項重點工作。

一、制作前先設計

加強設計理論知識。針對網頁布局、色彩搭配、重心平衡、風格、功能及受眾群喜好等方面加強學習，設計出一個框架來進行填充內容。補充網頁制作相關軟件應用知識，例如圖像處理軟件、動畫軟件等，拿出常用的案例，適應當前主流需求快速搭建平臺。以下著重從布局及色彩搭配談一談。

在制作網站之前，先考慮網站的整體視覺效果。在網站整體視覺效果中，主要是網頁的色彩搭配與網頁布局。前者決定了瀏覽該網站的第一印象；而后者則決定網站中的信息是否為合理的安排。色彩的搭配不僅在平面設計中比較重要，而在網頁中也很關鍵。色彩對人的頭腦和精神的影響力，是客觀存在的。色彩的知覺力、色彩的辨別力、色彩的象征力與感情，這些都是色彩心理學上的重要問題，色彩情感上來說，不同的顏色會給瀏覽者不同的心理感受，但同一顏色通常不只含有一個象征意義，色彩還有聯想含義，色彩在聯想間影響人的心理，左右人的情緒，不同的色彩聯想給各種色彩都賦予了特定的含義。這就要求設計人員在用色時不僅是單單地運用，還要考慮諸多因素。

二、行動導向教學法達成網站網頁的實用性

由于網頁設計涉及到網頁制作軟件、圖像處理軟件、動畫軟件等，因此，為了有利于教學的開展和培養學生分析、解決問題的能力，我們應當本著“從淺到深、從基本到綜合，技術與理論相結合”的原則，對教學內容重新進行合理地整合和模塊的劃分。采用行動導向教學方法。分模塊可以將《網頁制作》課程的實踐教學內容劃分為以案例為知識單元，各個單元既相對獨立又有所聯系，按照想要實現的目的來學習局部知識，但是具體知識點又有在其他模塊單元里重點詳細地介紹并有具體案例教學。這樣便于實現課程模塊動態組合，實施分層次教學。

行動導向教學法是為了真實情境中的行動而學習、通過學習情境中的行動來學習。每一堂課要有明確的教學目標，尤其是能力目標，必須選定訓練學生能力的載體——學習性工作任務。圍繞選定的訓練學生能力的任務，設計“能力的實訓過程”，整個實訓過程以學生為主體，選擇行動導向的教學法，主要有任務教學法、項目教學法、基于項目的引導文教學法、案例教學法、角色扮演法、情境教學法、實驗法、現代四階段教學法等，做好教學過程設計，以實現技能、知識一體化，教、學、做一體化，將專業能力、方法能力、社會能力、個人能力集成于學生“能力的實訓過程”中。最重要的環節是給予學生任務以實施項目的具體實施過程。在該過程中，教師及時恰當地對學生進行引導，督促學生根據項目計劃書，按時按量完成相應的功能模塊，保證項目順利進行，實現課程目標。

三、應對新時代要求，課程需要創新

如今，隨著3G網絡的發展，4G網絡的到來。無線全覆蓋的發展勢態，手持終端日新月異。淘寶、微信等領域也是當下學生就業崗位范疇。結合HTML5與CSS3技術的特點，我們應認真分析HTML5與CSS3技術的優勢及其在網頁制作中的應用，為網頁制作提供有力支持，保證網頁制作的整體質量滿足實際需要。同時，我們還要深入挖掘HTML5與CSS3技術的潛力，立足目前應用現狀。

HTML5標志著互聯網的未來主體技術。網頁制作在互聯網發展高要求的前提下，必須要進行技術升級。HTML5從某種意義上代表了互聯網發展的未來。網頁制作的未來發展趨勢中，需要有HTML5這樣的強大技術作為支撐。HTML5在很大程度上強化了網頁的表現性，可以掃描圖形，更能夠播放視頻和音頻，特別是在本地數據庫里可以應用多個網頁。HTML5的功能相對強大，在當前的互聯網運行中，HTML5能夠獲得大多數網絡平臺的支持，微軟曾經表示，瀏覽器要為HTML5提供廣泛的支持。在新傳媒時代的趨勢下，很多社交類網站也開始對HTML5產生興趣，這種融合將會促進互聯網更加豐富多彩，HTML5在未來將會成為主流文本標記的語言。

（二）HTML5的特性和應用效果。HTML5增加了新內容標簽，在HTML4的基礎上，將各個部分的內容形成良好的區分，各個部分的內容相對獨立。HTML5建立的優化的表格體系，用HTML5來定義的表格，可以定義每個單元的輸入格式，可以實現表格填寫的自由化。HTML5可以在網頁中進行視頻和音頻的整合，同時為系統提供了一整套控制播放的元素，HTML5在視頻或者音頻上能夠替代傳統的插件。HTML5解決了在網頁繪制圖形的難題，將繪制圖形與網頁實現完整交互運動。

（三）CSS3將是提升網絡訪問速度的新技術。有了HTML5的優勢體現，CSS3將會是互聯網發展的另一個趨勢。網頁技術的發展經歷了相對漫長的時間，網頁設計技術依靠計算機技術的進步，但是計算機技術與網絡設計的融合是技術與人文思想的融合。CSS3成為網頁制作技術的重要推進，加強搜索引擎對網頁的控制力度，實現網頁快速查詢的效果。

四、結語

互聯網的快速發展經濟發展的必然要求，也是社會生活進步的需要。網頁制作技術決定了互聯網的使用效果。HTML5與CSS3技術也是在不斷的研究和使用中得到提升?；ヂ摼W的發展對網頁設計師的要求越來越高，設計師需要具有多方面的素養，不僅需要技術的專業性，更需要對人文社會知識有一定了解。HTML5與CSS3技術在網頁制作中的應用會逐漸加強，并且隨著多種技術的融合而更加適合互聯網網頁制作的高標準。

參考文獻：

[1]洪明.西方教育研究取向新進展[J].教育研究，2000，（10）

[2]吳立崗.現代教學論基礎[M].南寧：廣西教育出版社，2001