網(wǎng)站規(guī)劃 網(wǎng)站的設計一、教學目標1、知識與技能（1）了解網(wǎng)站規(guī)劃的幾個階段和幾個要點基本過程（2）掌握網(wǎng)站規(guī)劃和設計的過程和方法。2、過程與方法（1）通過瀏覽與欣賞幾個教師提供的主題網(wǎng)站的內(nèi)容、結(jié)構(gòu)、風格、質(zhì)量，并進行對比，了解網(wǎng)站設計的內(nèi)容、特點以及根據(jù)不同內(nèi)容選擇不同設計風格等（2）以個人或小組集體確立一個網(wǎng)站的主題，并圍繞主題討論即將設計的幾個頁面，規(guī)劃每個頁面大致需要反映的內(nèi)容，從而了解規(guī)劃的一般過程3、情感態(tài)度與價值觀（1）通過網(wǎng)站主題的選擇、討論、規(guī)劃，培養(yǎng)學生交流合作意識。（2）通過學生動手上網(wǎng)收集與整理資料等實踐活動，使學生養(yǎng)成分類管理的思想。二、教學重、難點網(wǎng)站規(guī)劃和設計三、教學方法對比教學法，探究學習法，討論交流四、教學設計教學過程教師活動學生活動設計意圖新課引入教師引導:現(xiàn)如今，網(wǎng)站已經(jīng)廣泛應用到社會的各行各業(yè)，滲透到各個領(lǐng)域。1.那我們可以借助網(wǎng)站來做什么呢？2.先讓我們一起來欣賞幾個優(yōu)秀網(wǎng)站師生交流： 網(wǎng)站提供相關(guān)內(nèi)容豐富的信息，很漂亮，有的還可以與訪問者交互等漫談網(wǎng)站的作用新 授一、教師安排學生閱讀課本或教師講解以下知識點：1、網(wǎng)站規(guī)劃的基本過程網(wǎng)站設計是一項工程，我們需要一個具體規(guī)劃，一般規(guī)劃需要如下幾個過程：2、什么是網(wǎng)站的規(guī)劃(1)規(guī)劃涉及的內(nèi)容 (2)網(wǎng)站的要素二、引導學生規(guī)劃自己的網(wǎng)站同樣結(jié)合實例，展示教師的規(guī)劃，并要求學生模仿，規(guī)劃自己的網(wǎng)站，給出主題與相關(guān)頁面內(nèi)容等主題網(wǎng)站規(guī)劃網(wǎng)頁名稱網(wǎng)頁展示內(nèi)容網(wǎng)頁結(jié)構(gòu)備注Index.htm 主題：三、網(wǎng)站的設計網(wǎng)站設計的目的在于把需要表達的信息以恰當?shù)姆绞浇M織并呈現(xiàn)在網(wǎng)上，設法吸引人們的關(guān)注，并為瀏覽者提供方便的訪問。網(wǎng)站設計一般包括網(wǎng)站欄目結(jié)構(gòu)設計、網(wǎng)頁版面設計、網(wǎng)頁的鏈接設計（導航設計）等。請同學們再看看本課開頭提供的幾個優(yōu)秀網(wǎng)站，并思考以下幾個問題： （1）這些網(wǎng)站是怎樣圍繞主題展現(xiàn)內(nèi)容的？ （2）這些網(wǎng)站提供了哪些欄目及功能？ （3）網(wǎng)站的鏈接有哪些特色，是否便捷？ （4）網(wǎng)站主頁的布局、色彩運用在哪些特點？1、 網(wǎng)站的結(jié)構(gòu)設計經(jīng)驗告訴我們，建立一個網(wǎng)站好比寫一篇文章，首先要擬好提綱，文章才能主題明確，層次清晰；也好比造一座高樓，首先要設計好框架圖紙，才能使樓房結(jié)構(gòu)合理。 制作網(wǎng)站前要設計好網(wǎng)站的欄目，網(wǎng)站的欄目可以有多層，但并不是層數(shù)越多越好，以能夠恰當?shù)伢w現(xiàn)網(wǎng)站主題為好。此外，每個欄目應有一個大致的內(nèi)容描述，以表達該欄目的設計思路。2、 網(wǎng)頁的版面設計(1) 風格設計風格是指網(wǎng)站的整體形象給瀏覽者的綜合感受。有的嚴肅計策，有的清爽溫馨，有的深沉厚重，有的生動活潑，有的古樸典雅，有的豪邁奔放。風格設計與主題是密不可分的，是為突出主題服務的。(2) 版面布局設計 網(wǎng)頁要呈現(xiàn)的內(nèi)容很多，概括起來可分為標題信息、欄目信息、內(nèi)容信息、附加信息等，需要進行合理的放置，讓人看起來井井有條，主次分明。3、 網(wǎng)頁的交互設計 網(wǎng)站它不是一個“被動”的媒體，和電視、電臺等媒體不一樣的是網(wǎng)頁是需要我們用鼠標去點擊的。 瀏覽者點擊連接，網(wǎng)頁顯示出需要的內(nèi)容然后在傳遞給瀏覽者。這就是網(wǎng)頁的交互性。四、任務布置請每個同學（或同桌兩個合作，合作成員不能超過兩個）設計制作一份網(wǎng)頁作品。 1、要求： （1）主題自定； （2）總共要有10個頁面或以上。（3）網(wǎng)頁中的內(nèi)容要緊密結(jié)合作者的學習、生活實際或社會實踐。 （4）在水平分辨率為1024（或以上）像素的電腦屏幕上瀏覽時，頁面保持整齊，不允許出現(xiàn)橫向的滾動條。五、評價學生作業(yè)并總結(jié)本節(jié)課內(nèi)容認真閱讀書本（或認真聽教師講解）模仿教師網(wǎng)站內(nèi)容，規(guī)劃自己即將要設計的網(wǎng)站（包括主題、頁面內(nèi)容等）需填寫相關(guān)表格，以指導日后網(wǎng)站設計認真閱讀書本（或認真聽教師講解）欣賞并回答學生通過前面對網(wǎng)站做的規(guī)劃，設計網(wǎng)站結(jié)構(gòu)，教師巡回指導。學生分組完成任務教師巡回個別指導教師對學生作品作出評價總結(jié)本課此部分內(nèi)容僅要求了解，故無需深入講解結(jié)合實例的分析，給學生以更直觀的認識