《建站規(guī)劃》教學(xué)設(shè)計
課時 2課時
設(shè)計者 江蘇六合高級中學(xué) 張涓
一,教材分析
⒈教材分析
"建站規(guī)化"是由中國地圖出版社出版的《網(wǎng)絡(luò)技術(shù)應(yīng)用(選修3)》第四單元"建設(shè)網(wǎng)絡(luò)家園"第一節(jié)的內(nèi)容,本單元共分五節(jié),包括建站規(guī)劃,初建網(wǎng)站,網(wǎng)站優(yōu)化,動態(tài)網(wǎng)頁,網(wǎng)站的發(fā)布與評價五個部分.本單元旨在引導(dǎo)學(xué)生通過小組分工合作的形式,經(jīng)歷從易到難的網(wǎng)站制作全過程,掌握規(guī)化及創(chuàng)建網(wǎng)站的基本思路,工作過程.
"建站規(guī)劃"是整個單元的前導(dǎo),是進(jìn)行網(wǎng)頁制作的前提,其重點在于創(chuàng)建網(wǎng)站的幾個步驟,即網(wǎng)站設(shè)計的整體構(gòu)思.一方面是讓學(xué)生了解并掌握網(wǎng)站建設(shè)之初——在整體設(shè)計規(guī)劃中需要考慮的問題,如主題,風(fēng)格,結(jié)構(gòu),運(yùn)行環(huán)境和開發(fā)工具等;另一方面引導(dǎo)學(xué)生在研究,分析,全盤考慮的基礎(chǔ)上,對建設(shè)網(wǎng)站這一工作進(jìn)行規(guī)劃和設(shè)計.
雖然建站規(guī)化只是網(wǎng)站建設(shè)前的準(zhǔn)備工作,但是對于網(wǎng)站的開發(fā)實踐來說,網(wǎng)站的規(guī)劃,設(shè)計卻是本單元教學(xué)的重點,因為規(guī)劃和設(shè)計是制作具體網(wǎng)站的前提.作為網(wǎng)絡(luò)技術(shù)應(yīng)用(選修)課要求就是讓學(xué)生體驗完整的建站過程,體會規(guī)劃的重要性;在這部分內(nèi)容中,要求動腦思考,理解的內(nèi)容比較多,要讓學(xué)生了解網(wǎng)站設(shè)計的完整過程,不能急于求成,暫時只要他們能夠策劃出簡單的網(wǎng)站就可以了.
⒉教學(xué)對象分析
本案例的對象是高一年級的學(xué)生.通過必修模塊和網(wǎng)絡(luò)選修模塊前面單元的學(xué)習(xí),大部分學(xué)生有了一定的信息技術(shù)基礎(chǔ)及網(wǎng)絡(luò)知識,學(xué)生上網(wǎng)現(xiàn)象普遍,上網(wǎng)興趣極高,被各種形形色色的網(wǎng)站所吸引,很想親手制作自已的網(wǎng)站.但由于這一時期的學(xué)生認(rèn)知能力,觀察能力,思維能力仍不成熟,建設(shè)一個網(wǎng)站往往普遍存在著"重制作輕規(guī)劃",然后實踐證明:只有規(guī)化細(xì)致才能保證學(xué)生收集網(wǎng)頁素材"有的放矢",進(jìn)而使后繼的網(wǎng)頁制作才能"有章可循".
教材在本節(jié)雖然從確定網(wǎng)站主題,設(shè)計網(wǎng)站風(fēng)格,規(guī)化網(wǎng)站結(jié)構(gòu)和了解網(wǎng)站運(yùn)行環(huán)境及選擇網(wǎng)站開發(fā)工具五個方面進(jìn)行了簡單闡述,同時對網(wǎng)站風(fēng)格的介紹也從標(biāo)志,主色調(diào),文字效果及版面設(shè)計四個層面進(jìn)行相關(guān)描述,但相對高一學(xué)生而言顯得有些抽象;而對網(wǎng)站風(fēng)格的理解需要學(xué)生多看實例,多多觀察,多多比較,多多思考,才能真正理解網(wǎng)站獨特風(fēng)格是標(biāo)志,色調(diào),文字及版面多個層面共同作用的結(jié)果,進(jìn)而在規(guī)化自己的網(wǎng)站,設(shè)計網(wǎng)站風(fēng)格時才會主動地從標(biāo)志,色調(diào),文字及版面這幾個層面進(jìn)行全盤考慮,從而將網(wǎng)站的規(guī)化及設(shè)計落到實處.
⒊教學(xué)目標(biāo)
⑴ 了解開發(fā)網(wǎng)站的一般過程.
⑵ 理解網(wǎng)站規(guī)化對于建設(shè)一個網(wǎng)站的重要性以及在建設(shè)網(wǎng)站中的作用.
⑶ 通過對案例網(wǎng)站的觀摩與賞析,學(xué)習(xí)規(guī)劃網(wǎng)站的相關(guān)知識.
⑷ 運(yùn)用系列化的《"我喜愛的網(wǎng)站"分析表》,《小組主題網(wǎng)站欄目設(shè)計分工表》和《網(wǎng)站規(guī)化分工計劃表》三個表格啟發(fā)并引領(lǐng)學(xué)生如何規(guī)化網(wǎng)站,提高學(xué)生分析能力,探究能力和組織能力.
⑸ 通過對小組主題網(wǎng)站的規(guī)化,激發(fā)學(xué)生的創(chuàng)新意識和"與人合作"意識,促進(jìn)學(xué)生的個性化發(fā)展.
⒋教學(xué)重點
⑴ 優(yōu)秀學(xué)生網(wǎng)站的觀摩,賞析.
⑵ 小組成員協(xié)作規(guī)化主題網(wǎng)站,制定網(wǎng)站分工計劃表.
⒌教學(xué)難點
小組成員協(xié)作確定恰當(dāng)?shù)木W(wǎng)站主題并制定出切實可行的網(wǎng)站分工計劃表及欄目設(shè)計分工表.
⒍教學(xué)用具
大屏幕液晶投影儀,多媒體網(wǎng)絡(luò)電腦教室
二,教學(xué)實施
⒈教學(xué)構(gòu)思與流程
本節(jié)內(nèi)容是網(wǎng)站開發(fā)的第一步,在教學(xué)過程中采用"演示法","任務(wù)驅(qū)動法","小組協(xié)作法","探究法"等多種教學(xué)方法相結(jié)合的教學(xué)模式,通過對"中華傲三峽"及"機(jī)器人做學(xué)玩"兩個網(wǎng)站的解剖,激發(fā)學(xué)生規(guī)化網(wǎng)站的興趣,同時將有關(guān)網(wǎng)站規(guī)劃與設(shè)計的諸如版面設(shè)計,網(wǎng)站導(dǎo)航,網(wǎng)站的交互設(shè)計等相關(guān)知識傳授給學(xué)生,讓學(xué)生貯備相關(guān)的網(wǎng)站規(guī)化設(shè)計知識,通過讓學(xué)生通過填寫《"我喜愛的網(wǎng)站"分析表》,《小組主題網(wǎng)站欄目設(shè)計分工表》和《網(wǎng)站規(guī)化分工計劃表》三張表格,引領(lǐng)學(xué)生"有的放矢"地規(guī)化自己的小組主題網(wǎng)站.在適當(dāng)?shù)臅r機(jī)設(shè)疑,可以引起學(xué)生的積極思考.并進(jìn)行適時的小結(jié),分析,努力為學(xué)生創(chuàng)設(shè)一種相互協(xié)作的學(xué)習(xí)環(huán)境,培養(yǎng)學(xué)生自主學(xué)習(xí)的能力和創(chuàng)新精神.通過多種教學(xué)方式驅(qū)使學(xué)生主動學(xué)習(xí),主動參與,相互協(xié)作,相互激勵,取長補(bǔ)短,共同提高.
本節(jié)教學(xué)內(nèi)容計劃用兩課時完成:
在第1課時教師通過引導(dǎo)學(xué)生觀摩"中華傲三峽"和"機(jī)器人"網(wǎng)站,講解并剖析網(wǎng)站的基本概念及規(guī)化網(wǎng)站的步驟及技巧,啟發(fā)學(xué)生思考,從中獲得啟發(fā).通過讓學(xué)生通過填寫《"我喜愛的網(wǎng)站"分析表》引導(dǎo)學(xué)生實實在在地從網(wǎng)站主題,網(wǎng)站布局,網(wǎng)站風(fēng)格及網(wǎng)站導(dǎo)航,鏈接設(shè)計等多方面多角度地賞析并感悟教師提供的多個優(yōu)秀網(wǎng)站作品,在賞析的同時學(xué)習(xí)優(yōu)秀的網(wǎng)站是如何規(guī)化的,從而為第2課時分小組合作規(guī)化小組主題網(wǎng)站奠定基礎(chǔ).
第2課時,組織學(xué)生在課前以興趣愛好為原則組建建站小組(以3—5人為宜),課上小組成員參照教師提供的《主題網(wǎng)站類型及名稱參考表》從網(wǎng)站選題及網(wǎng)站名稱入手,通過討論,協(xié)商完成《網(wǎng)站規(guī)化分工計劃表》和《小組主題網(wǎng)站欄目設(shè)計分工表》的填寫.通過這兩張表格,激發(fā)學(xué)生的規(guī)化的意識,啟發(fā)并引領(lǐng)學(xué)生學(xué)習(xí)一步一步"腳踏實地"地規(guī)化網(wǎng)站,學(xué)生在小組內(nèi)討論如何分工,規(guī)化建站進(jìn)度,設(shè)計網(wǎng)站的布局,網(wǎng)站的導(dǎo)航及網(wǎng)站具體的一級,二級,三級欄目等等,在填表的過程中,學(xué)會分工,學(xué)會合作,學(xué)會網(wǎng)站的規(guī)化及設(shè)計,理解并掌握網(wǎng)站建設(shè)之初——在整體設(shè)計規(guī)劃中需要考慮的問題,如主題,風(fēng)格,結(jié)構(gòu),運(yùn)行環(huán)境和開發(fā)工具等,激發(fā)學(xué)生的規(guī)化的意識,進(jìn)而培養(yǎng)學(xué)生良好的學(xué)習(xí)方法,提升學(xué)生的規(guī)化能力.
在第2課時中,學(xué)生把在第1課時里學(xué)到的規(guī)化網(wǎng)站的相關(guān)知識應(yīng)用于規(guī)化一個具體的小組合作主題網(wǎng)站的過程,是一個創(chuàng)作實踐的過程.在這一過程中,學(xué)生感到自己是實踐活動的主人,是學(xué)習(xí)的主體.學(xué)生在積極,主動的學(xué)習(xí)氣氛中,有利于提高學(xué)生的學(xué)習(xí)興趣,充分調(diào)動學(xué)生的學(xué)習(xí)積極性.當(dāng)然學(xué)生的規(guī)化能力也不是一兩節(jié)課下來就能完成提高上去的,這需要一個過程,可能學(xué)生會在后序收集素材的過程中發(fā)現(xiàn)一開始《小組主題網(wǎng)站欄目設(shè)計分工表》和《網(wǎng)站規(guī)化分工計劃表》兩張表需要再修正,這正說明學(xué)生的規(guī)化能力在不斷提升,因此如何培養(yǎng)學(xué)生良好的學(xué)習(xí)方法,激發(fā)學(xué)生的規(guī)化意識是本課教學(xué)的關(guān)鍵.
⒉教學(xué)措施
⑴ 設(shè)置教學(xué)環(huán)境,確保能夠訪問因特網(wǎng)和多媒體教學(xué)軟件的正常運(yùn)行.
⑵ 硬件:多媒體網(wǎng)絡(luò)電腦教室;軟件:安裝Macromedia Dreamweaver 4,Microsoft FrontPage等網(wǎng)頁制作工具及PHOTOSHOP等圖片處理工具.
⑶ 下載幾個不同類型的優(yōu)秀學(xué)生網(wǎng)站放在機(jī)房FTP服務(wù)器上作為教學(xué)參照.
⑷ 準(zhǔn)備好《"我喜愛的網(wǎng)站"分析表》,《主題網(wǎng)站類型及名稱參考表》,《小組主題網(wǎng)站欄目設(shè)計分工表》和《網(wǎng)站規(guī)化分工計劃表》放在FTP上,讓學(xué)生下載填寫.
⑸ 學(xué)生分組:先自由組合,再做適當(dāng)調(diào)整.以3—5人為一組,采取異質(zhì)分組的方式.
⒊教案
教學(xué)過程(2課時)
教學(xué)內(nèi)容
教師活動
學(xué)生活動
設(shè)計意圖
觀摩典型案例,導(dǎo)入新課
課前引導(dǎo)學(xué)生觀摩典型案例,激發(fā)學(xué)生開發(fā)網(wǎng)站的熱情,引導(dǎo)學(xué)生思考如何開發(fā)網(wǎng)站 介紹開發(fā)網(wǎng)站的一般過程.
思考并理解開發(fā)網(wǎng)站的一般過程:規(guī)劃→設(shè)計→實現(xiàn)→發(fā)布管理
通過介紹開發(fā)網(wǎng)站的過程,讓學(xué)生明白:規(guī)化網(wǎng)站是開發(fā)網(wǎng)站的前提,從而引導(dǎo)學(xué)生重視本節(jié)課的學(xué)習(xí).
領(lǐng)略優(yōu)秀網(wǎng)站的主題內(nèi)容及網(wǎng)站名稱
帶學(xué)生演示,觀摩 "中華傲三峽"和"機(jī)器人做學(xué)玩"網(wǎng)站,引導(dǎo)學(xué)生觀察網(wǎng)站的主題及網(wǎng)站的名稱.
學(xué)生積極觀察,領(lǐng)會,理解豐富的網(wǎng)站內(nèi)容對于一個網(wǎng)站的重要性,一個好的網(wǎng)站名字可以對網(wǎng)站起到化龍點睛的作用.
通過帶學(xué)生觀摩優(yōu)秀網(wǎng)站,特別是一些優(yōu)秀的學(xué)生網(wǎng)站,使學(xué)生認(rèn)識到選題和取名的重要性,并激發(fā)學(xué)生自主構(gòu)建網(wǎng)站的熱情.
評析首頁的內(nèi)容及組成
講解并剖析"中華傲三峽"網(wǎng)站的首頁及模塊組成:導(dǎo)航欄,網(wǎng)站LOGO,Bannar,版權(quán)和聯(lián)系方式.
觀察并理解首頁在網(wǎng)站中所處的地位和作用,了解首頁有哪些功能模塊.
通過評析首頁,教學(xué)生如何分析網(wǎng)頁的模塊組成,為后序的網(wǎng)頁版面設(shè)計奠定基礎(chǔ).
領(lǐng)略優(yōu)秀網(wǎng)站的整體風(fēng)格
引導(dǎo)學(xué)生觀察網(wǎng)站的標(biāo)志設(shè)計LOGO及Bannar,說明獨特的LOGO及Bannar是樹立網(wǎng)站個性風(fēng)格的一個重要途徑.理解網(wǎng)頁的主題與LOGO,Bannar間的內(nèi)在聯(lián)系.
學(xué)生查看常用網(wǎng)站(如網(wǎng)易,搜狐,CCTV,百度)的個性化LOGO設(shè)計.
通過本環(huán)節(jié)的介紹,激發(fā)學(xué)生的個性展示需求及創(chuàng)新意識,為后面?zhèn)�性化網(wǎng)站的LOGO及Bannar設(shè)計打下伏筆.
引導(dǎo)學(xué)生觀察不同類型網(wǎng)站的色彩搭配,字體設(shè)置及圖片樣式.以"中華傲三峽"為例強(qiáng)調(diào):使用一些比較特殊的字體時,最好使用圖片的形式.
體驗不同網(wǎng)站的色彩個性,帶給瀏覽者不同的視角感覺.