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