網(wǎng)頁制作范例

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