1、文檔編碼 : CS7V9N10I3S8 HU6Y1K8F2K6 ZK5T8B4I9J3網(wǎng)站規(guī)劃與設(shè)計(jì)教案 一,教學(xué)目標(biāo) 課 題 : 網(wǎng)站規(guī)劃 網(wǎng)站的設(shè)計(jì) 1,學(xué)問與技能 1 明白網(wǎng)站規(guī)劃的幾個(gè)階段與幾個(gè)要點(diǎn)基本過程 2 把握網(wǎng)站規(guī)劃與設(shè)計(jì)的過程與方法； 2,過程與方法 1 通過瀏覽與觀看幾個(gè)老師供應(yīng)的主題網(wǎng)站的內(nèi)容,結(jié)構(gòu),風(fēng)格,質(zhì)量 , 并進(jìn)行對(duì)比 , 明白網(wǎng)站設(shè)計(jì)的內(nèi)容,特點(diǎn)以及依據(jù)不同內(nèi)容挑選不同設(shè)計(jì)風(fēng)格等 2 以個(gè)人或小組集體確立一個(gè)網(wǎng)站的主題 , 并環(huán)繞主題爭(zhēng)論即將設(shè)計(jì)的幾個(gè)頁面 , 規(guī)劃 每個(gè)頁面大致需要反映的內(nèi)容 3,情感態(tài)度與價(jià)值觀 , 從而明白規(guī)劃的一般過程 1 通過網(wǎng)站主題的

2、挑選,爭(zhēng)論,規(guī)劃 , 培育同學(xué)溝通合作意識(shí)； 2 通過同學(xué)動(dòng)手上網(wǎng)收集與整理資料等實(shí)踐活動(dòng) 二,教學(xué)重,難點(diǎn) 網(wǎng)站規(guī)劃與設(shè)計(jì) 三,教學(xué)方法 對(duì)比教學(xué)法 , 探究學(xué)習(xí)法 , 爭(zhēng)論溝通 四,教學(xué)設(shè)計(jì) , 使同學(xué)養(yǎng)成分類治理的思想； 教學(xué)過 老師活動(dòng) 同學(xué)活動(dòng) 提 設(shè)計(jì)意圖 程 老師引導(dǎo) : 現(xiàn)如今 , 網(wǎng)站已經(jīng)廣泛應(yīng)用到社會(huì)的各 師 生 交 流 : 網(wǎng)站 漫談網(wǎng)站的作 行各業(yè) , 滲透到各個(gè)領(lǐng)域； 供 相 關(guān) 內(nèi)容 豐富 的 用 1,那我們可以借助網(wǎng)站來做什么呢？ 信息 , 很美麗 , 有的 新課引 2,先讓我們一起來觀看幾個(gè)優(yōu)秀網(wǎng)站 仍 可 以 與訪 問者 交 入 互等 第 1 頁,共 4 頁網(wǎng)

3、站規(guī)劃與設(shè)計(jì)教案 一,老師支配同學(xué)閱讀課本或老師講解以下學(xué)問 , 仔細(xì)閱讀書本 講 此部分內(nèi)容僅 點(diǎn) : 1,網(wǎng)站規(guī)劃的基本 或 認(rèn) 真 聽 教 師要求明白 , 故無 過程 , 解 仿照老師網(wǎng)站需深化講解 結(jié)網(wǎng)站設(shè)計(jì)就是一項(xiàng)工程 , 我們需要一個(gè)詳細(xì)規(guī)劃 合實(shí)例的分 析 , 內(nèi)容規(guī) 劃 自 己即 一般規(guī)劃需要如下幾個(gè)過程 : 將要計(jì) 的 網(wǎng) 站 設(shè) 給同學(xué)以更 直 包 括 主 觀的熟識(shí) 題,頁面內(nèi)容等 需 填寫相關(guān)表格 , 以指 導(dǎo)日后網(wǎng)站設(shè)計(jì) 仔細(xì)閱讀書本 或 認(rèn) 真 聽 教 師 講 解 觀看并回答 學(xué) 生 通 過前 面對(duì) 網(wǎng) 站做的規(guī)劃 , 設(shè)計(jì)網(wǎng) 站結(jié)構(gòu) , 老師巡回指 導(dǎo)； 同學(xué)分組完

4、成任務(wù) 老師巡回個(gè)別指導(dǎo) 新 2,什么就是網(wǎng)站的規(guī)劃 教 師 對(duì) 同學(xué) 作品 作 1 規(guī)劃涉及的內(nèi)容 2 網(wǎng)站的要素 出評(píng)判 二,引導(dǎo)同學(xué)規(guī)劃自己的網(wǎng)站 總結(jié)本課 授 同樣結(jié)合實(shí)例 , 顯現(xiàn)老師的規(guī)劃 , 并要求同學(xué) 仿照 , 規(guī)劃自己的網(wǎng)站 等主題網(wǎng)站規(guī)劃 , 給出主題與相關(guān)頁面內(nèi)容 網(wǎng)頁名稱 網(wǎng)頁顯現(xiàn) 網(wǎng)頁 備注 內(nèi)容 結(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) 注 , 并為瀏覽者供應(yīng)便利的拜望；網(wǎng)站設(shè)計(jì)一般包 第 2 頁,共 4 頁網(wǎng)站規(guī)劃與設(shè)計(jì)教案 括網(wǎng)站欄目結(jié)構(gòu)設(shè)計(jì),網(wǎng)頁版面設(shè)計(jì),網(wǎng)頁

5、的鏈接 設(shè)計(jì) 導(dǎo)航設(shè)計(jì) 等； 請(qǐng)同學(xué)們?cè)偾魄票菊n開頭供應(yīng)的幾個(gè)優(yōu)秀網(wǎng)站 , 并 摸索以下幾個(gè)問題 : 1 這些網(wǎng)站就是怎樣環(huán)繞主題顯現(xiàn)內(nèi)容的？ 2 這些網(wǎng)站供應(yīng)了哪些欄目及功能？ 3 網(wǎng)站的鏈接有哪些特色 , 就是否便利？ 4 網(wǎng)站主頁的布局,顏色運(yùn)用在哪些特點(diǎn)？ 1,網(wǎng)站的結(jié)構(gòu)設(shè)計(jì) 體會(huì)告知我們 , 建立一個(gè)網(wǎng)站好比寫一篇文章 , 首 先要擬好提綱 , 文章才能主題明確 , 層次清楚 ; 也好 比造一座高樓 , 第一要設(shè)計(jì)好框架圖紙 , 才能使樓 房結(jié)構(gòu)合理； 制作網(wǎng)站前要設(shè)計(jì)好網(wǎng)站的欄目 , 網(wǎng)站的欄目可 以有多層 , 但并不就是層數(shù)越多越好 , 以能夠恰當(dāng) 地表達(dá)網(wǎng)站主題為好；此外 ,

6、每個(gè)欄目應(yīng)有一個(gè)大 致的內(nèi)容描述 , 以表達(dá)該欄目的設(shè)計(jì)思路； 2,網(wǎng)頁的版面設(shè)計(jì) 1 風(fēng)格設(shè)計(jì) 風(fēng)格就是指網(wǎng)站的整體形象給瀏覽者的綜合感受； 有的莊重計(jì)策 , 有的清新溫馨 , 有的深沉厚重 , 有的 生動(dòng)活潑 , 有的古樸高雅 , 有的豪邁奔放； 風(fēng)格設(shè)計(jì) 與主題就是密不行分的 2 版面布局設(shè)計(jì) , 就是為突出主題服務(wù)的； 網(wǎng)頁要顯現(xiàn)的內(nèi)容許多 , 概括起來可分為標(biāo)題信 息,欄目信息,內(nèi)容信息,附加信息等 , 需要進(jìn)行 合理的放置 , 讓人瞧起來井井有條 , 主次分明； 3,網(wǎng)頁的交互設(shè)計(jì) 網(wǎng)站它不就是一個(gè)“被動(dòng)”的媒體 , 與電視,電臺(tái) 等媒體不一樣的就是網(wǎng)頁就是需要我們用鼠標(biāo)去 點(diǎn)擊的； 瀏覽者點(diǎn)擊連接 , 網(wǎng)頁顯示出需要的內(nèi)容 然后在傳遞給瀏覽者；這就就是網(wǎng)頁的交互性； 四,任務(wù)布置 請(qǐng)每個(gè)同學(xué) 或同桌兩個(gè)合作 , 合作成員不能超過 兩個(gè) 設(shè)計(jì)制作一份網(wǎng)頁作品； 第 3 頁,共 4 頁網(wǎng)站規(guī)劃與設(shè)計(jì)教案 1 ,要求 : 1 主題自定 ; 2 總共要有 10 個(gè)頁面或以上； 3 網(wǎng)頁中的內(nèi)容要緊密結(jié)合