《網頁設計與制作》單元教學設計案例

摘要：本文對網頁設計與制作課程中的第十三章內容進行了單元教學設計。本次學習活動的內容是技能性的知識，在教學中選擇基于項目的學習內容呈現方式，全體學生以小組合作的方式進行探究型的學習。分別從教學目標，學習內容分析，教學策略的選擇，資源的選取，教學過程的設計，并對學生的學習成果和過程進行評價。最后對教學進行了反思總結。這樣的教學能夠讓學生親身參與網站項目的開發，更好的理解網站的開發流程。

關鍵詞：網頁設計與制作，教學設計

【中圖分類號】G642

一、教學目標

完成“心理健康教育網站”的設計與制作，并在網上發布。在完成上述任務的過程中，學生要學會：

1）掌握網站開發流程

2）學會網頁的設計和制作

3）能夠正確認識心理健康教育以及相關概念，了解心理教育知識

4）通過開發網站的學習，培養學生創新能力。

5）通過分組合作學習，培養學生的自主學習能力，團結協作能力，問題解決的能力，提高學生的信息檢索能力。

二、學習內容分析

以下是本次學習活動的教學內容知識結構圖，也是本課程的重點。它是對網頁設計全過程的總結，也是最終的教學目標。

三、教學過程設計

1.項目名稱：“心理健康教育網站”的設計與開發

2.項目負責人：學習委員張紅梅

3.項目的提出：

大家閱讀過學校的心理健康報嗎？看過幾期呢？你們只能看到這學期出版的心理健康報。咱們想一個辦法讓學生可以隨時閱讀任意一期的心理健康報。就是設計一個心理健康教育網站。通過這個網站，大家不僅能夠查閱校報，還可以學到心理健康教育的知識，全校的師生可以給校輔導員留言。

4.教學活動過程

從學生設計網站的過程中反映出學生已經掌握了網站開發的流程，但是網頁設計的基礎知識中有一部分掌握的不太好。如：站點的建立，模板的使用，CSS樣式表的定義等。在今后的教學中要加強這些知識的學習。

在網站設計過程中遇到了很多問題，師生共同討論解決。仍然有些沒有解決的難題，需要進一步的解決：

（1）在模板的可編輯區域添加內容后，模板的不可編輯區域布局增加，使得表格中的內容和表格間距增大，重新修改模板也不能調整表格間距。

（2）使用了模板的網頁中不能添加SPRY構件。

（3）如何解決層起始位置發生移動問題

五、總結

基于項目的學習內容呈現方式很適合網頁設計課程的教學要求。充分發揮了學生的主觀能動性。學生由被動轉為主動，提高了學習積極性。只是學生剛剛接觸項目教學法，在制定項目計劃時考慮不全面，不明確，造成后期的探究活動目標不明確，容易造成學習混亂。今后在教學中要加強練習項目教學的流程。

參考文獻

[1]李龍.教學設計[M].北京：高等教育出版社，2010：415

[2]常建秋 .Dreamweaver商業網站綜合案例[M].北京：電子工業出版社，2012：433

[3] 繆亮，王曉鵬.Dreamweavercs5中文版基礎與實例教程[M] .電子工業出版社