一、設(shè)計(jì)思想
本課選自中國(guó)地圖出版社《網(wǎng)絡(luò)技術(shù)應(yīng)用(選修3)》第四單元《建設(shè)網(wǎng)絡(luò)家園》,重點(diǎn)是網(wǎng)站設(shè)計(jì)的整體構(gòu)思。
本節(jié)課讓學(xué)生觀摩優(yōu)秀學(xué)生網(wǎng)站實(shí)例,引導(dǎo)學(xué)生從網(wǎng)站主題、布局、風(fēng)格、導(dǎo)航及鏈接等方面多角度賞析優(yōu)秀網(wǎng)站作品,感悟優(yōu)秀網(wǎng)站是如何規(guī)劃的。學(xué)生通過理解網(wǎng)站的獨(dú)特風(fēng)格是標(biāo)志、色調(diào)、文字及版面多方面共同作用的結(jié)果,進(jìn)而在規(guī)劃自己的網(wǎng)站時(shí),會(huì)主動(dòng)地進(jìn)行全盤考慮。本課要求學(xué)生動(dòng)腦思考和理解的內(nèi)容比較多,要讓學(xué)生了解網(wǎng)站設(shè)計(jì)的完整過程,不能急于求成,暫時(shí)只要求他們能夠策劃出簡(jiǎn)單的網(wǎng)站即可。
二、教學(xué)目標(biāo)
知識(shí)與技能:了解開發(fā)網(wǎng)站的一般過程,掌握規(guī)劃網(wǎng)站的知識(shí),能以小組分工協(xié)作的方式完成網(wǎng)站的組織與規(guī)劃。
過程與方法:在賞析優(yōu)秀學(xué)生網(wǎng)站及小組協(xié)作的過程中,學(xué)會(huì)自主學(xué)習(xí)和協(xié)作學(xué)習(xí);在理解網(wǎng)站規(guī)劃知識(shí)的基礎(chǔ)上,掌握網(wǎng)站規(guī)劃的技巧。
情感、態(tài)度與價(jià)值觀:體會(huì)網(wǎng)站規(guī)劃在建設(shè)網(wǎng)站中的重要性,提升分析能力和規(guī)劃能力,促進(jìn)個(gè)性化發(fā)展。
三、教學(xué)重點(diǎn)、難點(diǎn)
重點(diǎn):優(yōu)秀學(xué)生網(wǎng)站的觀摩和賞析,小組成員分工、協(xié)作規(guī)劃主題網(wǎng)站。
難點(diǎn):小組成員協(xié)作確定網(wǎng)站主題,制定切實(shí)可行的《網(wǎng)站分工計(jì)劃表》及《欄目設(shè)計(jì)分工表》。
四、教學(xué)準(zhǔn)備
多媒體網(wǎng)絡(luò)教室、大屏幕液晶投影儀、課件、教學(xué)資源(提前將多個(gè)不同類型的優(yōu)秀學(xué)生網(wǎng)站和《“我喜愛的網(wǎng)站”分析表》、《主題網(wǎng)站類型及名稱參考表》、《小組主題網(wǎng)站欄目設(shè)計(jì)分工表》及《網(wǎng)站規(guī)劃分工計(jì)劃表》放在機(jī)房FTP服務(wù)器上)、異質(zhì)分組(每小組4~5人)。
五、教學(xué)過程
1.創(chuàng)設(shè)情境,導(dǎo)入新課
師:剛剛大家從FTP服務(wù)器下載并觀摩了多個(gè)學(xué)生網(wǎng)站優(yōu)秀作品。大家一定也想擁有一個(gè)屬于自己的網(wǎng)站,如何開發(fā)網(wǎng)站呢?
學(xué)生眾說(shuō)紛紜。有的說(shuō)上網(wǎng)收集制作網(wǎng)站的素材,然后動(dòng)手制作;有的說(shuō)要借助Photoshop等處理工具才能使自己的網(wǎng)站有個(gè)性……
教師借助課件介紹開發(fā)網(wǎng)站的一般流程:規(guī)劃→設(shè)計(jì)→實(shí)現(xiàn)→發(fā)布管理,并讓學(xué)生知道規(guī)劃網(wǎng)站是開發(fā)網(wǎng)站的前提,引導(dǎo)他們重視本節(jié)課的學(xué)習(xí)。
設(shè)計(jì)意圖:課前引導(dǎo)學(xué)生觀摩多個(gè)優(yōu)秀學(xué)生網(wǎng)站作品,激發(fā)學(xué)生開發(fā)網(wǎng)站的熱情,讓學(xué)生思考如何開發(fā)網(wǎng)站,引入本節(jié)課的教學(xué)內(nèi)容。
2.觀摩體驗(yàn),感受規(guī)劃
(1)領(lǐng)略網(wǎng)站主題,品味網(wǎng)站名稱
教師帶領(lǐng)學(xué)生觀摩“中華傲三峽”和“機(jī)器人做學(xué)玩”網(wǎng)站,引導(dǎo)學(xué)生觀察網(wǎng)站的主題及名稱,使學(xué)生認(rèn)識(shí)到選題和取名的重要性。
學(xué)生積極觀察,理解一個(gè)好的網(wǎng)站名稱可以起到畫龍點(diǎn)睛的作用,并嘗試規(guī)劃自己的網(wǎng)站主題和名稱。
(2)剖析網(wǎng)站首頁(yè),分析模塊組成
教師講解并剖析“中華傲三峽”網(wǎng)站的首頁(yè)及模塊組成:導(dǎo)航欄、網(wǎng)站LOGO、Banner、版權(quán)和聯(lián)系方式。
學(xué)生觀察并理解首頁(yè)在網(wǎng)站中所處的地位和作用,了解首頁(yè)的功能模塊組成,為后續(xù)的網(wǎng)頁(yè)版面設(shè)計(jì)奠定基礎(chǔ)。
(3)多層面分析,領(lǐng)悟網(wǎng)站整體風(fēng)格
①教師引導(dǎo)學(xué)生觀察網(wǎng)站的LOGO和Banner,說(shuō)明獨(dú)特的LOGO及Banner是樹立網(wǎng)站個(gè)性風(fēng)格的標(biāo)志,激發(fā)學(xué)生的個(gè)性展示需求及創(chuàng)新意識(shí)。
學(xué)生查看常用網(wǎng)站(如網(wǎng)易、搜狐、百度)的LOGO設(shè)計(jì),同時(shí)觀察網(wǎng)站的Banner,理解網(wǎng)頁(yè)的主題與LOGO、Banner間的內(nèi)在聯(lián)系。
②教師引導(dǎo)學(xué)生觀察不同類型網(wǎng)站的色彩搭配、字體設(shè)置及圖片樣式,讓學(xué)生明白網(wǎng)站的色彩搭配是無(wú)聲的語(yǔ)言,同時(shí)以“中華傲三峽”為例,強(qiáng)調(diào)使用特殊字體時(shí),最好使用圖片的形式。
③教師引導(dǎo)學(xué)生分析“機(jī)器人做學(xué)玩”網(wǎng)站的版面布局圖,說(shuō)明版面布局結(jié)構(gòu)就是以最適合瀏覽的方式將圖片和文字排列在頁(yè)面的不同位置。利用課件向?qū)W生展示網(wǎng)頁(yè)布局常見的三種樣式:“口”字型、“廠”字型和“POP”型。
學(xué)生瀏覽“中華傲三峽”及“機(jī)器人做學(xué)玩”兩個(gè)網(wǎng)站的版面布局結(jié)構(gòu),思考這兩個(gè)網(wǎng)站是如何將不同元素巧妙地排列,理解網(wǎng)頁(yè)所傳達(dá)的信息,明白設(shè)計(jì)版面時(shí)要把文字、圖片、空白看做一個(gè)整體,采用平面分割方式,調(diào)動(dòng)全部面積來(lái)構(gòu)建整個(gè)版面。
(4)層層深入,探尋網(wǎng)站的欄目設(shè)計(jì)
教師參照“機(jī)器人做學(xué)玩”網(wǎng)站,給出一級(jí)欄目、二級(jí)欄目名稱及相關(guān)的內(nèi)容描述,為學(xué)生設(shè)計(jì)自己的網(wǎng)站結(jié)構(gòu)提供一個(gè)范例。讓學(xué)生明白,欄目實(shí)質(zhì)是一個(gè)網(wǎng)站的大綱索引,索引應(yīng)該將網(wǎng)站的主體清晰呈現(xiàn)。
學(xué)生自主瀏覽“中華傲三峽”網(wǎng)站,思考該網(wǎng)站的三級(jí)欄目分別是如何設(shè)定的,各欄目如何表達(dá)網(wǎng)站主題。
(5)指點(diǎn)迷津,直面交互設(shè)計(jì)
教師引導(dǎo)學(xué)生理解導(dǎo)航欄、網(wǎng)站地圖、網(wǎng)站當(dāng)前位置提示導(dǎo)航的必要性,規(guī)范學(xué)生的導(dǎo)航意識(shí),同時(shí)讓學(xué)生觀察各欄目目錄菜單及相應(yīng)網(wǎng)頁(yè)的鏈接,使學(xué)生明白鏈接的設(shè)計(jì)應(yīng)是雙向的。
學(xué)生理解導(dǎo)航欄及網(wǎng)站地圖能夠方便瀏覽網(wǎng)站。網(wǎng)站鏈接是靈魂,不同類型的鏈接有著不同的應(yīng)用場(chǎng)合。
(6)結(jié)合自身需要,選擇網(wǎng)站開發(fā)工具
教師簡(jiǎn)要介紹常用的網(wǎng)頁(yè)制作工具FrontPage、Dreamweaver、Photoshop及Flash等,學(xué)生可根據(jù)需要靈活選擇。
設(shè)計(jì)意圖:教師運(yùn)用演示法向?qū)W生剖析典型網(wǎng)站案例,讓學(xué)生領(lǐng)悟規(guī)劃網(wǎng)站需要考慮的因素,掌握規(guī)劃網(wǎng)站的相關(guān)知識(shí),為小組填寫《網(wǎng)站規(guī)劃分工計(jì)劃表》和《小組主題網(wǎng)站欄目設(shè)計(jì)分工表》埋下伏筆。
3.小試牛刀,評(píng)說(shuō)網(wǎng)站規(guī)劃
教師請(qǐng)學(xué)生對(duì)照《“我喜愛的網(wǎng)站”分析表》,評(píng)價(jià)自己喜愛的網(wǎng)站,分析網(wǎng)站的規(guī)劃設(shè)計(jì)。
設(shè)計(jì)意圖:通過評(píng)價(jià)“我喜愛的網(wǎng)站”,引導(dǎo)學(xué)生在賞析的同時(shí),利用規(guī)劃網(wǎng)站的知識(shí),從“內(nèi)行”的角度來(lái)分析自己喜愛的網(wǎng)站,為小組合作規(guī)劃主題網(wǎng)站奠定基礎(chǔ)。
4.小組協(xié)作,規(guī)劃網(wǎng)站
小組成員參照教師提供的《主題網(wǎng)站類型及名稱參考表》,從網(wǎng)站選題及網(wǎng)站名稱入手,完成《網(wǎng)站規(guī)劃分工計(jì)劃表》和《小組主題網(wǎng)站欄目設(shè)計(jì)分工表》的填寫。
設(shè)計(jì)意圖:本環(huán)節(jié)是本節(jié)課的重點(diǎn),通過學(xué)生填寫系列表格,引導(dǎo)學(xué)生逐步規(guī)劃網(wǎng)站。學(xué)生在填表的過程中,學(xué)會(huì)分工及合作,理解并掌握網(wǎng)站建設(shè)之初需要考慮的問題。
5.上交表格,點(diǎn)評(píng)反饋
學(xué)生以小組為單位將填寫完成的表格上傳到FTP服務(wù)器中。教師點(diǎn)評(píng),強(qiáng)化學(xué)生的規(guī)劃意識(shí),并對(duì)表格的填寫給出修改建議。
六、教學(xué)反思
本節(jié)課以高中信息技術(shù)課程標(biāo)準(zhǔn)為指導(dǎo),力圖貫徹新課程理念,主要做到了以下幾點(diǎn)。
1.賞析優(yōu)秀網(wǎng)站,營(yíng)造學(xué)習(xí)氛圍
良好的信息技術(shù)學(xué)習(xí)氛圍是有效教學(xué)的前提。教師一方面通過FTP服務(wù),給學(xué)生提供多個(gè)優(yōu)秀主題網(wǎng)站,激發(fā)學(xué)生創(chuàng)作主題網(wǎng)站的熱情。另一方面,通過分析典型網(wǎng)站案例,引導(dǎo)學(xué)生把握創(chuàng)建網(wǎng)站的幾個(gè)步驟,了解在整體規(guī)劃中需要考慮的問題。同時(shí),教師通過系列表格對(duì)小組合作規(guī)劃主題網(wǎng)站進(jìn)行指導(dǎo)和調(diào)控,旨在提高學(xué)生的分析能力、探究能力和組織能力,鼓勵(lì)學(xué)生積極思維、勇于創(chuàng)新。
2.靈活選用教學(xué)方法, 實(shí)現(xiàn)教學(xué)目標(biāo)
本節(jié)課采用多種教學(xué)方法相結(jié)合的教學(xué)模式,通過對(duì)主題網(wǎng)站的解剖,激發(fā)學(xué)生規(guī)劃網(wǎng)站的興趣,引導(dǎo)學(xué)生規(guī)劃小組的主題網(wǎng)站。適時(shí)設(shè)疑并進(jìn)行分析,努力為學(xué)生創(chuàng)設(shè)一種協(xié)作學(xué)習(xí)環(huán)境,培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和創(chuàng)新精神。
3.揭示技術(shù)思維, 提高信息素養(yǎng)
教師通過對(duì)兩個(gè)網(wǎng)站的分析,讓學(xué)生多觀察、多思考,理解網(wǎng)站的獨(dú)特風(fēng)格是標(biāo)志、色調(diào)、文字及版面共同作用的結(jié)果。引導(dǎo)學(xué)生體驗(yàn)信息技術(shù)蘊(yùn)涵的文化,適時(shí)地把學(xué)生的注意力引導(dǎo)到技術(shù)背后所蘊(yùn)涵的技術(shù)思想、應(yīng)用價(jià)值和人文特征上來(lái),達(dá)到提升學(xué)生信息素養(yǎng)的目的。
(作者單位:江蘇六合高級(jí)中學(xué))