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

《七年級信息技術(shù)上冊 第12課 規(guī)劃與設(shè)計(jì)網(wǎng)站教案 新人教版》由會員分享，可在線閱讀，更多相關(guān)《七年級信息技術(shù)上冊 第12課 規(guī)劃與設(shè)計(jì)網(wǎng)站教案 新人教版（4頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

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