《HTML網頁》課程改革及實踐研究

肖英

摘 ?要：本文探索《HTML網頁》課程教學改革及實踐。首先分析了課程特點及學生學情;然后進行了教學方式及方法改革探討，并積極引入微課等多種信息化技術來提高教學質量;最后，為完善整個教學環節，在世界大學城平臺制作了大量課程資料，方便學生課前、課堂及課后更好的學習。實踐證明，通過一系列教學改革后，學生反映課程內容比之前更易接受，學習主動性大大增強，學習質量顯著提升。

關鍵詞：HTML網頁;課程改革;微課

一、《HTML網頁》課程特點及學情分析

《HTML網頁》課程通過對網頁界面設計中的文字、音樂、視頻等信息應用的相關專業知識講授，讓學生把網站中要傳達的信息通過相關方法展現出來;另一方面通過對相關設計軟件的使用進行課堂講解與練習，使學生能夠掌握軟件操作方法，并能夠靈活應用課堂知識處理一些在實際網站項目中遇到的技術困難。？因此整個《HTML網頁》教學中涉及到代碼學習、軟件操作學習以及整個網站和網頁設計規劃能力培養，這些對于高職學生而言都是很大的挑戰。高職學生對于專業課程學習的特點是喜歡純操作性的課程，對于涉及到代碼及多個軟件的綜合操作應用時往往表現為力不從心，這與他們較低的文化素養、較差的專注力及耐力有關，而這些都不是一朝一夕可以改變的。同時筆者根據教學經驗發現大部分學生在課程學完后沒有花很多時間去總結復習，而本門課程如果不及時總結和復習將大大降低學生對知識的掌握。因此，針對本門課程的教學研究及實踐改革非常有必要。

二、《HTML網頁》教學改革及實踐研究

（一）研究教材內容，編寫適合學生學情的教材。目前《HTML網頁》課程采用的是清華大學出版社的《HTML+CSS+

JAVASCRIPT網頁設計與布局實用教程》。該教材的特點是理論詳盡，各個小知識點也輔以了小實例，但是整個章節知識點串聯不是很好，且每章節后的習題安排不是很合理，不能把整章的知識進行系統的整合到一個實例中。同時參考其他學校選用的教材發現和本課程有關的書籍呈現為兩個方面的特點：1） 理論知識方面側重太多，HTML、CSS、JavaScript雖然涉及到的知識很多，但根據高職學生特點，他們不喜歡讀太多理論性的教材，喜歡案例式的引入式教材。2） 另外一部分教材則把

HTML、CSS、JavaScript理論方面做了淡化，更多的將重心放在編寫Dreamweaver的編寫上，Dreamweaver是一款既可視又可編寫代碼的制作網頁實用軟件，但在Dreamweaver中用純可視方式制作網頁，將產生大量的垃圾代碼，因此《HTML網頁》不能選用單純的Dreamweaver方面教材。

基于以上的分析及學生特點，適合我院學生教材應采用案例式的編寫方式，將知識點融入到案例中，引導學生一步步完成各個案例，最后組成一個大的項目。通過這些案例和項目制作來使學生掌握所有的知識。例如圖2.1展示的是在學習制作表格網頁時，筆者將各個知識點進行細化，然后讓學生一個個去實現，最后總結復習制作一個大的表格網頁，通過各個案例實現及各案例制作達到徹底掌握知識的目的。因此，在選編教材時可選用類似的案例式教材資源，同時筆者也積極進行探索編寫適合我院的《HTML網頁》教材。

? ? ? ? ? 圖2.1 ?案例設計

（二）研究教學方式和方法，采用項目式引導、任務驅動及引用微課教學模式。（1）教學課堂改革，引用多種信息化教學技術，進行微課開發和應用。 微課，是以闡釋某一知識點為目標，以短小精悍的在線視頻為表現形式，以學習或教學應用為目地的教學視頻。它對學生學習、教師教學實踐以及教師專業發展，都具有重要的現實意義，它的發展必引發新一輪的教育數字化教學改革。[1]目前，國內微課還處于發展的初期，基本處于應用探索期。[2]因此，筆者針對本課程并結合學院實情提出一些對課程開發有益的微課開發探索。

首先，教師必須熟悉相關課程內容，然后精心遴選知識點進行微課制作。在微課的制作中，教師不一定對教材中所有的內容都進行微課制作，制作一個有效果且精美的視頻是需要大量的時間及精力的。因此，在微視頻的制作過程中需要老師根據經驗選取有代表性的知識點。接下來淺談筆者對《HTML網頁》微課制作的一些設計思路。興趣是激發學生學習最好的老師，因此，制作微課的內容應生動有趣，從一開始就要緊緊抓住學生的眼球，并適時的拋出問題，引導學生去思考。對于本門課而言，適宜的微課設計是先給出效果，由淺入深，學生從生動的圖片或視頻中提出問題，然后師生進行分組共同探討問題解決方法，最終達到良好的教學目的。圖2.2是筆者對本課程微課制作過程提出的設計思路，期望從這一典型的設計過程中激發學生的學習興趣，將知識點進行探討和實踐等多種方式來進行學習。

圖2.2 ?《HTML網頁》微課設計思路

（2） 綜合應用項目式引導及任務驅動的實踐教學模式，改革考核方式。我院《HTML網頁》課程以學生為中心，突出高職教育特點，以相關理論為指導，強調學生動手能力培養和創意思維能力的提高。課程改革采用項目化任務驅動式案例教學模式，將徹底打破傳統學科課程的設計思路。以項目為引領，根據教學內容和教學要求，設計一個或多個精選案例，將所要學習的知識、操作、技能等融入案例中，通過對案例的分析、演示、講解、討論、學生練習以及總結評比等環節，以加強學生對基本概念、原理、方法的理解、大幅提高學生實際操作技能。同時本課程是一門操作性很強的課程，所涉及到的基本操作有嚴格的操作程序和規范要求，因此一開始就應對學生提出嚴格的要求并進行嚴格的訓練，在技能訓練中采用啟發式教學、討論教學、指導自學、小組教學等多種教學方式形式相結合的方式進行，力求做到既規范操作又靈活運用。教學過程中，課程改革以企業真實的工作過程開展教學設計。筆者對本課程教學改革以某房產公司網站建設項目為課程載體，以真實的網站建設過程開展教學模塊和教學方案設計，充分運用工學交替、任務驅動、項目導向、校內定崗實習等多種教學模式。最后，課程評價則以能力評價為中心，注重學生基礎知識的理解、基本技能的掌握及藝術修養的提高。具體做法是：在不同項目中，制訂不同層次的評價標準，采用師評、互評、自評相互結合的評價方式，力爭與未來職業崗位要求接軌，與市場需求一致。

通過一系列的改革，最終目的是讓學生感受到學習的樂趣，化被動接收為主動學習。通過一學期改革實踐，學生上課的積極性明顯增強，動手操作的意愿更為強烈，基本上都能積極朝著將自己培養成與未來職業崗位要求接軌，與市場需求一致的高素質人才努力。

（三）利用世界大學城的空間教學優勢，重視課堂前后。《HTML網頁》是一門實踐性強的課程，但同時也存在許多的代碼編寫和軟件使用問題，僅靠課堂短短幾節課的學習學生只能把內容掌握，但不及時復習的話很容易對知識遺忘，因此課后的內容鞏固就非常有必要了。目前，網絡學習空間環境建設是教育信息化核心理念與未來發展方向的體現，也是教育信息化發展的前沿。空間教學的興起，打破了以往傳統的教學模式，師生交流更加靈活和頻繁?！禜TML網頁》課程完全可以充分利用這一個打破時間、空間限制的有利工具，來提高學生的學習效率和質量。圖2.3就是筆者在世界大學城空間針對《HTML網頁》課程制作的課程資源建設庫。

圖2.3 ?《HTML網頁》課程世界大學城空間建設

《HTML網頁》空間課程資源建設主要包含了課件、概念庫、案例庫、標準庫、理論訓練庫、實踐訓練庫、課后總結及視頻輔導。其中課件里是與教材相關的圖文并茂的PPT，學生可在課前在線或下載后查看，對所學知識進行預先了解。概念庫則一般在課堂講解時總結相關的概念，課后老師整合到網上方便學生查看有關的概念，提高學習效率。案例庫則把和課堂有關的案例放到網上，一方面是方便學生在課堂查看老師布置的作業，另一方面則可以在課后進行案例繼續再做，加深對知識的掌握。理論訓練庫和實踐訓練庫則都注重對知識的強化，通過理論過關和實踐操作讓學生能夠查漏補缺，鞏固復習。課后總結則是老師針對課堂教學的情況對每次課進行課后總結復習，老師在以后的教學中也能隨時根據教學查看前面的課程教學反饋，并及時調整教學內容和方法以提高教學質量。視頻輔導重點針對一些重難點的操作，老師對知識進行錄屏，錄制好后發布到空間，學生可針對重難點查看視頻，解決了老師不能隨時輔導的問題。

因此，通過世界大學城這一優良的網絡平臺，學生真正可以做到不受時間及地點學習，他們通過自主預習，主動學習及課后復習這三個環環相扣的階段進行自發學習，這大大的提高了學生的主動性、自覺性及興趣，從而也大大提升學生的學習質量。

小結：《HTML網頁》是計算機專業一門實踐性很強的專業基礎課。筆者分析了本門課程特點及我院學生學情，并重點針對課程改革提出了自己的思路和實踐方法。在進行教學研究改革實踐后，學生反映課程內容比之前更易接受，學習主動性大大增強，并且課后能夠積極進行項目實戰復習，這證明改革實踐有一定的成效，達到了我們預期的教學改革目的。

參考文獻：

[1] 茹志鵑.程序設計基礎微課程開發[J].科技信息.2014.3

[2] 田貞.微課在計算機基礎實驗教學中的應用研究[J].教育探索.2013.24