七年級信息技術(shù)上冊 第12課 規(guī)劃與設(shè)計網(wǎng)站教案 新人教版

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