中職《網頁設計與制作》課程教學模式探析

黃延景

摘要：隨著現代信息化技術的高速發展，已經有越來越多的企業對信息發布途徑進行了改革更新，其中通過網絡渠道開展產品營銷的模式應用最為廣泛，且應用效果也很好。所以，當前社會企業對于網頁設計專業人才的需求量呈現不斷增加的趨勢，然而在真實就業過程中，中職院校的畢業學生通常都無法切實滿足企業的真實需求。因此，該文針對中職《網頁設計與制作》課程教學模式進行了深入研究探析，以供參考。

關鍵詞：中職院校;《網頁設計與制作》;教學模式

中圖分類號：G642? ? ? ? 文獻標識碼：A

文章編號：1009-3044（2021）06-0118-02

經過大量調查發現，中職院校《網頁設計與制作》課程當前存在很多不足與問題，比如：教學模式太過單一、教學效率不高、章節之間連貫性不強以及太過注重技巧、忽視設計、學生專業技能跟企業需求不符等多個問題。針對這些真實情況，教師應當不斷尋求最為科學、合理、多元且具備實踐操作性的教學模式，借此提升課堂教學效率、加強學生的動手能力，為學生今后在就業時奠定堅實基礎。

1 上好第一堂課，激發學生的學習興趣

對《網頁設計與制作》而言，第一節課的教學模式至關重要，其會直接影響到學生對該科目的興趣和教學效果，同時跟教師后續教學活動的順利開展、學生學習成績的提升也有密切關聯。因此，在進行第一堂課時，一定要充分調動學生的積極性，激發學生對網頁設計與制作的興趣，可優先選取演示教學法。即首先對網頁制作的基礎理論知識以及詳細操作流程予以闡述介紹，然后對國內外知名度較高的網站、學生制作的優秀作品以及一些典型的個人站點予以全面深入分析，針對這些網站的整體布局、顏色搭配、網站風格等方面以及如何通過圖片將自己的網站變得更加引人注目、更加獨具一格，并得到瀏覽人群的贊同和認可。并對學生們說，只要認真學習《網頁設計與制作》，你們也能夠跟他們一樣，設計制作出如此優秀的網站作品。

該教學模式，需要教師對一些優秀、典型的網站予以全方位的分析，同時對網站制作、設計等方面的理論知識點進行更加詳盡、深入的講解，在學生腦海中構成井然有序的網頁網站概念體系。令學生在自己心中制定一個網站學習目標，并不斷朝著這個目標努力，加強學生相關自己獨自設計制作網站的意愿。而這個意愿恰好就是學生學習《網頁設計與制作》該門課程的強大動力，也是學生能夠學好該課程的基本前提，同時這對教學效率與質量的提升也有很大幫助。

2 改革教學模式，大力提升學生的實踐能力

《網頁設計與制作》課程具備極強的實戰性，教學目標是讓學生全面掌握并靈活運用相關知識與技能，最終可以獨自進行網頁設計與制作。要想對傳統教學模式進行改革創新，一定要選取最為科學有效的教學方式，同時中職院校的教師跟學生也要充分配合，相互協作。比如：案例教學法，該教學模式在當代教育界獲得了廣泛良好的應用，而且跟該課程的內容也十分符合。

比如：在學習3.2《框架（框架集）布局》這一章節時，教師首先對學生展示兩個網頁，其中一個是常規網頁，另一個是框架網頁，并提問：這兩個網頁的區別是什么？由此引入框架網頁新課程。在實際教學活動中，教師應當運用常規制作方式設計網頁，然后再把該網頁遵循框架網頁的制作形式進行操作，拆分、框架調整都會在該案例中充分詳細的呈現，讓學生們直觀、形象地看到框架網頁的制作過程。然后，教師再布置課后作業，讓學生們對課堂上所講述的知識點加深印象，加強鞏固，利用查漏補缺的形式提升教學質量，使其實現最終預期。顯而易見，案例教學模式不僅可以讓學生回顧經典案例的設計制作方式，還能夠讓其將自身具備的知識與技能予以遷移式進展，可以說是“一舉兩得”。

其次，要充分調動學生的實踐動手積極性，激發學生獨自設計制作框架網頁的興趣。在經過以上案例教學模式之后，學生對新知識已經有所掌握，接下來要做的就是“乘勢而上”，實施科學合理的措施開拓知識范圍。該行徑能夠將教學活動延展至課堂外，讓學生自主操作、自主摸索，從而在腦海中創建出相關知識體系結構，達到真正的心領神會、觸類旁通。比如：中職院校教師在開展網頁設計中《數據庫的基本操作》等章節內容時，當學生充分掌握了知識點之后，可讓其獨自做些帶有引導性的課外任務，做到課內課外教學互補，讓理論知識和實踐操作建立密切聯系，從而提升教學效率與質量。

3 實施“教、學、做”一體的項目式教學方式

3.1 行動導向、任務驅動

以當代社會及企業對網頁設計制作的實際需求作為入手點，嚴格遵循“做中學，做中教”的教學原則，把《網頁設計與制作》中的知識點轉化為網站實例制作的環節，并在具體設計制作過程中講解相關技巧、步驟等，特別是在具體制作網頁環節經常應用的“Div+CSS布局模式”，不斷優化教材內容，延伸HTML代碼的學習方式和內容，借助課后練習設計實現對課堂教學講授知識的理解與掌握。

比如：首先創設相關情境，提出新任務。將根據所教授課程相關的音樂、動畫短片或者圖片等創設生動有趣的情境，激發學生的興趣，吸引學生的注意力，從而說出實際任務，以及任務要求。其次，讓學生分組討論，并對學習任務進行層次劃分，由易到難的予以解決，該方式可顯著提升學生的分析能力、思考能力以及解決問題能力。最后，開展任務實施環節，此時應當將學生當作課堂主體。在完成任務期間，學生經歷了自主分析、自主探究、分組討論等過程，對問題進行了妥善解決。而教師在該過程中充當的是引導者、輔助者以及任務發布者，對學生進行合理的指導點撥，使其能夠更加順利、快速地做完任務。

3.2 循環往復教學法

講解理論知識—動手實踐操作—自我反思—講解理論知識—動手實踐操作，這就是循環往復教學方式的全部過程。其能夠提升學生對知識的理解程度與掌握程度，尤其是《網頁設計與制作》中的第四章《動態網頁設計基礎》課程，該小節知識點極多，且難度系數也較高，學生比較難理解，一定要多次反復講解、實踐，借此強化學生的記憶，加深學生的理解，方能取得顯著的教學效果。需要注意的是，應當采取科學合理的措施激發學生的學習興趣，同時教師也要對該小節進行全面充分地理解，建立相應的知識框架結構，在講解過程中要由表及里、突出重點、分散難點，注重邏輯性，為學生理解這些知識點提供有力幫助。

4 優化教學方法，提升學習效果

4.1 小組合作，加強團隊精神

教師在對中職學生布置網頁設計作業時，一定要注重團隊合作的重要作用，并鼓勵學生記住小組利用團隊合作的方法完成課后作業。同時也要將小組內各成員如何進行合作的步驟提供給學生，讓其進行參考。

比如：首先對班級學生進行分組，選擇學習成績、道德素養都比較優秀的學生當小組長，小組長負責對網站制作項目進行籌劃以及對組內各成員的職責進行分配。其次，小組長對各個成員的興趣進行統計匯總，然后確定網站主題。小組內的成員至少要負責2個子頁。分組完成之后，各小組開始對自己網站的版面布局、顏色搭配、logo設計等進行制作。在該環節，每個小組都要呈交設計草圖，并且該草圖必須是通過Photo shop或者Fire works所制作出來的。然后由主要負責人對該網站設計理念予以講解，教師跟其他組學生對其進行合理評價，并提出改善建議。之后是網站制作環節，由于該環節頁面數量眾多，所以各小組需要隔一段時間就將制作進程報告給教師，然后派遣小組成員對一些比較重要的頁面予以演示。教師則需要對制作進程予以有效控制，若是發現問題應當即刻對其進行指正。對每個小組所設計頁面中的文字、圖片顯示、連接使用、不同瀏覽器下網站等多個方面進行嚴格測試，查看其運行能否充分滿足設計標準需求。此外，各小組還應當對每一項測試數據進行詳細記錄，最后予以整合匯總，交給教師，由教師進行審核，并對各組存在的問題、不足和缺陷一一進行分析解決。各小組自主申請免費主頁空間，運用FTP工具發布所制作設計的網站。當然，所提交的網站域名僅供教師與學生進行訪問。

4.2 作品展示與評價，推動學生個性化發展

在實際教學活動中，教師應當加大對學生設計作品的展示力度，并讓其他學生暢所欲言，共同對該作品進行評價。同時，教師也要說明評價網頁的準則、方式等，比如：在實際評價過程中，應當先對該作品進行表示肯定，加強學生的自信心，之后再站在專業角度指出它所存在的問題。如此方能全面調動學生的學習主動性，提升學生的成就感。

通過將學生作品予以展示這個環節，不僅為學生提供了展示自我學識、能力的良好平臺，同時還培養了學生的自我反思能力。而其他學生對該作品的評價，既能夠讓這些學生對他人作品具備初步了解，從而知曉自身的短板，進而更加努力認真的學習，又能為這些學生指明之后學習的大方向，最后真正實現個性化教學。除此之外，還能夠創建網絡討論平臺BBS，以供學生們共同探討，并將學生制作的作品放在教學網站，讓大家欣賞，并選出最佳作品，對學生進行表揚夸贊，增強學生的自信心與學習該課程的興趣。

5 結束語

綜上所述，對中職學生而言，《網頁設計與制作》課程中重難點知識點較多，理解、學習都有一定難度。因此教師應當全面革新傳統教學模式，對案例教學法、“教、學、做”教學模式進行充分靈活的運用，調動學生學習的積極性，拓展學生的知識面，提升學生解決問題的能力，讓學生跟工作崗位之間實現零距離接觸，為中職畢業生就業奠定堅實基礎。

參考文獻：

[1] 張純紅.項目教學法在中職網頁制作課程教學中的實踐研究[J].才智，2019（11）：123.

[2] 丁仲海.淺析中職學校網頁設計與制作教學策略[J].考試周刊，2019（28）：17.

[3] 張彬.翻轉課堂在中職網頁制作課程教學中的應用——以“網站模板的使用”為例[J].西部素質教育，2018，4（23）：120-121.

[4] 段珊珊.OBE-CDIO教育理念在《網頁設計與制作》課程教學中的探索與實踐[J].電腦知識與技術，2018，14（28）：126-127，132.

[5] 王芳.中職院校網頁設計與制作教學實踐研究[J].中國教育技術裝備，2018（15）：135-136.

[6] 秦福生.PBL教學模式在中職網頁設計與制作教學中的實踐與思考——以制作“班級相冊網站”為例[J].廣西教育，2018（18）：114-115.

【通聯編輯：代影】