《制訂建站計(jì)劃》教學(xué)案例

劉帶英

教學(xué)內(nèi)容分析

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

學(xué)習(xí)對(duì)象分析

本課的授課對(duì)象為八年級(jí)的學(xué)生。學(xué)生已經(jīng)能比較熟練地掌握網(wǎng)絡(luò)的搜索與瀏覽等技能，學(xué)習(xí)了網(wǎng)絡(luò)發(fā)展的歷史、網(wǎng)絡(luò)文化以及網(wǎng)絡(luò)在生活中的應(yīng)用等方面的知識(shí)，但對(duì)于網(wǎng)站的制作還是初次接觸。經(jīng)過(guò)前一課的學(xué)習(xí)，學(xué)生對(duì)不同主題網(wǎng)站的特點(diǎn)、網(wǎng)站的欄目?jī)?nèi)容、網(wǎng)站的色彩搭配等有了一定的了解，這為制訂班級(jí)網(wǎng)站的建站計(jì)劃奠定了良好的認(rèn)知基礎(chǔ)，學(xué)生可以根據(jù)已有的認(rèn)知經(jīng)驗(yàn)，通過(guò)親身實(shí)踐，體驗(yàn)制訂建站計(jì)劃的全過(guò)程。

教學(xué)目標(biāo)

知識(shí)與技能目標(biāo)：通過(guò)對(duì)幾種不同主題網(wǎng)站名稱(chēng)的分析，總結(jié)網(wǎng)站命名的方式，能夠?yàn)榘嗉?jí)網(wǎng)站確定一個(gè)名稱(chēng)；通過(guò)范例分析和交流討論，理解欄目與分欄目的含義，并為班級(jí)網(wǎng)站確定網(wǎng)站欄目和分欄目?jī)?nèi)容；通過(guò)范例分析，了解配色的基本原則，并為班級(jí)網(wǎng)站進(jìn)行合理的色彩搭配；制訂班級(jí)網(wǎng)站的建站計(jì)劃，掌握網(wǎng)站設(shè)計(jì)的基本流程與方法。

過(guò)程與方法目標(biāo)：兩人一組，確定班級(jí)網(wǎng)站的名稱(chēng)、規(guī)劃網(wǎng)站欄目、設(shè)計(jì)網(wǎng)頁(yè)配色方案，合作完成班級(jí)網(wǎng)站的建站計(jì)劃，提高合作學(xué)習(xí)能力和規(guī)劃設(shè)計(jì)能力。

情感態(tài)度與價(jià)值觀(guān)目標(biāo)：在為班級(jí)網(wǎng)站制訂建站計(jì)劃的過(guò)程中，增強(qiáng)合作學(xué)習(xí)的意識(shí)，提高規(guī)劃設(shè)計(jì)意識(shí)和審美情趣。

教學(xué)重點(diǎn)、難點(diǎn)

重點(diǎn)：制訂班級(jí)網(wǎng)站的建站計(jì)劃。

難點(diǎn)：設(shè)計(jì)班級(jí)網(wǎng)站的網(wǎng)頁(yè)配色方案。

整體思路

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

教學(xué)方法

本課主要采用基于建構(gòu)主義學(xué)習(xí)理論的任務(wù)驅(qū)動(dòng)教學(xué)法和小組合作學(xué)習(xí)法，并輔以啟發(fā)式教學(xué)和發(fā)現(xiàn)式教學(xué)。

教學(xué)流程

1.欣賞照片，導(dǎo)入新課

（1）欣賞照片，激發(fā)興趣

教師播放本班學(xué)生在初中學(xué)習(xí)與生活中的各種照片，引起學(xué)生的回憶與共鳴，激發(fā)學(xué)生的學(xué)習(xí)興趣。

（2）問(wèn)題引導(dǎo)，引出課題

問(wèn)題一：我們可以通過(guò)哪些方式將班級(jí)生活的點(diǎn)滴記錄下來(lái)，供全班同學(xué)隨時(shí)隨地查看和瀏覽？

學(xué)生會(huì)回答出多種方式。

師：同學(xué)們說(shuō)的班刊、相冊(cè)等方式都可行，但是在互聯(lián)網(wǎng)時(shí)代，在手機(jī)、平板盛行，WIFI網(wǎng)絡(luò)全覆蓋的今天，老師覺(jué)得制作一個(gè)班級(jí)網(wǎng)站這種形式不失為一種良策，班級(jí)網(wǎng)站里面不僅可以存放照片，還可以展示文字、視頻等各種類(lèi)型的信息。

問(wèn)題二：建站之前，必須先有什么？

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

設(shè)計(jì)意圖：播放學(xué)生學(xué)校生活中的照片，激發(fā)學(xué)生的學(xué)習(xí)興趣，營(yíng)造輕松愉快的課堂氛圍。創(chuàng)設(shè)最貼合學(xué)生生活實(shí)際的情境——制作班級(jí)網(wǎng)站，讓學(xué)生明白制作網(wǎng)站之前，需要先擬定一份建站計(jì)劃書(shū)，并為后續(xù)制作網(wǎng)站做好鋪墊。

2.自主發(fā)現(xiàn)，循序漸進(jìn)

（1）宏觀(guān)把握建站計(jì)劃

教師先讓學(xué)生結(jié)合上節(jié)課所學(xué)內(nèi)容，分小組討論班級(jí)網(wǎng)站計(jì)劃要從哪些方面著手，然后分小組匯報(bào)，最后教師總結(jié)，主要是三個(gè)方面：設(shè)計(jì)網(wǎng)站名稱(chēng)、設(shè)計(jì)網(wǎng)站欄目、設(shè)計(jì)網(wǎng)站配色（如圖1）。

設(shè)計(jì)意圖：制定班級(jí)網(wǎng)站建站計(jì)劃可以從多方面入手，讓學(xué)生通過(guò)小組討論，結(jié)合舊知，明確主要目標(biāo)，從宏觀(guān)上把握建站計(jì)劃。

（2）分步落實(shí)建站計(jì)劃

①設(shè)計(jì)網(wǎng)站名稱(chēng)。

教師引導(dǎo)學(xué)生根據(jù)各類(lèi)網(wǎng)站的名稱(chēng)，自主發(fā)現(xiàn)，總結(jié)歸納網(wǎng)站命名的一般規(guī)律（如圖2）。

小組活動(dòng)一：給班級(jí)網(wǎng)站取名。兩人一組，綜合運(yùn)用網(wǎng)站命名的規(guī)律，給班級(jí)網(wǎng)站取一個(gè)合適的名字（如圖3）。

各小組匯報(bào)網(wǎng)站名稱(chēng)，先說(shuō)出命名的理由，然后，師生共同點(diǎn)評(píng)，最后，各小組再優(yōu)化班級(jí)網(wǎng)站名稱(chēng)。

任務(wù)一：根據(jù)本組學(xué)生的討論結(jié)果，完成圖3的填寫(xiě)。

設(shè)計(jì)意圖：學(xué)生通過(guò)自主發(fā)現(xiàn)，總結(jié)歸納網(wǎng)站命名的一般規(guī)律，并給班級(jí)網(wǎng)站取名打下基礎(chǔ)。經(jīng)過(guò)師生點(diǎn)評(píng)，各組明白班級(jí)網(wǎng)站所取名稱(chēng)的優(yōu)點(diǎn)與不足，便于改進(jìn)。

②設(shè)計(jì)網(wǎng)站欄目。

先讓學(xué)生說(shuō)一說(shuō)班級(jí)網(wǎng)站中可以放哪些內(nèi)容，然后教師將這些內(nèi)容進(jìn)行分類(lèi)，并給每一個(gè)類(lèi)別取名，從而引出欄目的相關(guān)概念：欄目、分欄目、欄目名稱(chēng)、欄目說(shuō)明（如圖4）。

師：這些內(nèi)容可以將其分類(lèi)，每一類(lèi)就是一個(gè)“欄目”；每一類(lèi)給它取個(gè)名字，這個(gè)名字就叫做“欄目名稱(chēng)”；欄目下面還可以細(xì)分出多個(gè)更小一級(jí)的欄目，我們將其稱(chēng)為“分欄目”；對(duì)每一欄目可以加上文字說(shuō)明，這就是“欄目說(shuō)明”。

小組活動(dòng)二：給班級(jí)網(wǎng)站設(shè)計(jì)欄目。（標(biāo)準(zhǔn)：①內(nèi)容要豐富全面，②欄目要分類(lèi)清晰）

首先，各小組匯報(bào)網(wǎng)站欄目?jī)?nèi)容，說(shuō)出本組同學(xué)的想法；然后，接受師生的共同點(diǎn)評(píng)；最后，各小組再優(yōu)化班級(jí)網(wǎng)站欄目?jī)?nèi)容。

設(shè)計(jì)意圖：結(jié)合范例，便于學(xué)生理解欄目的相關(guān)概念。在對(duì)欄目相關(guān)概念理解的基礎(chǔ)上，通過(guò)小組討論活動(dòng)，設(shè)計(jì)班級(jí)網(wǎng)站的欄目。通過(guò)師生點(diǎn)評(píng)，學(xué)生明白各組班級(jí)網(wǎng)站欄目及分欄目?jī)?nèi)容是否合理，便于改進(jìn)。

③設(shè)計(jì)網(wǎng)站配色。

學(xué)生欣賞經(jīng)典網(wǎng)頁(yè)的配色方案。

小組活動(dòng)三：為班級(jí)網(wǎng)站配色。

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

參考資料：

網(wǎng)頁(yè)設(shè)計(jì)常用色彩搭配表：http：//tool.c7sky.com/webcolor/

網(wǎng)頁(yè)設(shè)計(jì)手冊(cè)：http：//www.websbook.com/website/webcolor/index.html

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

設(shè)計(jì)意圖：參考一些常見(jiàn)的網(wǎng)站色彩搭配方案，讓學(xué)生明白色彩是網(wǎng)站構(gòu)成的一個(gè)重要方面。為了讓學(xué)生對(duì)班級(jí)網(wǎng)站的配色有更加直觀(guān)的感受，教師給出了一個(gè)常規(guī)網(wǎng)站主頁(yè)的布局框架，讓學(xué)生直接在這個(gè)框架中修改各形狀的填充色、文字顏色、背景顏色，從而突破難點(diǎn)。

3.知識(shí)整理，總結(jié)提升

師：在這節(jié)課中，每?jī)晌煌瑢W(xué)一起合作完成了一份班級(jí)網(wǎng)站的建站計(jì)劃書(shū)，這說(shuō)明同學(xué)們都有很強(qiáng)的合作意識(shí)，這一點(diǎn)非常重要。以后不管是學(xué)習(xí)還是走上工作崗位，同學(xué)們都要積極與他人合作。制作網(wǎng)站是一項(xiàng)系統(tǒng)工程，有了建站計(jì)劃書(shū)，我們就可以按圖施工，從而事半功倍。同學(xué)們，做其他事情也是一樣，在實(shí)施前，制訂一份詳實(shí)可行的計(jì)劃至關(guān)重要。

教學(xué)反思

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