籌劃班級(jí)網(wǎng)站教學(xué)

1、參考教學(xué)案例課題名稱：籌劃班級(jí)網(wǎng)站【教學(xué)目標(biāo)】1知識(shí)與技能（1）明白什么是網(wǎng)站的功能定位。（2）學(xué)會(huì)依照網(wǎng)站功能定位選擇網(wǎng)站內(nèi)容和設(shè)計(jì)相應(yīng)欄目。（3）了解版面寬度與顯示器分辨率的關(guān)系，學(xué)會(huì)選定版面寬度。（4）了解版面布局常用方式，能夠畫(huà)出版面布局圖。（5）能夠設(shè)計(jì)切合網(wǎng)站主題的色彩方案。（6）能夠大致擬定網(wǎng)站制作打算。（7）了解網(wǎng)站的一般籌劃過(guò)程。2過(guò)程與方法（1）通過(guò)對(duì)不同網(wǎng)站的比較，初步明白得發(fā)覺(jué)和學(xué)習(xí)不同網(wǎng)站的優(yōu)點(diǎn)。（2）初步明白得圍繞網(wǎng)站目標(biāo)定位，選擇網(wǎng)站內(nèi)容和設(shè)計(jì)欄目的方法。（3）通過(guò)設(shè)計(jì)網(wǎng)站一、二級(jí)網(wǎng)頁(yè)的版面，體會(huì)版面布局和色彩方案設(shè)計(jì)的過(guò)程。（4）親歷網(wǎng)站制作打算的擬定過(guò)程，體會(huì)

2、與人合作交流的技巧。（5）經(jīng)歷班級(jí)網(wǎng)站的籌劃過(guò)程，初步明白得簡(jiǎn)單網(wǎng)站的籌劃方法。3情感態(tài)度與價(jià)值觀（1）培養(yǎng)對(duì)網(wǎng)站的鑒賞能力。（2）培養(yǎng)學(xué)習(xí)和使用信息技術(shù)的興趣和意識(shí)。（3）培養(yǎng)團(tuán)結(jié)協(xié)作精神，進(jìn)展合作意識(shí)。 【教學(xué)重點(diǎn)和難點(diǎn)】教學(xué)重點(diǎn)明確主題網(wǎng)站的功能定位，并依照制作目標(biāo)進(jìn)行內(nèi)容結(jié)構(gòu)和版面的設(shè)計(jì)。 教學(xué)難點(diǎn)設(shè)計(jì)網(wǎng)站內(nèi)容結(jié)構(gòu)和擬定制作打算?！緦W(xué)情分析】初中學(xué)生對(duì)新事物的好奇心強(qiáng)，豐富多彩的網(wǎng)站，各具特色，專門(mén)容易激發(fā)起學(xué)生創(chuàng)作的欲望，本節(jié)提出制作班級(jí)網(wǎng)站的任務(wù)更能激發(fā)學(xué)生的學(xué)習(xí)興趣。然而，受年齡特點(diǎn)和以往學(xué)習(xí)經(jīng)歷的阻礙，學(xué)生可能會(huì)更希望直接開(kāi)始學(xué)習(xí)實(shí)際操作而忽視籌劃的重要性。因此，教師在教學(xué)過(guò)程

3、中應(yīng)注意不斷滲透任務(wù)分析和任務(wù)籌劃的必要性，并通過(guò)讓學(xué)生親歷籌劃的過(guò)程，使學(xué)生體會(huì)籌劃的思想和方法。同時(shí)，由于學(xué)生關(guān)于網(wǎng)站具體制作過(guò)程的分工還沒(méi)有足夠認(rèn)識(shí)、通過(guò)合作的方式完成一個(gè)較大型的制作任務(wù)的經(jīng)驗(yàn)較少，教師在引導(dǎo)學(xué)生分工時(shí)應(yīng)注意依照學(xué)生實(shí)際情況靈活變通，不要照搬網(wǎng)站制作的一般分工方法，導(dǎo)致崗位分配流于形式。 【教學(xué)方法】教學(xué)組織形式可采納任務(wù)驅(qū)動(dòng)的教學(xué)方法和觀摩、探究與合作的學(xué)習(xí)方法，課堂講授，小組協(xié)作學(xué)習(xí)、教師評(píng)價(jià)與自我評(píng)價(jià)相結(jié)合。本節(jié)課能夠采納任務(wù)驅(qū)動(dòng)的教學(xué)方法，在基于真實(shí)情景即建立班級(jí)網(wǎng)站為班級(jí)成員提供一個(gè)展示與交流的平臺(tái)的前提下，提出進(jìn)行網(wǎng)站制作需求分析和籌劃、分工等任務(wù)。在此前學(xué)

4、生未參與過(guò)一個(gè)如此完整和大型的作品制作，因此，給予充分的范例觀摩和引導(dǎo)是十分必要的，教師在給予學(xué)生觀摩優(yōu)秀網(wǎng)站時(shí)，能夠關(guān)心學(xué)生討論分析并歸納出這些網(wǎng)站之因此能具有吸引力，其共同點(diǎn)在哪里，關(guān)于自己立即開(kāi)發(fā)的網(wǎng)站有什么可借鑒之處?；I劃是創(chuàng)作過(guò)程的開(kāi)始，也是容易被學(xué)生所忽略的時(shí)期。教師必須在此給予學(xué)生行之有效的引導(dǎo)，使其明白前期籌劃的重要性并進(jìn)行積極有效的籌劃工作。比如教師能夠在事先設(shè)計(jì)的網(wǎng)站籌劃書(shū)上以填表形式讓學(xué)生回答四個(gè)問(wèn)題：我們什么緣故做？我們能夠做什么？我們應(yīng)當(dāng)做什么？我們需要如何樣做？（該問(wèn)題能夠讓學(xué)生更具體的回答，如提供創(chuàng)作藍(lán)圖）。第1個(gè)問(wèn)題的考慮有助于學(xué)生解決“網(wǎng)站的功能定位”， 第2

5、、3 個(gè)問(wèn)題的考慮有助于“擬定設(shè)計(jì)打算” ，第4個(gè)問(wèn)題則有助于“設(shè)計(jì)內(nèi)容結(jié)構(gòu)”和“設(shè)計(jì)版面” 。 此外，“網(wǎng)站制作打算表”的制定是否科學(xué)合理、具有可操作性直接阻礙本章后面整個(gè)學(xué)習(xí)過(guò)程是否能按進(jìn)度進(jìn)行的重要因素，假如制定不行，打算表只能流于形式，不能起到實(shí)際作用。完成本課任務(wù)后，安排“討論交流”環(huán)節(jié)，教師對(duì)每個(gè)小組的打算進(jìn)行評(píng)價(jià)和修改，有利于學(xué)生對(duì)制定打算的思想和方式有更深的理解，也能保證后面的制作過(guò)程順利開(kāi)展。【教學(xué)媒體及資源】多媒體網(wǎng)絡(luò)教室、電子教室系統(tǒng)、給學(xué)生展示的優(yōu)秀網(wǎng)站范例、“知識(shí)檢查表”和“任務(wù)進(jìn)度檢查表”的電子表格。 教學(xué)過(guò)程】教學(xué)環(huán)節(jié)教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖情景引入與任務(wù)提出1、

6、情景引入：如何為班級(jí)成員之間提供一個(gè)展示和交流學(xué)習(xí)生活的平臺(tái)，實(shí)現(xiàn)班級(jí)資源的共享。2、任務(wù)提出：（1）本章任務(wù)：要求同學(xué)們分組各設(shè)計(jì)一個(gè)班級(jí)網(wǎng)站，最后將在所有作品中評(píng)比出最佳網(wǎng)站作為本班的班級(jí)網(wǎng)站。（2）本節(jié)任務(wù)：進(jìn)行網(wǎng)站的籌劃。明確任務(wù)和合作伙伴。 提出貼近學(xué)生學(xué)習(xí)生活的任務(wù)情景與要求，激發(fā)學(xué)生的創(chuàng)作熱情。任務(wù)解 決1、觀摩網(wǎng)站提供一些優(yōu)秀的班級(jí)網(wǎng)站讓學(xué)生進(jìn)行觀摩。引導(dǎo)學(xué)生從網(wǎng)站的主題、內(nèi)容、版面和技術(shù)歸納優(yōu)秀網(wǎng)站的特點(diǎn)。觀摩教師提供的網(wǎng)站范例，填寫(xiě)教材表2-1。學(xué)生在觀摩優(yōu)秀作品的同時(shí)對(duì)網(wǎng)站的整體結(jié)構(gòu)有較深的感性認(rèn)識(shí)，借鑒不人作品的優(yōu)點(diǎn)并找到自己網(wǎng)站的定位。2、明確功能定位指導(dǎo)學(xué)生明確網(wǎng)站

7、制作的總體目標(biāo)和要實(shí)現(xiàn)的功能。 學(xué)生在組內(nèi)討論，分析，最終明確網(wǎng)站功能。 沿著網(wǎng)站籌劃一般過(guò)程，讓學(xué)生逐步解決網(wǎng)站制作的需求分析工作，為下一步工作開(kāi)展做好預(yù)備。 提供優(yōu)秀的范例給學(xué)生參考，有利于學(xué)生得到啟發(fā)，較迅速的確定自己的網(wǎng)站設(shè)計(jì)方案。3、設(shè)計(jì)內(nèi)容結(jié)構(gòu)指導(dǎo)學(xué)生閱讀教材表2-2和圖2-1，引導(dǎo)學(xué)生對(duì)網(wǎng)站所要表達(dá)的內(nèi)容進(jìn)行梳理、篩選和歸類，最終形成自己的網(wǎng)站結(jié)構(gòu)和欄目?jī)?nèi)容。 學(xué)生在老師指導(dǎo)下認(rèn)真閱讀教材，并在組內(nèi)進(jìn)行討論，依照討論結(jié)果，把自己的網(wǎng)站結(jié)構(gòu)和大致欄目?jī)?nèi)容填寫(xiě)在教師印發(fā)的“網(wǎng)站籌劃書(shū)”中。4、設(shè)計(jì)版面（1）選定版面寬度（2）合理布局版面 一個(gè)網(wǎng)頁(yè)的版面通常以屏幕中央最能引人的注意，屏

8、幕上方緊隨其后，屏幕的左右側(cè)通常放置不太重要或固定信息，附加信息（如版權(quán)信息）一般放在最下方。展示常用布局方式實(shí)例：T字型、同字型和三字型。（3）設(shè)計(jì)色彩方案 參考教材P22中的拓展知識(shí)部分，了解不同顏色給掃瞄者的不同感受。 注意：不要使用過(guò)多的顏色。除了黑色和白色以外，約選擇四到五個(gè)顏色就夠了。學(xué)生觀摩優(yōu)秀網(wǎng)站范例，認(rèn)識(shí)不同網(wǎng)頁(yè)版面布局結(jié)構(gòu)，顏色搭配，經(jīng)組內(nèi)討論之后在“網(wǎng)站籌劃書(shū)”中繪制第一、二級(jí)網(wǎng)頁(yè)的布局草圖。5、擬定制作打算指導(dǎo)學(xué)生進(jìn)行合理分工、擬定制作打算。小組成員之間通過(guò)討論協(xié)調(diào)，確定彼此的分工任務(wù)，負(fù)責(zé)人填寫(xiě)“網(wǎng)站籌劃書(shū)”中的“網(wǎng)站制作分工及進(jìn)度安排表。6、小組打算評(píng)價(jià) 從可行性和

9、工作分工是否合理等方面對(duì)小組的打算作適當(dāng)?shù)狞c(diǎn)評(píng)，指導(dǎo)相關(guān)小組修改打算。依照教師的建議修訂打算。保證后面的學(xué)習(xí)任務(wù)得以順利開(kāi)展。小結(jié)1、優(yōu)秀網(wǎng)站的共同點(diǎn)有包括：容易進(jìn)入、要緊內(nèi)容一目了然、內(nèi)容豐富、更新及時(shí)和版面美觀。2、著手設(shè)計(jì)網(wǎng)站前，我們需要明確網(wǎng)站的功能定位。3、網(wǎng)站內(nèi)容的選擇和欄目設(shè)計(jì)要圍繞網(wǎng)站的目標(biāo)定位。4、設(shè)計(jì)版面要緊包括三個(gè)方面的工作：選定版面寬度、合理布局版面和設(shè)計(jì)色彩方案。5、籌劃一個(gè)網(wǎng)站，一般需要經(jīng)歷觀摩網(wǎng)站、明確功能定位、設(shè)計(jì)內(nèi)容結(jié)構(gòu)、設(shè)計(jì)版面和擬定制作打算等五個(gè)過(guò)程。填寫(xiě)知識(shí)檢查表和任務(wù)進(jìn)度表。關(guān)心學(xué)生梳理本課知識(shí)要點(diǎn)。課外任務(wù) 小組成員分工合作，搜集班級(jí)網(wǎng)站所需資源。為

10、下節(jié)課的教學(xué)內(nèi)容作預(yù)備。附1：網(wǎng)站籌劃書(shū)1、網(wǎng)站名稱：_2、小組長(zhǎng)： 小組成員：3、制作網(wǎng)站前回答的四個(gè)問(wèn)題：A我們什么緣故做？（我們?cè)O(shè)計(jì)的那個(gè)班級(jí)網(wǎng)站是為了展示什么或作什么用？）_B我們能夠做什么？_C我們應(yīng)當(dāng)做什么？_D我們需要如何樣做？_寫(xiě)出你們的具體創(chuàng)作藍(lán)圖：結(jié)構(gòu)內(nèi)容（參考教材表2-2）欄目要緊內(nèi)容 繪制一、二級(jí)網(wǎng)頁(yè)版面布局草圖（用鉛筆繪出網(wǎng)站主題、導(dǎo)航、正文、頁(yè)尾等的大致位置及標(biāo)注上相應(yīng)的配色講明）一級(jí)網(wǎng)頁(yè)二級(jí)網(wǎng)頁(yè)4、依照3中對(duì)B、C兩個(gè)問(wèn)題的回答和網(wǎng)站制作的具體流程，擬定你們的網(wǎng)站制作分工。搜集網(wǎng)站資源（負(fù)責(zé)人： ）創(chuàng)建網(wǎng)站站點(diǎn)（負(fù)責(zé)人： ）網(wǎng)頁(yè)頁(yè)面制作網(wǎng)站首頁(yè)（負(fù)責(zé)人： ）欄目一

11、網(wǎng)頁(yè)（負(fù)責(zé)人： ）欄目二網(wǎng)頁(yè)（負(fù)責(zé)人： ）欄目三網(wǎng)頁(yè)（負(fù)責(zé)人： ）欄目四網(wǎng)頁(yè)（負(fù)責(zé)人： ）公布網(wǎng)站內(nèi)容檢查（負(fù)責(zé)人： ）運(yùn)行測(cè)試（負(fù)責(zé)人： ）公布站點(diǎn)（負(fù)責(zé)人： ）站點(diǎn)維護(hù)（負(fù)責(zé)人： ）附2：知識(shí)檢查表。一、回憶本課所學(xué)的知識(shí)，回答下面問(wèn)題。1、優(yōu)秀網(wǎng)站的共同點(diǎn)有 。2、著手設(shè)計(jì)網(wǎng)站前，我們需要明確 。3、網(wǎng)站內(nèi)容的選擇和欄目設(shè)計(jì)要圍繞網(wǎng)站的 。4、設(shè)計(jì)版面要緊包括三個(gè)方面的工作： 、 、 。5、籌劃一個(gè)網(wǎng)站，一般需要經(jīng)歷 、 、 、 、 等五個(gè)過(guò)程。二、在本課學(xué)習(xí)中，你完成的任務(wù)有：任務(wù)完成情況（完成的打“”）1、觀摩網(wǎng)站，填寫(xiě)表2-12、與小組成員討論，確定網(wǎng)站定位3、畫(huà)網(wǎng)站的網(wǎng)頁(yè)結(jié)構(gòu)圖4、畫(huà)版面設(shè)計(jì)圖5、設(shè)計(jì)色彩搭配方案6、與小組成員共同制定制作打算附3：網(wǎng)站進(jìn)度檢查表具體完成任務(wù)完成情況（完成打“”）參與組員（