《制訂建站計劃》教學案例

劉帶英

教學內容分析

《制訂建站計劃》是浙江教育出版社出版的中學信息技術八年級上冊第三單元“網站制作”的第二課。在前兩個單元中，學生比較系統地學習了計算機網絡的基礎知識，了解了網絡在生活中的實際應用。本單元是利用SharePoint designer軟件來學習如何制作網站。本課的教學容量較大，學生要完成確定網站主題、設計網站欄目、設計網頁配色方案以及建立網站素材資料庫等整個前期準工作，因此，筆者安排了兩個課時，第一課時以制訂建站計劃為主，第二課時以建立網站素材庫為主。本課為第一課時。制作一個比較完整的網站，必須要做好充分的準備工作，也即要制訂一個建站計劃。制訂一份切實可行的建站計劃，要從多方面入手，其中確定主題、分欄目設計、色彩搭配等相關準備是必不可少的。制作網站是一項系統工程，對學生來說有較大難度。為了降低學生對網站制作的畏難情緒，激發學生制作網站的興趣，筆者選擇了制作班級網站。本課的任務是從確定網站名稱、規劃網站內容、設計網站配色方案三個方面入手，制訂班級網站的建站計劃。

學習對象分析

本課的授課對象為八年級的學生。學生已經能比較熟練地掌握網絡的搜索與瀏覽等技能，學習了網絡發展的歷史、網絡文化以及網絡在生活中的應用等方面的知識，但對于網站的制作還是初次接觸。經過前一課的學習，學生對不同主題網站的特點、網站的欄目內容、網站的色彩搭配等有了一定的了解，這為制訂班級網站的建站計劃奠定了良好的認知基礎，學生可以根據已有的認知經驗，通過親身實踐，體驗制訂建站計劃的全過程。

教學目標

知識與技能目標：通過對幾種不同主題網站名稱的分析，總結網站命名的方式，能夠為班級網站確定一個名稱；通過范例分析和交流討論，理解欄目與分欄目的含義，并為班級網站確定網站欄目和分欄目內容；通過范例分析，了解配色的基本原則，并為班級網站進行合理的色彩搭配；制訂班級網站的建站計劃，掌握網站設計的基本流程與方法。

過程與方法目標：兩人一組，確定班級網站的名稱、規劃網站欄目、設計網頁配色方案，合作完成班級網站的建站計劃，提高合作學習能力和規劃設計能力。

情感態度與價值觀目標：在為班級網站制訂建站計劃的過程中，增強合作學習的意識，提高規劃設計意識和審美情趣。

教學重點、難點

重點：制訂班級網站的建站計劃。

難點：設計班級網站的網頁配色方案。

整體思路

本課以完成“班級網站建站計劃書”這一綜合任務為主線，貫穿三個子任務，分別是設計網站名稱、網站欄目、網站配色。為了讓學生有整體意識，課前筆者設計了一個“班級網站建站計劃書”框架，并在課中分發給各小組，讓學生通過填空的形式逐一完成分任務。當所有分任務全部完成時，綜合任務的成果也就順利出爐。由于制訂班級網站的建站計劃需要有人共同商討，因此本課的任務全部采用小組合作的方式，由兩人一組共同完成一份班級網站建站計劃書。

教學方法

本課主要采用基于建構主義學習理論的任務驅動教學法和小組合作學習法，并輔以啟發式教學和發現式教學。

教學流程

1.欣賞照片，導入新課

（1）欣賞照片，激發興趣

教師播放本班學生在初中學習與生活中的各種照片，引起學生的回憶與共鳴，激發學生的學習興趣。

（2）問題引導，引出課題

問題一：我們可以通過哪些方式將班級生活的點滴記錄下來，供全班同學隨時隨地查看和瀏覽？

學生會回答出多種方式。

師：同學們說的班刊、相冊等方式都可行，但是在互聯網時代，在手機、平板盛行，WIFI網絡全覆蓋的今天，老師覺得制作一個班級網站這種形式不失為一種良策，班級網站里面不僅可以存放照片，還可以展示文字、視頻等各種類型的信息。

問題二：建站之前，必須先有什么？

師：建站猶如建房子，需要先有設計圖紙，后期就可以按圖施工了。同理，建站需要先有計劃書，所以我們先要制訂建站計劃。

設計意圖：播放學生學校生活中的照片，激發學生的學習興趣，營造輕松愉快的課堂氛圍。創設最貼合學生生活實際的情境——制作班級網站，讓學生明白制作網站之前，需要先擬定一份建站計劃書，并為后續制作網站做好鋪墊。

2.自主發現，循序漸進

（1）宏觀把握建站計劃

教師先讓學生結合上節課所學內容，分小組討論班級網站計劃要從哪些方面著手，然后分小組匯報，最后教師總結，主要是三個方面：設計網站名稱、設計網站欄目、設計網站配色（如圖1）。

設計意圖：制定班級網站建站計劃可以從多方面入手，讓學生通過小組討論，結合舊知，明確主要目標，從宏觀上把握建站計劃。

（2）分步落實建站計劃

①設計網站名稱。

教師引導學生根據各類網站的名稱，自主發現，總結歸納網站命名的一般規律（如圖2）。

小組活動一：給班級網站取名。兩人一組，綜合運用網站命名的規律，給班級網站取一個合適的名字（如圖3）。

各小組匯報網站名稱，先說出命名的理由，然后，師生共同點評，最后，各小組再優化班級網站名稱。

任務一：根據本組學生的討論結果，完成圖3的填寫。

設計意圖：學生通過自主發現，總結歸納網站命名的一般規律，并給班級網站取名打下基礎。經過師生點評，各組明白班級網站所取名稱的優點與不足，便于改進。

②設計網站欄目。

先讓學生說一說班級網站中可以放哪些內容，然后教師將這些內容進行分類，并給每一個類別取名，從而引出欄目的相關概念：欄目、分欄目、欄目名稱、欄目說明（如圖4）。

師：這些內容可以將其分類，每一類就是一個“欄目”；每一類給它取個名字，這個名字就叫做“欄目名稱”；欄目下面還可以細分出多個更小一級的欄目，我們將其稱為“分欄目”；對每一欄目可以加上文字說明，這就是“欄目說明”。

小組活動二：給班級網站設計欄目。（標準：①內容要豐富全面，②欄目要分類清晰）

首先，各小組匯報網站欄目內容，說出本組同學的想法；然后，接受師生的共同點評；最后，各小組再優化班級網站欄目內容。

設計意圖：結合范例，便于學生理解欄目的相關概念。在對欄目相關概念理解的基礎上，通過小組討論活動，設計班級網站的欄目。通過師生點評，學生明白各組班級網站欄目及分欄目內容是否合理，便于改進。

③設計網站配色。

學生欣賞經典網頁的配色方案。

小組活動三：為班級網站配色。

任務二：根據所提供的參考資料，在圖5中給自己的班級網站進行色彩搭配，比一比，哪個小組的顏色搭配得最好。（技術角度：設置各自選圖形的填充色、文字顏色。）

參考資料：

網頁設計常用色彩搭配表：http：//tool.c7sky.com/webcolor/

網頁設計手冊：http：//www.websbook.com/website/webcolor/index.html

各小組成果展示，感悟成功。

設計意圖：參考一些常見的網站色彩搭配方案，讓學生明白色彩是網站構成的一個重要方面。為了讓學生對班級網站的配色有更加直觀的感受，教師給出了一個常規網站主頁的布局框架，讓學生直接在這個框架中修改各形狀的填充色、文字顏色、背景顏色，從而突破難點。

3.知識整理，總結提升

師：在這節課中，每兩位同學一起合作完成了一份班級網站的建站計劃書，這說明同學們都有很強的合作意識，這一點非常重要。以后不管是學習還是走上工作崗位，同學們都要積極與他人合作。制作網站是一項系統工程，有了建站計劃書，我們就可以按圖施工，從而事半功倍。同學們，做其他事情也是一樣，在實施前，制訂一份詳實可行的計劃至關重要。

教學反思

本課作為制作網站的準備課，內容的理論性較強。而信息技術課最突出的特點就是實踐性，為了讓學生多動手操作與實踐，筆者思考的第一個問題就是如何將理論性的內容轉變成能讓學生動起來的東西，于是就設計了將內容轉變成小組活動的任務。因任務不能是零散的，于是，筆者思考的第二個問題就是設計一個能串起設計網站名稱、網站欄目、網頁配色這三個任務的情境，個人網站、作品網站、美食網站等都有考慮過，但這些情境不能覆蓋到每位學生的興趣，于是筆者就想到了制作班級網站。有了合適的情境，離成功就近了一步。但還有個問題筆者一直感到比較苦惱，就是設計網頁配色方案這個難點，教材上給的“親身體驗”很不直觀。在其他優秀教師的指點下，筆者設計了一個常規的網站主頁的布局框架，讓學生直接在這個框架中修改填充色、文字顏色和背景顏色，從而化解了難點。