《網站設計與開發》課程教學方法改革研究

于瑩瑩 李珊珊 劉海燕

摘要：針對如何解決文科出身的學生學習計算機類課程的問題展開研究，結合多年教學授課經驗，以《網站設計與開發》課程為例探討教學方法改革，提出趣味類比法、半翻轉課堂、啟發式教學、兩階段課堂答辯等形式的教學新方法，以期提高文科生學習興趣與學習效率，提升教學效果，為網站設計與開發課程的講授提供一定的指導與幫助。

關鍵詞：網站設計與開發；教學方法；教學改革

中圖分類號：G642.0 文獻標志碼：A 文章編號：1674-9324（2019）30-0082-02

一、引言

互聯網時代，企業對網站設計人才需求持續增長，各院校針對計算機科學技術專業、信息管理與信息系統專業、軟件工程專業等也都開設了網站設計與開發相關的課程。然而，許多學校的信息管理與信息系統專業學生出身于文科，在學習計算機類課程時存在理解難、興趣不高、動手能力較弱等問題。圍繞如何解決這一類學生的學習問題，本文進行了相關分析與探討，目的在于為網站設計與開發課程的講授提供一定的指導與幫助。

二、《網站設計與開發》課程介紹

本文探討的《網站設計與開發》課程是信息管理與信息系統專業的一門專業基礎課。通過本課程的學習，學生能夠掌握網頁設計制作的基本知識和技巧，同時熟悉網站建設的基本知識，達到能獨立構建簡單網站或通過協作構建較復雜網站并設計相關網頁的水平。在完成基本知識教學的同時，還要通過實踐環節，強化對學生動手能力的培養與訓練，提高學生的計算機科學能力，增強學生的網頁設計與制作技能，激發學生的創新意識，為動態網站開發技術的學習提供基礎知識。

三、《網站設計與開發》課程教學過程中存在的主要問題

1.文科專業學生計算機操作能力、邏輯思維能力較弱，基礎不夠好。

2.文科專業學生學習計算機類課程時往往難以理解，興趣不足。對于文科專業學生來說，文化理論課更容易吸引大家注意，以講故事的方式來講授計算機課程更容易引起學生的興趣，這也對理工科教師如何生動有趣講授技術類課程提出了很高的要求。

3.學習動力不夠。這對于許多本科生來說是一個通病。若沒有就業需求，就更加無法產生足夠的學習動力。其實，學生學習知識不僅僅是為了就業，更應該把自己培養成為快速適應新時代科技發展的人才，具有一定知識儲備，鍛煉培養自學能力，使得自身在其他崗位就業也能有所準備，立于不敗之地。

4.課堂上教師講授內容過多，學生實踐時間較少。學生學習處于被動接受狀態，與教師和其他同學的互動較少。

四、教學模式改革的主要措施

針對上述問題，教師需要不斷提升教學素養，更新教學理念，采用新的教學模式，改革教學方法。本次教學方法改革主要從課程設計、課堂講授、考核方式等角度提出以下幾點創新。

1.趣味解說，類比講授，解決課程枯燥乏味問題。如何將枯燥的計算機課程講授得生動有趣，在課堂上吊起文科生的胃口，是近幾年來我們在教學過程中常思考的問題。本次教學方法改革創新地提出從“武林”角度，將HTML、CSS與JavaScript比作制作靜態網頁（“武林”）的三大“武林絕學”，依次修煉，方能習得制作網頁（立足“武林”）的基本技能。

●第一部“HTML絕學”，這是最基礎也是最重要的“絕學”，因此需要在第一階段講課過程中充分調動學生學習的積極性與主動性，這樣后面的學習熱情才可以得到保持。倘若在第一階段就讓學生失去了學習信心與興趣，那后期的課程就很難再抓住學生的眼球，教師就沒有辦法開展有效的教學工作。第一階段需要學生習得網頁自身結構，在授課過程中可以將各種HTML標簽比作“穴位”，學習掌握每種標簽的作用，即可“打通全身穴位”，作為“武學基礎”，同時做到融會貫通，練就“點穴大法”，從而正式踏入“武林”（網頁制作）。

●第二部“CSS絕學”是實現網頁的美化。學習過程可以看作是研修“易容術”這一制作網頁的“絕學”。不同的層疊樣式單都能使得網頁搖身一變，換上華麗的新裝。學生可以將自己修煉成“易容師”，用不同的選擇器對頁面加以修飾。在“點穴大法”基礎上增加新的“易容”技能，鞏固自己在“武林”中的地位。

●第三部“JavaScript絕學”可以增加網頁的交互行為，也就是習得網頁的動作能力，練就十八般武藝，以期在“武林”中能有所建樹，并為學習其他高深的“武林絕學”（框架，如Vue、Angular、React等），成為“武林高手”（前端人才）奠定基礎。

在課堂中，通過如上方式的類比講授，吸引學生的課堂注意力，增強學生的好奇心，可以讓零基礎的文科生從容自信地學習網站設計與開發技術。

2.理論與實踐并舉，強化學生記憶。《網站設計與開發》是一門實踐性要求較高的課程。與需要考試的理論科目不同，該課程沒有考試要求，學生學習心理壓力不大，不需要死記硬背標簽的功能、樣式屬性，完全可以在實踐過程中熟悉、增強記憶。而以往的授課經常將理論課與實踐課分開，理論課堂主要講解HTML標簽作用，上機課程練習理論課上講解過的標簽，完成實踐作業。然而，這種方式存在一定時間間隔，學生學習和實踐過程存在中斷情況，往往在上機課上效率較低。因此，提出將理論與實踐并舉，在機房上課或者由學生攜帶電腦到課堂上，與教師一起，在課堂上動手編寫代碼，加深理解，強化記憶。

3.增強互動，“半翻轉課堂”試驗，讓學生參與到課堂。在課程伊始，讓每位同學思考設計一個自己感興趣的網站，確立好選題后，圍繞自己的興趣網站，應用每節課學習到的內容來逐步完成網站的設計與制作。課堂上，給學生提供展示的機會，以此激發主動性較強的同學在課后能多學多練，深度挖掘課堂上沒有講授的內容，由學生從自身需求角度，將知識消化吸收并帶進課堂，與教師和其他同學討論，實現“半翻轉課堂”。之所以是“半翻轉課堂”是考慮到文科生學習計算機課程能力不同，無法完全實現“翻轉課堂”而提出的部分“翻轉”。課堂上優秀同學的互動，也會進一步激發普通同學的學習動力，逐漸形成“你追我趕”之勢。

4.啟發式教學，培養學生獨立思考與自學的能力。由于HTML標簽的語法具有通用結構，同時許多標簽具有相同的屬性，因此標簽的學習具有極高的相似性。學生在掌握一定標簽之后，教師可以采用啟發式方法，而非一味地采用“填鴨式方法”，逐步引導學生自學其他標簽。在實踐中思考——驗證已知效果，在思考后實踐——探索可能的方法。要讓學生明白不是所有的知識都會有老師教授，尤其是在社會上、工作中，更多的知識和技能是需要自己獨立學習獲得的。因此，教師應充分把握課堂機會，啟發、培養學生獨立思考與自學的能力也是教學方法改革的一個重點。

5.兩階段“課堂答辯”，考核學生掌握的真實情況。區別于考試科目，考查課的成績主要依靠期末網站作業的情況來評定，而傳統的期末大作業考核的方式，很難準確判斷出學生完成作業的獨立程度與知識掌握程度。為督促學生認真學習，教學方法改革中采用期中與期末兩階段的“課堂答辯”激勵與檢測方法。該方法是利用課堂實踐時間，教師與部分學生一對一地進行交流，對平時成績較差的學生，尤其是實踐能力較差的學生進行重點考核。兩階段的優勢在于：（1）期中階段的答辯有助于發現掌握程度較差的學生，以便教師及時進行鼓勵與幫助，以免學生喪失學習信心、自暴自棄。（2）期末階段的答辯有助于了解每一位同學完成網頁的獨立程度，為成績評定提供更加真實準確的依據。

五、結語

經過上述改革方法的教學實踐，學生在課堂上能保持較高的學習積極性與主動性，在期末基本都能獨立完成一個簡單網站的制作，為大學后續階段實訓課程的學習打下良好基礎。新的教學方法改革了教師的教學內容和教學理念，能切實提高學生的學習能力，也為今后該課程的教授提供一定的參考價值。

參考文獻：

[1]侯佳路，王潤華，于曉荷.《靜態網頁設計與制作》課程改革探討[J].中國科技信息，2012，（6）：135.

[2]胡同花.《靜態網頁設計與制作》教學改革探討[J].中國新通信，2017，（17）.