網(wǎng)頁制作范例

PAGEPAGE1規(guī)劃設(shè)計(jì)“美麗的大理”網(wǎng)站張林曉一、案例背景信息1.模塊：模塊七網(wǎng)頁制作2.年級：初二年級3.所用教材版本：科學(xué)教育出版社一年級下冊4.學(xué)時(shí)數(shù)：非上機(jī)時(shí)間15分鐘，上機(jī)時(shí)間：30分鐘，課下調(diào)研、收集素材，大約用120分鐘二、教學(xué)設(shè)計(jì)（一）教學(xué)目標(biāo)：1、了解網(wǎng)站的整體設(shè)計(jì)和規(guī)劃的內(nèi)涵。2、掌握在Frontpage導(dǎo)航視圖中合理設(shè)計(jì)網(wǎng)站結(jié)構(gòu)。3、增進(jìn)相互合作學(xué)習(xí)的能力，在討論和幫助中完成網(wǎng)站和主頁的設(shè)計(jì)。4、發(fā)揮想象力，制作出有自己特色的網(wǎng)站。（二）內(nèi)容分析本課的主題是規(guī)劃網(wǎng)站，教學(xué)重點(diǎn)應(yīng)放在網(wǎng)站整體結(jié)構(gòu)的設(shè)計(jì)上，引導(dǎo)學(xué)生理解網(wǎng)站的結(jié)構(gòu)，學(xué)習(xí)規(guī)劃網(wǎng)頁間的層次結(jié)構(gòu)，研究網(wǎng)站結(jié)構(gòu)和風(fēng)格，制作網(wǎng)站結(jié)構(gòu)圖，使學(xué)生對網(wǎng)站有一個(gè)整體的概念。（三）學(xué)生分析：學(xué)生對網(wǎng)頁有初步了解，但在原有的認(rèn)知水平、分析能力、理解能力上，學(xué)生大多關(guān)注一張張具體的網(wǎng)頁，和網(wǎng)頁中文本、圖片、音頻、視頻的插入等具體操作，對網(wǎng)站和網(wǎng)頁的整體結(jié)構(gòu)不太關(guān)心。（四）教學(xué)策略設(shè)計(jì)：根據(jù)以上所分析的學(xué)生的知識體系的構(gòu)成狀況，任務(wù)的設(shè)計(jì)主要是為了使學(xué)生掌握網(wǎng)站整體的規(guī)劃和構(gòu)建，并在此基礎(chǔ)上引發(fā)學(xué)生的創(chuàng)意和表現(xiàn)自我的意識。比如：網(wǎng)站的主題和內(nèi)容雖然以大理為主線，但可根據(jù)自己的喜好進(jìn)行選擇。課程中首先給學(xué)生展示“九寨溝”網(wǎng)站的畫面。引導(dǎo)學(xué)生欣賞、分析該網(wǎng)站的規(guī)劃，得出其結(jié)構(gòu)圖，然后向?qū)W生講解規(guī)劃網(wǎng)站的內(nèi)涵及原因，接著向?qū)W生提出自己建網(wǎng)站來介紹某個(gè)景點(diǎn)的要求，并強(qiáng)調(diào)建站規(guī)劃的注意事項(xiàng)，以及制作主頁的要求。1.教學(xué)方法設(shè)計(jì)：分析法、對比法、任務(wù)驅(qū)動(dòng)法2.關(guān)于教－學(xué)流程和教－學(xué)活動(dòng)的設(shè)計(jì)思路：本課的重點(diǎn)在于培養(yǎng)學(xué)生對規(guī)劃網(wǎng)站的整體分析和規(guī)劃能力，教學(xué)活動(dòng)中，首先給學(xué)生展示層次結(jié)構(gòu)分明和層次不分明的網(wǎng)站，讓學(xué)生對比分析其結(jié)構(gòu)，從中了解什么是網(wǎng)站的規(guī)劃，我們?yōu)槭裁匆M(jìn)行網(wǎng)站的規(guī)劃；然后引導(dǎo)學(xué)生自己規(guī)劃網(wǎng)站，設(shè)計(jì)網(wǎng)站的結(jié)構(gòu)；最后選擇一些學(xué)生的網(wǎng)站結(jié)構(gòu)在全班進(jìn)行交流，通過對比激勵(lì)學(xué)生設(shè)計(jì)的更好。至于主頁的制作、用表格布局網(wǎng)頁和創(chuàng)建電子郵件連接的操作，我打算搜索一個(gè)輔助網(wǎng)站，放在服務(wù)器上，讓學(xué)生通過瀏覽，嘗試性的進(jìn)行操作。3.學(xué)生上機(jī)操作安排和教師應(yīng)用信息技術(shù)的情況（1）學(xué)生上機(jī)操作的任務(wù)和目標(biāo)：1、瀏覽網(wǎng)站，對比分析，了解網(wǎng)站規(guī)劃的意義及必要性。2、以“美麗的××”為主題自己規(guī)劃網(wǎng)站，運(yùn)用Frontpage中的導(dǎo)航視圖設(shè)計(jì)網(wǎng)站結(jié)構(gòu)，創(chuàng)建主頁和網(wǎng)頁。3、（對有能力的學(xué)生）用表格布局網(wǎng)頁，創(chuàng)建電子郵件連接。（具體操作可參考輔助教學(xué)網(wǎng)頁）（2）教師計(jì)劃使用設(shè)備、軟件、課件或資源：局域網(wǎng)、教學(xué)廣播、相關(guān)景點(diǎn)網(wǎng)站和網(wǎng)頁三、教學(xué)過程1．教與學(xué)的過程描述教學(xué)階段及所用時(shí)間教師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)思路問題記錄課程引入引導(dǎo)學(xué)生欣賞、對比網(wǎng)站的結(jié)構(gòu),提問欣賞思考課堂活動(dòng)1.展示網(wǎng)站結(jié)構(gòu)圖，引導(dǎo)學(xué)生從中了解什么是網(wǎng)站的規(guī)劃，為什么要進(jìn)行網(wǎng)站的規(guī)劃。獨(dú)具匠心的網(wǎng)站規(guī)劃設(shè)計(jì)就象一幢宏偉的建筑前期的規(guī)劃設(shè)計(jì)一樣，要進(jìn)行認(rèn)真、科學(xué)總體規(guī)劃，之后才可以“破土動(dòng)工”。2.展示建網(wǎng)站需要注意的問題：=1\*GB3①網(wǎng)站主題和名稱的定位=2\*GB3②網(wǎng)站結(jié)構(gòu)的規(guī)劃創(chuàng)建一個(gè)網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰。如果網(wǎng)站結(jié)構(gòu)不清晰，目錄龐雜，內(nèi)容東一塊西一塊。結(jié)果不但瀏覽者看得糊涂，自己擴(kuò)充和維護(hù)網(wǎng)站也相當(dāng)困難。=3\*GB3③網(wǎng)頁布局的設(shè)計(jì)=4\*GB3④網(wǎng)頁色彩搭配文字的變化、圖片的處理分析回答問題任務(wù)布置1.任務(wù)：運(yùn)行Frontpage，新建一個(gè)只有一個(gè)網(wǎng)頁的站點(diǎn)，存放位置為“d:\Myweb”文件夾，在Frontpage“導(dǎo)航”試圖模式下以“美麗的××”為主題完成網(wǎng)站結(jié)構(gòu)的設(shè)計(jì)2.演示任務(wù)如何完成3.注意事項(xiàng)：=1\*GB3①如以“美麗的大理”為主題，可參看教科書76－77頁；如以“美麗的××”為主題，則可參看“服務(wù)器上“云南旅游”提供的素材。=2\*GB3②完成網(wǎng)站結(jié)構(gòu)設(shè)計(jì)的同學(xué)可參看“服務(wù)器上“Frontpage的使用”提供的學(xué)習(xí)幫助以及教科書77－78頁，繼續(xù)完成網(wǎng)站主頁制作之表格的使用、文字和圖像的編輯、創(chuàng)建電子郵件鏈接操作。上機(jī)操作小節(jié)展示學(xué)生完成任務(wù)情況，并進(jìn)行小節(jié)四、教學(xué)資源和參考資料1.參考資料2.本課用到的網(wǎng)絡(luò)資源及其網(wǎng)址洪恩在線3.本課設(shè)計(jì)或用到的課件（附后）評析：這是制作網(wǎng)站的第一節(jié)課，教師沒有一開始就讓學(xué)生制作網(wǎng)頁，而是根據(jù)教材內(nèi)容將本節(jié)課的教學(xué)重點(diǎn)定位在網(wǎng)站整體結(jié)構(gòu)的設(shè)計(jì)上，通過作品賞析，引導(dǎo)學(xué)生根據(jù)網(wǎng)站主題規(guī)劃網(wǎng)站的層次結(jié)構(gòu)，學(xué)會(huì)在導(dǎo)航視圖中設(shè)