籌劃班級網站教學

1、參考教學案例半課題名稱：懊籌劃班級網站【教學目標】1知識與技能辦（1）知道什么八是網站的功能定安位。藹（2）學會根據跋網站功能定位選藹擇網站內容和設般計相應欄目。柏（3）了解版面白寬度與顯示器分胺辨率的關系，學癌會選定版面寬度襖。懊（4）了解版面愛布局常用方式，啊能夠畫出版面布隘局圖。埃（5）能夠設計跋切合網站主題的拌色彩方案。藹（6）能夠大致板擬定網站制作計捌劃。班（7）了解網站頒的一般籌劃過程藹。2過程與方法敖（1）通過對不拜同網站的比較，扳初步懂得發(fā)現和藹學習不同網站的暗優(yōu)點。拔（2）初步懂得捌圍繞網站目標定白位，選擇網站內跋容和設計欄目的皚方法。罷（3）通過設計熬網站一、二級網胺頁的版

2、面，體會把版面布局和色彩吧方案設計的過程巴。凹（4）親歷網站哀制作計劃的擬定阿過程，體會與人斑合作交流的技巧背。柏（5）經歷班級愛網站的籌劃過程礙，初步懂得簡單壩網站的籌劃方法柏。拌3情感態(tài)度與岸價值觀哀（1）培養(yǎng)對網絆站的鑒賞能力。皚（2）培養(yǎng)學習奧和使用信息技術癌的興趣和意識。芭（3）培養(yǎng)團結板協(xié)作精神，發(fā)展埃合作意識。壩 【教學案重點和難點】教學重點百明確主題網站的阿功能定位，并根皚據制作目標進行鞍內容結構和版面敗的設計。 教學難點伴設計網站內容結把構和擬定制作計懊劃?！緦W情分析】拜初中學生對新事鞍物的好奇心強，礙豐富多彩的網站按，各具特色，很絆容易激發(fā)起學生傲創(chuàng)作的欲望，本按節(jié)提出制作

3、班級疤網站的任務更能鞍激發(fā)學生的學習背興趣。但是，受昂年齡特點和以往背學習經歷的影響扳，學生可能會更挨希望直接開始學凹習實際操作而忽熬視籌劃的重要性拌。因此，教師在奧教學過程中應注拔意不斷滲透任務奧分析和任務籌劃矮的必要性，并通芭過讓學生親歷籌襖劃的過程，使學擺生體會籌劃的思爸想和方法。同時搬，由于學生對于罷網站具體制作過跋程的分工還沒有罷足夠認識、通過扒合作的方式完成巴一個較大型的制芭作任務的經驗較拜少，教師在引導癌學生分工時應注盎意根據學生實際版情況靈活變通，班不要照搬網站制罷作的一般分工方骯法，導致崗位分案配流于形式。 【教學方法】熬教學組織形式可哀采用任務驅動的挨教學方法和觀摩耙、探究

4、與合作的邦學習方法，課堂骯講授，小組協(xié)作拔學習、教師評價昂與自我評價相結骯合。笆本節(jié)課可以采用懊任務驅動的教學敗方法，在基于真版實情景即建立班擺級網站為班級成叭員提供一個展示捌與交流的平臺的絆前提下，提出進昂行網站制作需求胺分析和籌劃、分奧工等任務。啊在此前學生未參皚與過一個如此完搬整和大型的作品柏制作，因此，給鞍予充分的范例觀巴摩和引導是十分奧必要的，教師在般給予學生觀摩優(yōu)暗秀網站時，可以盎幫助學生討論分藹析并歸納出這些胺網站之所以能具拔有吸引力，其共艾同點在哪里，對稗于自己即將開發(fā)胺的網站有什么可案借鑒之處。挨籌劃是創(chuàng)作過程拌的開始，也是容皚易被學生所忽略氨的階段。教師必般須在此給予學生盎

5、行之有效的引導安，使其明白前期白籌劃的重要性并搬進行積極有效的稗籌劃工作。比如擺教師可以在事先傲設計的網站籌劃霸書上以填表形式岸讓學生回答四個藹問題：我們?yōu)槭舶倜醋?？我們可以背做什么？我們應笆當做什么？我們扳需要怎樣做？（百該問題可以讓學叭生更具體的回答白，如提供創(chuàng)作藍佰圖）。第1個問奧題的思考有助于疤學生解決?！鞍凭W站的功能定位爸”擺， 第2、3 叭個問題的思考有哀助于爸“敗擬定設計計劃唉”俺 ，第4個問題罷則有助于挨“巴設計內容結構澳”辦和案“佰設計版面瓣”癌 。澳 此外，?！鞍志W站制作計劃表骯”辦的制定是否科學凹合理、具有可操奧作性直接影響本絆章后面整個學習疤過程是否能按進昂度進行的重要

6、因拔素，如果制定不伴好，計劃表只能藹流于形式，不能跋起到實際作用。按完成本課任務后按，安排熬“拔討論交流疤”斑環(huán)節(jié)，教師對每安個小組的計劃進笆行評價和修改，般有利于學生對制瓣定計劃的思想和拜方式有更深的理拔解，也能保證后跋面的制作過程順挨利開展。鞍【教學媒體及資矮源】挨多媒體網絡教室靶、電子教室系統(tǒng)板、給學生展示的哎優(yōu)秀網站范例、拜“暗知識檢查表藹”芭和壩“般任務進度檢查表盎”盎的電子表格。頒 頒教學過程】敖教學環(huán)節(jié)哀教師活動耙學生活動按設計意圖澳情景引入與任務把提出俺1、情景引入：氨如何為班級成員靶之間提供一個展皚示和交流學習生唉活的平臺，實現搬班級資源的共享暗。八2、任務提出：稗（1）本章

7、任務把：瓣要求同學們分組半各設計一個班級澳網站，最后將在笆所有作品中評比艾出最佳網站作為板本班的班級網站捌。扒（2）本節(jié)任務巴：伴進行網站的籌劃班。拔明確任務和合作癌伙伴。疤 提出貼近學柏生學習生活的任岸務情景與要求，伴激發(fā)學生的創(chuàng)作搬熱情。扒任務解 決巴1、觀摩網站笆提供一些優(yōu)秀的哎班級網站讓學生班進行觀摩。引導昂學生從網站的主壩題、內容、版面版和技術歸納優(yōu)秀扳網站的特點。霸觀摩教師提供的暗網站范例，填寫半教材表2-1。稗學生在觀摩優(yōu)秀凹作品的同時對網礙站的整體結構有罷較深的感性認識絆，借鑒別人作品頒的優(yōu)點并找到自伴己網站的定位。昂2、明確功能定癌位敗指導學生明確網哎站制作的總體目艾標和要實

8、現的功傲能。俺 學生在艾組內討論，分析八，最終明確網站搬功能。挨 沿著網站籌哎劃一般過程，讓白學生逐步解決網吧站制作的需求分昂析工作，為下一隘步工作開展做好暗準備。襖 提供優(yōu)秀的百范例給學生參考搬，有利于學生得俺到啟發(fā)，較迅速跋的確定自己的網辦站設計方案。背3、設計內容結傲構叭指導學生閱讀教拔材表2-2和圖霸2-1，引導學伴生對網站所要表艾達的內容進行梳哎理、篩選和歸類扮，最終形成自己般的網站結構和欄案目內容。 瓣 學生在拜老師指導下仔細岸閱讀教材，并在搬組內進行討論，霸根據討論結果，斑把自己的網站結搬構和大致欄目內藹容填寫在教師印拜發(fā)的傲“唉網站籌劃書安”跋中。矮4、設計版面班（1）選定版面

9、安寬度百（2）合理布局伴版面捌 一個瓣網頁的版面通常伴以屏幕中央最能拜引人的注意，屏礙幕上方緊隨其后啊，屏幕的左右側瓣通常放置不太重襖要或固定信息，辦附加信息（如版癌權信息）一般放拔在最下方。靶展示常用布局方把式實例：T字型昂、同字型和三字啊型。伴（3）設計色彩扳方案傲 參考捌教材P22中的隘拓展知識部分，壩了解不同顏色給背瀏覽者的不同感芭受。敖 注意安：不要使用過多艾的顏色。除了黑拔色和白色以外，哎約選擇四到五個埃顏色就夠了。按學生觀摩優(yōu)秀網哎站范例，認識不胺同網頁版面布局鞍結構，顏色搭配疤，經組內討論之芭后在哀“鞍網站籌劃書俺”暗中繪制第一、二罷級網頁的布局草柏圖。氨5、擬定制作計啊劃霸指

10、導學生進行合骯理分工、擬定制扮作計劃。柏小組成員之間經皚過討論協(xié)調，確八定彼此的分工任岸務，負責人填寫班“敗網站籌劃書安”癌中的礙“霸網站制作分工及叭進度安排表。盎6、小組計劃評伴價安 從可行性暗和工作分工是否氨合理等方面對小襖組的計劃作適當瓣的點評，指導相板關小組修改計劃敖。藹根據教師的建議拜修訂計劃。胺保證后面的學習艾任務得以順利開八展。百小結百1、優(yōu)秀網站的吧共同點有包括：岸容易進入、主要愛內容一目了然、翱內容豐富、更新瓣及時和版面美觀隘。唉2、著手設計網扒站前，我們需要唉明確網站的功能傲定位。澳3、網站內容的拌選擇和欄目設計捌要圍繞網站的目暗標定位。板4、設計版面主耙要包括三個方面敗的

11、工作：選定版邦面寬度、合理布罷局版面和設計色辦彩方案。版5、籌劃一個網皚站，一般需要經壩歷觀摩網站、明背確功能定位、設把計內容結構、設骯計版面和擬定制鞍作計劃等五個過瓣程。藹填寫知識檢查表翱和任務進度表。扳幫助學生梳理本啊課知識要點。叭課外任務敖 小組成版員分工合作，搜版集班級網站所需拔資源。隘為下節(jié)課的教學扳內容作準備。襖附1：網站籌劃礙書熬1、網站名稱：胺_伴_鞍_凹2、小組長： 佰 矮 小組板成員：芭3、制作網站前搬回答的四個問題拜：按A我們?yōu)槭裁窗阕觯浚ㄎ覀冊O計霸的這個班級網站翱是為了展示什么巴或作什么用？）奧_哎_熬_白_笆_耙_版_岸_疤_唉_擺_昂B我們可以做絆什么？捌_澳_扳_

12、壩_辦_懊_拔_艾_案_哀_拔_胺C我們應當做暗什么？搬_班_艾_盎_罷_隘_耙_巴_伴_唉_盎_案D我們需要怎疤樣做？礙_佰_隘_阿_拜_百_搬_啊_跋_翱_拔_搬寫出你們的具體傲創(chuàng)作藍圖：扮結構內容（參考安教材表2-2）欄目主要內容阿 唉 耙 拌 靶 案繪制一、二級網靶頁版面布局草圖骯（用鉛筆繪出網按站主題、導航、奧正文、頁尾等的班大致位置及標注拜上相應的配色說芭明）一級網頁二級網頁胺4、根據3中對跋B、C兩個問題扒的回答和網站制岸作的具體流程，奧擬定你們的網站背制作分工。搜集網站資源（負責人： ）創(chuàng)建網站站點（負責人： ）網頁頁面制作網站首頁（負責人： ）欄目一網頁（負責人： ）欄目二網

13、頁（負責人： ）欄目三網頁（負責人： ）欄目四網頁（負責人： ）發(fā)布網站內容檢查（負責人： ）運行測試（負責人： ）發(fā)布站點（負責人： ）站點維護（負責人： ）澳附2：知識檢查拔表。哎一、回顧本課所巴學的知識，回答頒下面問題。盎1、優(yōu)秀網站的艾共同點有暗 扒 拜 耙 扳。擺2、著手設計網拜站前，我們需要辦明確搬 艾 敗。岸3、網站內容的白選擇和欄目設計笆要圍繞網站的佰 愛 按。笆4、設計版面主扳要包括三個方面爸的工作：芭 拜 埃、澳 芭 翱、鞍 搬 瓣。皚5、籌劃一個網隘站，一般需要經岸歷疤 胺 把、罷 啊 藹、礙 盎 八、骯 啊 哀、疤 盎 敖等五個過程。跋二、在本課學習哎中，你完成的任敗務有：任務完成情況（完成的打“”）1、觀摩網站，填寫表2-12、與小組成員討論，確定網站定位3、畫網站的網頁結構圖4、畫版面設計圖5、設計色彩搭配方案6、與小組成員共同制定制作計劃安附3：壩網站進度檢查表拔具體完成任務俺完成情況