李曉艷

● 教材分析

《網(wǎng)站創(chuàng)作始于規(guī)劃》選自上?？萍冀逃霭嫔绯霭娴摹毒W(wǎng)絡(luò)技術(shù)應(yīng)用》第四單元《網(wǎng)站的設(shè)計與評價》。本單元以網(wǎng)站設(shè)計為工作任務(wù)，讓學(xué)生通過完成網(wǎng)頁制作的過程，親歷利用信息技術(shù)加工信息和表達(dá)思想的過程與方法，同時將網(wǎng)絡(luò)技術(shù)的基礎(chǔ)理論與實(shí)際應(yīng)用技能有機(jī)結(jié)合起來。在網(wǎng)站制作中，一份詳細(xì)的規(guī)劃書有利于指導(dǎo)創(chuàng)作過程，而我們學(xué)生所缺少的也正是這種統(tǒng)籌規(guī)劃能力，因而我從實(shí)際出發(fā)把網(wǎng)站的規(guī)劃單獨(dú)提了出來，以網(wǎng)頁規(guī)劃設(shè)計表為載體設(shè)計了一課時的教學(xué)內(nèi)容。本節(jié)課的《普通高中信息技術(shù)課程標(biāo)準(zhǔn)（實(shí)驗(yàn)）》要求是：通過開發(fā)實(shí)踐，學(xué)會規(guī)劃、設(shè)計簡單網(wǎng)站的基本方法并能夠根據(jù)網(wǎng)站主題要求設(shè)計評價指標(biāo)。從課標(biāo)和教材可以看出，本節(jié)內(nèi)容至關(guān)重要，有著承上啟下的作用。承上：承接必修教材中《信息作品的集成》環(huán)節(jié)。啟下：本課是《網(wǎng)站的設(shè)計與評價》單元的開篇，網(wǎng)頁規(guī)劃的合理與否，主題的確定是否恰當(dāng)，小組成員的分工是否詳細(xì)，對于后續(xù)的網(wǎng)頁制作起著至關(guān)重要的作用。

● 學(xué)情分析

高一學(xué)生經(jīng)過近一個學(xué)期的學(xué)習(xí)，已經(jīng)具備了一定的信息獲取、加工、管理能力，同時了解了網(wǎng)絡(luò)技術(shù)的基礎(chǔ)理論，對精彩的網(wǎng)頁很感興趣，非常向往掌握網(wǎng)頁制作的技術(shù)，很想親自創(chuàng)作網(wǎng)頁作品來表達(dá)自己的想法進(jìn)行有效交流。但他們會忽略電子作品制作的前期規(guī)劃，對于網(wǎng)頁設(shè)計的一般流程，以及如何確定適合的主題、如何在作品中體現(xiàn)主題，缺少必要的經(jīng)驗(yàn)，因此本節(jié)課有必要在規(guī)劃設(shè)計方面加以訓(xùn)練。

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

知識與技能目標(biāo)：了解創(chuàng)作電子作品的一般流程，理解網(wǎng)頁規(guī)劃的重要性；能夠根據(jù)網(wǎng)站主題要求設(shè)計評價指標(biāo)，對網(wǎng)站的質(zhì)量與運(yùn)行狀況進(jìn)行評價。

過程與方法目標(biāo)：通過賞析、評價網(wǎng)頁作品，了解網(wǎng)頁規(guī)劃的設(shè)計要素，提高審美意識；能根據(jù)任務(wù)需求，確定主題，進(jìn)行科學(xué)規(guī)劃，初步掌握網(wǎng)頁規(guī)劃的方法。

情感態(tài)度與價值觀目標(biāo)：通過小組合作，感受同學(xué)友誼，增強(qiáng)集體意識和協(xié)作意識；學(xué)會欣賞他人的勞動成果，提高藝術(shù)修養(yǎng)和審美情趣。

● 教學(xué)設(shè)計思路

通過賞析網(wǎng)頁，讓學(xué)生感受優(yōu)秀網(wǎng)頁所具有的特征，了解網(wǎng)頁規(guī)劃的設(shè)計要素，形成網(wǎng)頁規(guī)劃設(shè)計的思路。通過往屆學(xué)生網(wǎng)頁作品投票和評分的過程，明確網(wǎng)頁規(guī)劃的注意事項(xiàng)，初步了解網(wǎng)頁評價量規(guī)，激發(fā)學(xué)生的創(chuàng)作興趣。最后，結(jié)合實(shí)際表達(dá)需求，小組協(xié)作，確定創(chuàng)作主題，進(jìn)行創(chuàng)意設(shè)計，完成網(wǎng)頁規(guī)劃設(shè)計。

● 教學(xué)過程

1.創(chuàng)設(shè)情境，導(dǎo)入新課

師：因特網(wǎng)在全球的迅速普及和發(fā)展，為人類開啟了一方全新的文化空間。在網(wǎng)上我們可以瀏覽各種各樣的網(wǎng)頁，獲取無窮無盡的知識。因特網(wǎng)上的每一個網(wǎng)頁都從屬于某一網(wǎng)站，可以說，包含著各種信息的因特網(wǎng)就是由無數(shù)的網(wǎng)站組成的。只要擁有了一個屬于自己的網(wǎng)站，你就可以在茫茫的網(wǎng)絡(luò)世界中擁有一片屬于自己的天空。同學(xué)們想不想做一個屬于自己的網(wǎng)站呢？

生：想。

師：網(wǎng)站也是一個信息作品，請同學(xué)們思考前面學(xué)到的信息集成的一般過程。

生：確定作品主題—規(guī)劃設(shè)計作品—采集處理素材—制作加工作品—測試發(fā)布作品。

師：那么網(wǎng)站的制作流程是什么呢？

生：網(wǎng)站的規(guī)劃—素材的搜集、加工—網(wǎng)站的制作—網(wǎng)站的測試與發(fā)布—網(wǎng)站的評價。

師：由網(wǎng)站創(chuàng)作流程我們可以看出，網(wǎng)站創(chuàng)作、始于規(guī)劃，本節(jié)課我們學(xué)習(xí)網(wǎng)站的規(guī)劃與設(shè)計。要求以小組為單位制作一個網(wǎng)頁規(guī)劃設(shè)計表。

設(shè)計意圖：導(dǎo)課承上信息集成的一般過程，啟下引出網(wǎng)頁創(chuàng)作流程，揭示規(guī)劃的重要性，從而點(diǎn)題。

2.規(guī)劃開始，確定主題

這是一個承上啟下的教學(xué)環(huán)節(jié)。時間不長，但作用很大。首先提出問題。

師：同學(xué)們平時都喜歡去什么網(wǎng)站？

生：百度、新浪、人人、QQ、4399……

師：這些網(wǎng)站要表達(dá)的主要內(nèi)容，也就是網(wǎng)站的主題是什么？

生：百度是全球最大的中文搜索引擎，新浪以全面而及時的新聞而著稱……

師：主題是信息作品的靈魂，由大家來制作網(wǎng)頁，你想表達(dá)什么主題呢？你對哪方面的主題感興趣？提示確定主題的原則：小而精，目標(biāo)定位準(zhǔn)確，積極、健康、向上，網(wǎng)頁名稱有創(chuàng)意，符合主題（幻燈片展示）。

設(shè)計意圖：明確主題的含義，了解主題的重要性，它是信息作品的靈魂，思考啟發(fā)網(wǎng)頁主題，為后面的制定規(guī)劃做鋪墊，提供選題參考。本環(huán)節(jié)主要采用談話法，談話法的運(yùn)用，有利于建立民主平等的師生關(guān)系，而課堂上的民主氣氛是學(xué)生創(chuàng)造性思維得以激發(fā)的一個重要條件。

3.網(wǎng)頁欣賞，歸納網(wǎng)頁設(shè)計元素

師：我們來欣賞一個網(wǎng)頁，百年世博，落戶上海，城市讓生活更美好，同學(xué)們說說這個網(wǎng)站的主題是什么，并思考如何在網(wǎng)頁中體現(xiàn)這一主題。

教師引導(dǎo)學(xué)生從網(wǎng)頁設(shè)計要素中來體現(xiàn)主題，如內(nèi)容、色彩、版面布局、導(dǎo)航設(shè)計、圖標(biāo)設(shè)計、圖片等。

教師組織學(xué)生從以下幾個設(shè)計要素討論網(wǎng)站內(nèi)容和風(fēng)格，分析網(wǎng)頁框架和風(fēng)格。

（1）欄目設(shè)置

師：確定好網(wǎng)站主題后，要把網(wǎng)站的內(nèi)容按一定的方法進(jìn)行分類，并設(shè)置專門的欄目（如圖1）。

網(wǎng)站欄目設(shè)計原則一是要緊扣主題，二是要突出重點(diǎn)。

（2）網(wǎng)站色彩

師：不同的顏色給人不同的感受，同學(xué)們看這幾個網(wǎng)站主要是什么色調(diào)，給人什么樣的視覺感受呢？

學(xué)生思考回答問題。

教師總結(jié)圖2所示的網(wǎng)站色彩與感覺之間的關(guān)系。

（3）網(wǎng)站LOGO

師：我們重點(diǎn)來看圖片3中網(wǎng)站的Logo，什么是網(wǎng)站的Logo呢？

生：網(wǎng)站的標(biāo)識。

師：我們來欣賞圖片3中幾個網(wǎng)站的Logo，并思考他們所表達(dá)的含義。

學(xué)生思考，教師予以引導(dǎo)：百度的“熊掌”Logo的靈感來源于“獵人追尋熊爪印跡”的刺激，這與李先生的“分析搜索技術(shù)”非常相似，從而構(gòu)成了百度的搜索概念。熊掌圖案也最終成為了百度公司的Logo；新浪的大眼睛寓意世界盡在你的眼中等。

設(shè)計意圖：采用了比較法、歸納法以及“基于問題的學(xué)習(xí)”等教學(xué)方法，讓學(xué)生學(xué)會欣賞網(wǎng)站，通過欣賞和思考問題，初步歸納網(wǎng)頁設(shè)計要素，并意識到：要根據(jù)主題，設(shè)計恰當(dāng)?shù)木W(wǎng)頁風(fēng)格和內(nèi)容結(jié)構(gòu)。

4.網(wǎng)頁評價，明確優(yōu)秀網(wǎng)頁的標(biāo)準(zhǔn)

活動要求：快速瀏覽學(xué)科網(wǎng)頁上展示的上屆學(xué)生的網(wǎng)站作品，選出自己感興趣的網(wǎng)站進(jìn)行投票。

活動過程：教師觀察學(xué)生評分過程，實(shí)時展示各網(wǎng)頁作品的投票人數(shù)柱狀圖，查看相應(yīng)網(wǎng)頁的評分結(jié)果。

分析評價結(jié)果，總結(jié)網(wǎng)站評價標(biāo)準(zhǔn)。首先，分析學(xué)生對網(wǎng)頁評價的結(jié)果——引出網(wǎng)頁規(guī)劃設(shè)計應(yīng)注意的問題：選題不能過大，網(wǎng)頁名稱有新意；內(nèi)容欄目設(shè)置有條理，清晰；色彩搭配合理；版面布局規(guī)范，美觀；導(dǎo)航設(shè)計恰當(dāng)。

設(shè)計意圖：讓學(xué)生深刻體驗(yàn)優(yōu)秀網(wǎng)頁的設(shè)計標(biāo)準(zhǔn)，學(xué)生在學(xué)科網(wǎng)上投票評價網(wǎng)頁，首先學(xué)生很感興趣，其次大大提高了教學(xué)效率，將評價的結(jié)果作為討論的依據(jù)總結(jié)出網(wǎng)站評價標(biāo)準(zhǔn)，環(huán)環(huán)相扣，從而輕松自然地突破難點(diǎn)（網(wǎng)站評價指標(biāo)的討論和確立）。

5.課堂實(shí)踐，制定小組主題網(wǎng)頁的規(guī)劃

教師提出學(xué)習(xí)任務(wù)：以小組為單位完成網(wǎng)頁規(guī)劃設(shè)計表。而后，教師介紹學(xué)習(xí)資源，并提出組內(nèi)按欄目和角色兩個維度分工的建議（如圖4、圖5）。

設(shè)計意圖：本環(huán)節(jié)主要采用了小組協(xié)作法和自主探究法，讓學(xué)生去規(guī)劃設(shè)計網(wǎng)頁，為學(xué)生創(chuàng)造力的發(fā)揮提供了平臺。學(xué)科網(wǎng)提供了大量的網(wǎng)站規(guī)劃和設(shè)計的指導(dǎo)資源，并采用“半成品加工”教學(xué)策略給學(xué)生一個網(wǎng)頁規(guī)劃設(shè)計表和案例，尊重學(xué)生的個體差異，讓學(xué)生有表可依快速進(jìn)入了課堂實(shí)踐。同時在組間形成競爭，促進(jìn)了組內(nèi)團(tuán)結(jié)。按欄目和角色二維分工，使學(xué)生的責(zé)任更加明確，課后能有針對性地收集資料和素材。

6.展示規(guī)劃，相互交流

請1～2組學(xué)生交流展示自己本小組的規(guī)劃設(shè)計。學(xué)生瀏覽并討論。

7.課堂小結(jié)

強(qiáng)調(diào)規(guī)劃的重要性，以及規(guī)劃的思路和方法。同時滲透我們學(xué)校的教育部國家級課題《人生規(guī)劃意識》。你不規(guī)劃人生，就要被人生規(guī)劃，希望我們的人生經(jīng)過規(guī)劃和設(shè)計后，可以成功和幸福。

● 教學(xué)反思

本節(jié)內(nèi)容的基礎(chǔ)知識和基本技能主要是利用學(xué)習(xí)網(wǎng)站設(shè)置問題情境、提供學(xué)習(xí)資源，學(xué)生可以通過自主學(xué)習(xí)獲得，教師對部分重點(diǎn)難點(diǎn)進(jìn)行講解和演示。而動手規(guī)劃部分要求學(xué)生主動地與同伴探討、合作，將知識與技能內(nèi)在化、系統(tǒng)化，達(dá)到認(rèn)知結(jié)構(gòu)的有效調(diào)整和重構(gòu)。合作學(xué)習(xí)在這一建構(gòu)過程中起了關(guān)鍵的作用。因而本課主要采用了自主探究法、小組協(xié)作法，個別地方采用了比較法、歸納法，而教法主要采用了任務(wù)驅(qū)動法、基于問題的學(xué)習(xí)、討論法、講授法。應(yīng)該說，整個教學(xué)過程比較流暢，基本上都按照教師的教學(xué)預(yù)想開展教學(xué)，學(xué)生在教學(xué)中能夠積極地思考和回答問題，能夠?qū)W會有效地規(guī)劃網(wǎng)站的方法，提升了規(guī)劃能力和審美能力。

點(diǎn) 評

這是一個在借鑒基礎(chǔ)上進(jìn)行創(chuàng)新的優(yōu)秀案例。說其優(yōu)秀，是因?yàn)槊恳画h(huán)節(jié)都體現(xiàn)出了設(shè)計者的精心、細(xì)心。

導(dǎo)入新課部分，由信息集成的一般過程引入，巧妙利用學(xué)生已學(xué)知識與技能進(jìn)行遷移，即將信息集成中學(xué)習(xí)到的規(guī)劃設(shè)計遷移到網(wǎng)站制作中，有利于促進(jìn)學(xué)生在制作作品（包括多媒體與網(wǎng)站制作）中形成規(guī)劃意識，這也是本次課的核心指向。

網(wǎng)站評價部分，引導(dǎo)學(xué)生根據(jù)網(wǎng)站分析的結(jié)果總結(jié)網(wǎng)站評價標(biāo)準(zhǔn)，實(shí)現(xiàn)了以評促學(xué)、以評導(dǎo)學(xué)的目的，在此過程中潛移默化地促進(jìn)了學(xué)生對規(guī)劃中應(yīng)注意問題的關(guān)注，從而避免了類似問題的出現(xiàn)，以提升規(guī)劃的效果。

網(wǎng)站規(guī)劃部分，學(xué)生的規(guī)劃不是空洞的存在，培養(yǎng)規(guī)劃能力也不是紙上談兵，因此教學(xué)中必須借助各種形式促使“虛”的規(guī)劃設(shè)計落到“實(shí)”處，該案例使用的是規(guī)劃表，也有案例采用了思維導(dǎo)圖等方式來實(shí)現(xiàn)規(guī)劃的具體化與可視化。

分組合作部分，作品制作課中學(xué)生工作量相對較大，因此分組合作是常見的方式。二維分工方式的采用，既保證所有學(xué)生都能經(jīng)歷網(wǎng)站制作，在此過程中形成對網(wǎng)站制作的體驗(yàn)與感悟，也較好關(guān)照了學(xué)生興趣愛好等方面的差異。

課堂小結(jié)部分，在本次課教學(xué)內(nèi)容的基礎(chǔ)上，拓展延伸至人生規(guī)劃意識的培養(yǎng)。既與教學(xué)伊始的設(shè)計呼應(yīng)，又有很大程度的提升。設(shè)計者強(qiáng)調(diào)的是與該校相關(guān)課題的聯(lián)系，其實(shí)，就作品（包括多媒體與網(wǎng)站制作）中的規(guī)劃部分教學(xué)而言，最后提升至人生規(guī)劃方是此部分的終極追求及應(yīng)然境界。這一點(diǎn)，當(dāng)為信息技術(shù)教師進(jìn)行相關(guān)內(nèi)容教學(xué)時所借鑒。

整體而言，該案例在設(shè)計上思路非常清晰，引領(lǐng)學(xué)生由理論認(rèn)識到實(shí)踐探索再到理論提升，實(shí)現(xiàn)了認(rèn)識上的螺旋上升，由欣賞分析到具體設(shè)計，符合學(xué)生認(rèn)知發(fā)展的基本規(guī)律，能夠較好地達(dá)成教學(xué)目標(biāo)。

當(dāng)然，該案例也有其自身的不足，如教學(xué)目標(biāo)中的“情感態(tài)度與價值觀”的描述有空泛、虛化之嫌，本次課強(qiáng)調(diào)的是規(guī)劃，因此可以用類似“……養(yǎng)成規(guī)劃的意識”的表達(dá)凸顯與教學(xué)內(nèi)容的緊密聯(lián)系。

（點(diǎn)評人：朱彩蘭 南京師范大學(xué)教育科學(xué)學(xué)院）