網(wǎng)站規(guī)劃與設(shè)計(jì)教案

課題:網(wǎng)站計(jì)劃網(wǎng)站設(shè)計(jì)一、教學(xué)目標(biāo)1、知識(shí)與技能（1）了解網(wǎng)站計(jì)劃多個(gè)階段和多個(gè)關(guān)鍵點(diǎn)基礎(chǔ)過程（2）掌握網(wǎng)站計(jì)劃和設(shè)計(jì)過程和方法。2、過程與方法（1）經(jīng)過瀏覽與欣賞多個(gè)老師提供專題網(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)站專題,并圍繞專題討論立即設(shè)計(jì)多個(gè)頁面,計(jì)劃每個(gè)頁面大致需要反應(yīng)內(nèi)容,從而了解計(jì)劃通常過程3、情感態(tài)度與價(jià)值觀（1）經(jīng)過網(wǎng)站專題選擇、討論、計(jì)劃,培養(yǎng)學(xué)生交流合作意識(shí)。（2）經(jīng)過學(xué)生動(dòng)手上網(wǎng)搜集與整理資料等實(shí)踐活動(dòng),使學(xué)生養(yǎng)成份類管理思想。二、教學(xué)重、難點(diǎn)網(wǎng)站計(jì)劃和設(shè)計(jì)三、教學(xué)方法對(duì)比教學(xué)法,探究學(xué)習(xí)法,討論交流四、教學(xué)設(shè)計(jì)教學(xué)過程老師活動(dòng)學(xué)生活動(dòng)設(shè)計(jì)意圖

新課引入老師引導(dǎo):現(xiàn)現(xiàn)在,網(wǎng)站已經(jīng)廣泛應(yīng)用到社會(huì)各行各業(yè),滲透到各個(gè)領(lǐng)域。

1.那我們能夠借助網(wǎng)站來做什么呢？

2.先讓我們一起來欣賞多個(gè)優(yōu)異網(wǎng)站師生交流:網(wǎng)站提供相關(guān)內(nèi)容豐富信息,很漂亮,有還能夠與訪問者交互等漫談網(wǎng)站作用新授一、老師安排學(xué)生閱讀書本或老師講解以下知識(shí)點(diǎn):1、網(wǎng)站計(jì)劃基礎(chǔ)過程網(wǎng)站設(shè)計(jì)是一項(xiàng)工程,我們需要一個(gè)具體計(jì)劃,通常計(jì)劃需要以下多個(gè)過程:2、什么是網(wǎng)站計(jì)劃

(1)計(jì)劃包含內(nèi)容(2)網(wǎng)站要素二、引導(dǎo)學(xué)生計(jì)劃自己網(wǎng)站一樣結(jié)合實(shí)例,展示老師計(jì)劃,并要求學(xué)生模仿,計(jì)劃自己網(wǎng)站,給出專題與相關(guān)頁面內(nèi)容等專題網(wǎng)站計(jì)劃網(wǎng)頁名稱網(wǎng)頁展示內(nèi)容網(wǎng)頁結(jié)構(gòu)備注Index.htm專題:三、網(wǎng)站設(shè)計(jì)網(wǎng)站設(shè)計(jì)目在于把需要表示信息以合適方法組織并展現(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ì)）等。請(qǐng)同學(xué)們?cè)倏纯幢菊n開頭提供多個(gè)優(yōu)異網(wǎng)站,并思索以下多個(gè)問題:

（1）這些網(wǎng)站是怎樣圍繞專題展現(xiàn)內(nèi)容？

（2）這些網(wǎng)站提供了哪些欄目及功效？

（3）網(wǎng)站鏈接有哪些特色,是否便捷？

（4）網(wǎng)站主頁布局、色彩利用在哪些特點(diǎn)？網(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ù)越多越好,以能夠合適地表現(xiàn)網(wǎng)站專題為好。另外,每個(gè)欄目應(yīng)有一個(gè)大致內(nèi)容描述,以表示該欄目設(shè)計(jì)思緒。網(wǎng)頁版面設(shè)計(jì)風(fēng)格設(shè)計(jì)風(fēng)格是指網(wǎng)站整體形象給瀏覽者綜合感受。有嚴(yán)厲計(jì)策,有清爽溫馨,有深沉厚重,有生動(dòng)活潑,有古樸典雅,有豪邁奔放。風(fēng)格設(shè)計(jì)與專題是密不可分,是為突出專題服務(wù)。版面布局設(shè)計(jì)

網(wǎng)頁要展現(xiàn)內(nèi)容很多,概括起來可分為標(biāo)題信息、欄目信息、內(nèi)容信息、附加信息等,需要進(jìn)行合理放置,讓人看起來井井有條,主次分明。網(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)頁作品。

1、要求:

（1）專題自定;

（2）總共要有10個(gè)頁面或以上。

（3）網(wǎng)頁中內(nèi)容要緊密結(jié)合作者學(xué)習(xí)、生活實(shí)際或社會(huì)實(shí)踐。

（4）在水平分辨率為1024（或以上）像素電腦屏幕上瀏覽時(shí),頁面保持整齊,不許可出現(xiàn)橫向滾動(dòng)條。

五、評(píng)價(jià)學(xué)生作業(yè)并總結(jié)本節(jié)課內(nèi)容

認(rèn)真閱讀書本（或認(rèn)真聽老師講解）模仿老師網(wǎng)站內(nèi)容,計(jì)劃自己立即要設(shè)計(jì)網(wǎng)站（包含專題、頁面內(nèi)容等）需填寫相關(guān)表格,以指導(dǎo)以后網(wǎng)站設(shè)計(jì)認(rèn)真閱讀書本（或認(rèn)真聽老師講解）欣賞并回復(fù)學(xué)生經(jīng)過前面對(duì)網(wǎng)站做