《靜態網頁制作》課程教學改革的實踐探索

劉 霜（河南牧業經濟學院，鄭州，450000）

?

《靜態網頁制作》課程教學改革的實踐探索

劉 霜
（河南牧業經濟學院，鄭州，450000）

摘要：《靜態網頁制作》課程是高等院校電子信息類專業開設的基礎課程，為以后更深度的課程奠定一定的基礎。并對實際靜態網頁教學課程改革效果進行有效的歸納和總結，為高等院校在培養高技能人才道路上提供有借鑒價值的經驗和方法。

關鍵詞：靜態網頁制作；課程；教學改革；實踐

［2016］-ZCXM-123

項目名稱：靜態網頁制作課程多元互動教學的研究與實踐

0 引言

隨著信息時代的到來，人們獲取信息的方式已不再是單純依靠傳統的方式，而是更多的通過互聯網的形式，而互聯網形式的展現和體現是通過網頁的承載來完成的，因此網頁制作以成為當今人們比較重視的學科。隨著教育與社會實際需要的接軌，高等院校為了滿足社會需要和就業需要，開始把網頁制作作為電子信息類專業的必修課，而靜態網頁制作的課程也是為了給后續的課程提供基礎保證，比如《ASP.NET動態網站設計》 、《JavaScript腳本編程》等課程。在我們實際教學過程中，我們摒棄了部分傳統教學方式，結合實際需要和形勢發展要求對教學模式進行大膽改革，也取得了比較好的教學效果。

1 靜態網頁制作課程開設的必要性

靜態網頁制作是一門針對性強，實踐性強的學科，傳統的教學通常采用DreamWeaver的窗口編輯器對學生進行授課，讓學生對網頁代碼理解不深，忽略了對學生網頁架構能力的培養，從而導致學生在進行后期的課程教授中接收難度大，理解不深，運用掌握能力不強的問題，讓學生在后期的課程學習過程中更加困難。比如在后期基于靜態網頁制作開設的圖像處理、動態網站開發、DIV+CSS布局以及其它相關課程課程。因此，靜態網頁制作課程教學的開設為以后的網頁設計起到了很大程度上的鋪墊作用。

2 靜態網頁制作教學課程的教學目標

（1）扎實學生的基礎知識。遵循知識講授由淺入深的原則，重視學生基礎技能的掌握。首先在靜態網頁制作初期讓學生充分掌握網頁、網站的基本概念和操作常識，隨著課程的深入，讓學生理解HTML語言中的文本格式和段落設置情況，讓學生對網頁的構建有一個初步的認知，在此基礎上教授學生基礎的表格、動畫制作和網站測試、發布與維護的知識。并通過實踐鍛煉讓學生具有觸類旁通、舉一反三的能力。

（2）提高學生全面的技術能力。在日常的授課過程中，在教授全面的技術手段和方法的同時，可結合實踐讓學生更容易接受和理解，并通過應用提高其技術水平。例如在網頁制作中讓學生結合具體的案例熟練運用HTML語言對網頁進行編輯和設置，熟練運用CSS技術對網頁風格進行設計，并根據要求把圖像、動畫、音視頻嵌入到所制作網頁中。學生只有將各種技能熟練地掌握和運用，才能更好地適應未來工作中遇到的各種問題。

（3）提高學生的綜合素質。學習不能閉門造車，特別是對于發展日新月異的電子信息領域，學生面對網絡上大量的課程相關資料和網頁制作素材需要具備一定的信息收集與整理能力。在授課過程中，可以結合最新的真實案例進行分享和講解，讓學生在對行業狀況有一個全面認識的基礎上鍛煉學生的市場分析和判斷能力。同時，把更多的空間和主動性還給學生，讓學生在課程任務中鍛煉彼此協作和溝通的能力。在學生完成課程任務時，充分引導學生在解決和分析問題過程中積極創新，采用發散式思維對靜態網頁制作中的問題和難點進行思考，以培養學生的創新型思維。

3 靜態網頁制作課程教學改革的實踐

（1）激發學生學習靜態網頁制作的興趣。在日常教學過程中，老師首先需要思考如何才能調動學生的積極性和學習興趣，如何更好地恰當的激發學生的求知欲，學生只有有了學習興趣和熱情，才會更愿意去學，更有動力去探索。老師可以在基礎知識階段和概念階段適當的引入一些知名網站或本班學生制作的突出的網站進行展示和全面的解析，讓學生通過實例了解網頁的整體布局、色彩搭配、圖片美化以及風格設置等的相關知識，通過實例讓學生了解網頁與網站的聯系與區別，也讓學生對優秀網站設計充滿欲望。這種方法可以很好地的調動起學生的學習興趣和熱情，并產生制作自己設計的網站的渴望，不僅可以提高授課效率，還可以很好地幫助學生樹立自信心和用于動手的勇氣。

（2）教學課程要精心設計。實踐是基于理論知識基礎之上的，所以老師也要足夠重視理論知識的傳授，重視日常的課堂教學環節。教師可采取教學做一體化的教學模式，讓學生在充分掌握和理解理論知識的基礎上參與實踐操作，以便更好地運用和加深理解。教學課程的設計可按照學、解、練、做和看的步驟進行，這個步驟分解開就是將教學案例和實踐案例以及優秀案例進行歸納和總結，既包括教材知識，又包括實際企業的項目案例，把各個知識點合理的嵌入到案例講解中進行講解和練習，并讓學生通過代碼功能解析對代碼功能和運用有一個更清晰的認識，經過以上兩個階段的培養，可以讓學生適當的進行部分課堂練習以鍛煉學生的動手實踐能力，并在實驗課上拓展學生的實際運用能力，幫助學生進一步加強課堂知識的理解和掌握，讓學生也能從中總結自己的問題和解決問題思路上的瓶頸，以便更好地去彌補不足，最后通過學生作品的展示來鞏固和加深學生對課堂知識的運用技巧，并鍛煉學生的動手和團隊協作能力，以此來更好地提高學生的專業技能和綜合實踐素質和能力。

（3）教學方法靈活運用。由于靜態網頁制作具有很強的針對性和實踐性，因此在專業課程傳授過程中要以學生為核心，靈活掌握教學方法，把實踐、分析和任務驅動等先進教學方法交替使用，并嵌入真正實際運用中的案例和項目供學生學習和了解。教師要主動轉換教學角色，與學生融為一體，教學相長，以身體力行來引導學生樹立正確的價值取向，并加強與學生間的溝通和互信，將以往傳道受業的教師身份轉變為學生的心靈導師和協作者，讓學生體驗到課程學習過程中的輕松，以便學生更好地發揮主觀能動性和創造性思維。在實踐環節，讓學生切身經歷真實的工作情境，獨立操作完整的任務和項目，使其在實踐中不斷鍛煉其發現和解決問題能力，通過自身的經歷來鞏固所學知識，才能更好地提高學生發現、分析和解決問題的能力。

4 靜態網頁制作課程教學過程中應注意問題

（1）加強教師隊伍建設。基于靜態網頁制作的特點，對教師的要求也要提高，既要有一定的教學基礎和能力，又要有一定的網站開發制作經驗，只有具備這樣的能力才能更好地確保授課過程中對學生的理論與實踐和經驗上的分享是與實際運用接軌的。

（2）改善硬件設施環境。為了更好地保證課程的順利開展，給學生營造一個真實的實踐環境，學校應加大硬件設施的投入和建設，例如局域網的搭建、機房的升級、軟件的更新換代、以及AC管理等。

（3）進一步完善教學資源。教學資源的完善和健全是教學質量的保障和基礎，因此學校要在各個方面完善教學資源，比如網絡課程資源的完善，教學案例的及時補充、實踐活動的輪換以及與校外企業合作建立實踐和培訓基地等。

5 總結

通過以上靜態網頁制作課程教學的改革實踐我們取得了很好地效果，不僅激發了學生的學習熱情和積極性，還鍛煉了學生獨立分析、思考、解決、總結問題的能力。通過教學模式的轉變，老師與學生間的互助越來越多，既為學生學習創造了良好的學習氛圍，又讓學生體驗到了實際工作中的經歷和經驗，為以后走上工作崗位奠定了堅實的基礎。此改革是經過我們實踐證明的，是行之有效的，希望能夠對相關專業的教學改革起到借鑒和參考價值。

參考文獻

［1］《周口師范學院學報》“網頁制作”課程教學改革與探索 盧欣欣； 王大羽 2013-09-15

［2］《計算機教育》基于工作過程的“網頁設計與制作”課程改革的探索與實踐 劉萬輝； 宋桂嶺 2010-01-25

［3］《工業和信息化教育》基于計算思維的教學改革實踐研究——以“網頁設計與制作”課程為例 王海波； 張偉娜 2013-06-15

The practice and exploration of the teaching reform of the course "static web production"

Liu Shuang
（Henan University of Animal Husbandry and Economy，450000）

Abstract："the static web production" course is the basic course of electronic information specialty in Colleges and universities， which lays a foundation for the further depth of the course.In order to provide valuable experience and methods for colleges and universities to cultivate high skilled talents，the reform effect of the actual static web page teaching is summarized and summarized.

Keywords：static web page making；course；teaching reform；practice

作者簡介

劉霜，性別：女，出生年：1984，籍貫：鄭州，職稱：助教，職位：助教，研究方向：數據庫，數字媒體。