以“說課”形式談《網頁設計與制作》項目教學設計

丁 玲（徐州財經高等職業技術學校，江蘇 徐州 221000）

0 前言

江蘇省“兩課”評比活動已經連續開展近三年，筆者有幸參加了專業技能課程的評比并取得了示范課。時至今日，回想整個備賽過程，其中的酸甜苦辣仍記憶猶新。兩課評比旨在引導教師提升職業道德、教育素養和教學能力，總結體現課程改革精神的教學模式，樹立教學改革與創新的典型。對于基層教師而言是展現教師全面深入的教學設計以及用案例體現微觀教學技巧的平臺。

從“兩課”評比的評分項目看，從目標確立、學情分析、教材處理到資源整合和教學反思等都是為了對一個教學單元進行更全面細致的教學設計做準備。因此，筆者認為教學過程的設計和支撐教學的案例的選擇尤為重要。下面，就以《網頁設計與制作》課程中網頁基本元素的使用這一教學單元為例，講述項目教學過程的設計和實施。

1 學情分析

筆者面對的教學對象是五年制軟件技術專業二年級的學生。他們思維活躍，樂于溝通，喜歡模仿和動手實踐，但是他們韌性不足，團隊合作能力稍顯薄弱。學生經過前期的學習已經學會了創建站點和網頁文檔，并且能夠對頁面進行總體的控制。不過多數學生對網頁設計的崗位認知還比較模糊。

2 教材分析

根據學生的以上特點，本課程選擇的教材是《網頁設計與制作案例教程》，該教材是高等職業院校的計算機教育規劃教材。教材采用了基于工作導向的任務驅動的教學方法，符合學生的認知規律，但是案例缺少情境的引入，不能有效的激發學生興趣。因此在教學過程中創設了情境，增加了案例。因為學生首次接觸網頁制作，所以如何提高他們的學習興趣和熱情尤為重要，因此，我在教學中做了大膽的嘗試，將網頁設計模塊中文本操作、圖像操作和超級鏈接三個教學單元的內容進行整合，用4課時的時間，圍繞制作“團隊介紹網站”這一項目展開，讓學生在興趣和團隊的引導下自主學習網頁基本元素的使用。這一部分內容是網頁制作的基礎階段，同時也為學生繼續學習網頁布局設計與樣式奠定扎實的基礎。

3 教學目標

根據學生的認知規律以及軟件技術專業的人才培養方案和《網頁設計與制作》課程的課程標準，確定了該教學單元的教學目標。教育的本質是提升學習者的素質，能力是素質的外在表現，知識則是能力和素質提升的載體。因此本次學習的目標是在學生掌握網頁基本元素的使用方法的基礎上學會合理使用這些元素進行頁面的布局、增強美觀性，能夠規范網站素材的管理，能夠客觀的對網頁作品進行評價；最終培養他們的創造力和團隊協作能力，提升自主學習的能力，樹立終身學習理念。

4 教學設計與實施

4.1 設計理念

加拿大學者喬治·西蒙斯的關聯主義指出 “知道更過的能力比目前知道多少更為重要，我們對明天知識的學習能力比我們對今天知識的掌握能力更為重要”。所以，本教學設計主要源于興趣培養、能力提升和知識學習。

4.2 項目案例

基于以上設計理念，圍繞讓學生制作“團隊介紹網站”這一項目展開教學，主要通過在五個教學環節中使用多種教學策略最終完成整個教學過程。學生在學習的過程中主要通過自主探究、合作學習的方式，實現對知識的感受、感知和體驗，培養他們的創新和合作能力。

4.3 教學環節

該教學單元安排了賞、練、說、教、拓五個教學環節，其中前三個環節是學生進行思考、模仿、學習的主動認知過程，教師在此基礎上明確學生學習的差異進行分層式教學，學生通過拓展練習進一步提升學習能力。在每個環節中安排了具體的工作任務，讓學生在任務的驅動下完成學習內容。

4.4 教學實施

1）第一個環節——賞

本環節主要通過個人網站欣賞，讓學生認識網頁的基本元素，培養他們的鑒別能力和分析問題的能力。首先讓學生欣賞學校精品課程網站以及參考教材中的個人網站，學生進而產生濃厚的學習制作熱情。接下來通過教材中“長沙世界之窗”網站頁面向學生介紹本項目中將會使用到的網頁元素，主要是文本、圖像、鏈接、列表的使用，以及網頁的基本布局方法，學生在明確了知識點之后為下一階段制作網站做好準備。

2）第二個環節——練

此環節讓學生通過制作團隊介紹的網站，復習站點的創建，學習網頁基本元素的使用，培養他們自主學習、解決問題和團隊協作的能力。在小組分工學習過程中，組長權力最大化，他負責小組的分工、討論、時間控制等，同時也擔負主要責任。教師在每個小組巡視的過程中發現學生在制作過程中會出現各種各樣的問題，他們多數會選擇直接求助老師，這時可以引導學生先從書本中找答案，或者詢問身邊的組員，以此培養學生的自主學習和團隊協作的能力。在緊張而充實的任務中學生最終在規定時間內要結束本組的操作，進行作品的提交。在練的環節中主要通過任務驅動和分組教學的策略讓學生進行自主探究、合作學習，同時展示他們的個性也發現問題。

3）第三個環節——說

此環節要求學生總結知識的運用，鍛煉他們的歸納總結能力，培養欣賞能力和競爭意識。這時由每個小組的組長和教師組成評委組，并由各個組長依次進行本組作品的展示。在展示過程中教師引導學生如何進行作品的客觀評價，并由其他小組的代表進行點評。通過這個過程學生會對照找出自身和本組的優勢和不足，并在優化中加以改進。最終得分比較高的小組會在個人評價中作為加分因素。通過學生的練習和展示，90%以上的學生已經掌握了文本、圖像的插入、內部鏈接的設置；有半數的學生站點資源管理不規范，圖文混排、頁內鏈接和嵌套列表的使用問題較集中；而只有20%左右的學生能合理使用網頁元素進行頁面的布局。針對主動認知過程中反映出來的問題，教師對教學內容進行動態調整，因材施教，有針對性的對重難點問題進行解決。

4）第四個環節——教

根據學生知識掌握的不同程度進行分層式教學，讓學生進一步鞏固知識點，增強理解記憶能力，培養審美能力。對于90%以上學生能掌握的知識點不再做講解，而由學生在拓展優化階段自己解決；對于問題較集中的知識點主要由已經解決問題的學生進行示范演示，教師從旁輔助。

在這里，教師選擇學生遇到的典型案例進行講解。重點講解圖片格式的設置；理解＜p＞標簽和＜br＞標簽的區別；讓學生認識錨點并學會使用。再比如很多學生在預覽頁面時或者最后網站整合時出現了圖片或背景無法顯示的結果，這時讓學生通過檢查圖片路徑中的文件命名來說明網頁制作中的規范性和良好的職業素養。

通過對學生出現的錯誤進行對比修改，逐步解決重點知識。對于學生在頁面布局中呈現的不足我會讓其他學生提出改進建議，并在此基礎上告訴學生網頁布局的基本原則和色彩搭配的合理選擇，由修改前后效果的對比突破難點，同時讓學生明確優化的方向，從而有針對性的進入下一個階段的拓展任務。在教的過程中通過分層教學和示范教學，讓學生在不斷的對比查錯過程中加強對知識的理解記憶。

5）最后一個環節——拓

此環節主要通過對作品的優化和拓展，加強重、難點的綜合應用，培養學生的創新能力和學習能力。我會告訴學生對于比較優秀的作品會被選入精品課程網站中作為學習資源，以此實現更好激勵和促進作用。對于學有余力的學生可以繼續完成后續拓展任務，在使用表格布局好的半成品頁面中插入網頁基本元素，進行頁面的二次加工，在鞏固技能的基礎上實現了向表格布局的延伸。

5 教學評價

整個教學過程環環相扣，循序漸進的讓學生掌握實踐操作技能，變被動學習為主動參與，自主學習和解決問題能力得到了提高。完成教學任務之后，學生利用網絡平臺登錄校園網完成對本次學習過程的個人評價。從知識、技能和素質方面進行多元化的評價，這是一個動態反饋的過程，也為后續教學改進明確方向。

在教學過程設計中以工作任務為中心，讓學生在完成任務的基礎上自主學習知識技能是職業教育改革的核心。學無止境，教亦無止境。以“說課”為推動，基于信息化環境的教學設計，充分利用信息技術和信息資源，提高了學生的學習興趣和教學效果，同時為進一步做實教師實踐層面的改革，運用現代信息技術改造傳統的教學模式奠定了堅實的基礎。

［1］馮小東.淺談高職院校《網頁設計》課程教學改革[J].甘肅廣播電視大學學報,2010(2).

［2］何葩.職業學校專業技能課程“兩課”評比引起的思考[J].2011.

［3］黃衛.“五課”教研 “兩課”評比——教師專業化成長的捷徑[J].教育教學論壇,2012(28).

［4］彭敏玲.淺談“兩課”評比對推進中職教學的體會[J].家教世界,2013(2).