4.2.1欄目設(shè)置

1、4.2 網(wǎng)站的設(shè)計導(dǎo)學(xué)案 一、學(xué)習(xí)目標： 1.1. 了解網(wǎng)站設(shè)計的基本內(nèi)容 （欄目設(shè)置 版面設(shè)計 整體風格 收集素材 ） 2.2. 通過賞析一些優(yōu)秀網(wǎng)站，體會網(wǎng)站設(shè)計的重要性。 3.3. 依據(jù)主題，試分析所給網(wǎng)站的欄目設(shè)置和版面設(shè)計。 二、學(xué)習(xí)重難點： 重點：了解欄目設(shè)置與版面設(shè)計的重要性 難點：依據(jù)主題，設(shè)計網(wǎng)站的欄目及版面 三、學(xué)習(xí)過程： 問題導(dǎo)入： 1.1.大家一定訪問過大量的網(wǎng)站， 如果我們要建立一個網(wǎng)站， 需要經(jīng)歷什么樣的 過程呢？ A.A.規(guī)劃T實現(xiàn)T設(shè)計T發(fā)布管理 B.B.設(shè)計T實現(xiàn)T規(guī)劃T發(fā)布管理 C.C.規(guī)劃T設(shè)計T實現(xiàn)T發(fā)布管理 D.D.設(shè)計T規(guī)劃T實現(xiàn)T發(fā)布管理 2.2.

2、在規(guī)劃階段，我們要做以下工作：做需求分析，選擇網(wǎng)站主題，確定網(wǎng)站名 稱，選擇制作網(wǎng)站的工具。那么在設(shè)計階段，我們要解決哪些問題呢？ 導(dǎo)學(xué)一 1. 1. 欄目設(shè)置 在動手制作一個網(wǎng)站前，應(yīng)構(gòu)思好網(wǎng)站的結(jié)構(gòu)圖，做到層次清晰。 思考：什么是欄目，它在網(wǎng)站設(shè)計中的作用是什么？ （網(wǎng)站的欄目可以有多層，以能夠恰當?shù)伢w現(xiàn)網(wǎng)站主題為好。此外，每個欄目 本身應(yīng)有一個大致的內(nèi)容描述，以表達該欄目的設(shè)計思路，充實整個網(wǎng)站的 總體結(jié)構(gòu)設(shè)計。） 機器人做學(xué)玩（這里有超鏈接噢?。。?4-7肆L辟k瞰于玩剛站的欄FH殳賈 子欄目粽 回顧憶器人們發(fā)展歷尢+關(guān)注忸專人的束 動態(tài)關(guān)注 來發(fā)展雄嬌 機器人擬 介招時機再人的備秤

3、定瓷、展示目酊機器 分門別圭 人的見大種羌 機器人文化 人杭互動 展現(xiàn)人美旻于機器人的種種聯(lián)想*機器人 與人類的其同發(fā)展 S 比寮 介畑近年來的機鴛人制作專事和機囂人制 謖計制作 網(wǎng)站地圖 作的成功貫例 站點內(nèi)駐新 版釵申明 論壇 才便訪問者的瀏覚蛉瀏冗者體出發(fā)表自 己倉見的空可 導(dǎo)學(xué)二版面設(shè)計 標題信息、欄目信息、內(nèi)容信息、附加信息等，要進行合理的放置，讓人看 起來井井有條，主次分明。 常見網(wǎng)頁布局類型 四、練習(xí)： 1 1、請?zhí)顚懴卤恚ㄌ峁┑木W(wǎng)頁圖片附在后面，請在其中任選一作品進行分析） 茶道主頁 茶之語 千年古都 印象塘棲 網(wǎng)站欄目分析表 網(wǎng)站名稱 一級欄目 二級欄目 內(nèi)容描述 常見樣式

4、特點 布&邢式 11廠字型： 庭囲頂卿旳主 貳單.橫棗冉砧 標忠扣廣魯札 下方左面為主 茱單，右商走示 內(nèi)常的布桁 貞面一般上下 備有一個廣告 棊，左曲基主萊 單，若曲敖反情 tt建爭.中網(wǎng)足 主魯內(nèi)JT 囪由戌: 1 稱 POP 布 C）, 毎面布葩I偉一 張宜侍障捆一以 張梢IU弓片 杵為頁囲對設(shè) 計中弋葦羊欄 目自由糕技 優(yōu)應(yīng)充令利用粧 面，信息童土一與 其虺抑荷的建揍 多、溝換肓便 MA：臥囲胡臍一 砂盤沽 優(yōu)直:漂屯，譏乳 人違宣于若術(shù)纂 RAfii 缺點：顯示譴度 慢此字栽感畳才 RJVS2總 優(yōu)點：頁面納構(gòu)渝 出.主次分明； 缺點焉 J品貶 色莉爭*e節(jié)上不 i 疝.零凈時芝無

5、. I I HgH , 不 MVH - _!_： AJ - - L unr ” 22規(guī)劃設(shè)計自己的網(wǎng)站欄目 小組主題網(wǎng)站欄目設(shè)計分工表 網(wǎng)站名稱 組長 成員 填表人 網(wǎng)站名稱 一級欄目 二級欄目 內(nèi)容描述 負責人 （注：請以“我們豐富多彩的校園生活”為主題，設(shè)置網(wǎng)站的欄目，并 簡單描述每個欄的主要內(nèi)容，填寫表 4 4- -2 2 并進行自評。） 茶在中駕的反用過f筆用人旳隹 G 歷乍氏哺的詁.款可嘆才 K 三個相濃曆的階股：的用.it 用、坎用 c ?9用無其開蛉 M 門，交用決=,坎用則為棗75友展階股c 佇茶文7匕卻足因其麗友谿比大。在 坎條 M 始& “女坎后1索 o靈們粗先諷把禱葉歯倫

6、跖移.他們從好主大茶卿上欣下校條， 致芳，死足生疇，啟足朋水恵成貝場，供人坎用。傳說平在 四友千華歸的坤痢町代，祝有“海荼而孵 * V 猶 C “右,只禰 0菲.K “茅牛的甘字。英公疋nrCF千倉巧積才X V于代住 荼“字。視3E河時開跆坎茶.人人 M 狡，尊孜起唯大俸上可謂開跆于漢.而堪行于廉。麼以筋坎 裕,魅期經(jīng)扳下六條 w 坎嘅荒宜 v51： Fm僅,友乎坤衣氏聞于吾岡公.那奔毘 ,漢歹踏雄、翹馬相如,艮歹申蠟，厝亦劉現(xiàn)、融戳、遲禎納、謝安、左忠=進，背欲熏。*但羅帶 丈實?？v鏗丈實，征加甲違，亦不務(wù)明,茶經(jīng)壬坤疾女經(jīng)“茶若久腹，有力悅 V /劉羿辰丟 攵卷=）。険明條經(jīng)嘆迪坎超于種農(nóng)

7、氏 簽經(jīng)寇倒書 圧人皆知不足寇鋸。 酒需茶半 純看中國的眾茶之逼 我00歷余儻有&耒我茶” 一比每。七代貳齊世血、人簣燙晝以林卅斜劉攻蕪貴* ”苓有十住”.認力秋茶檢了彳匱A外.垂能“以茶衣 赦急“以抿丐侔心“、44以茶可汁連44斤宋時為眾齊的文人加士 4 白A易、豐白.”丸劉魚&皮也休、命攻楊、穴底爲、陸勢.畋陽修.務(wù) 東城*他怕不僅財愛點茶而工邁疵白乙妁仕作中聯(lián)W和揭E過茶葉.逾參 N 的奉茶 v 迫.猊是g盧來訪鳥上*茶.辜茶箭恵走請放乞人的鳥好.加有點 心矽掙曲光桿點心朋出再拳秦俗話it； Q 序茶半鼻乎紂總辻*i茶不要太*以八金遍力宣水込不宣幺燙以丸$人不小心軼燙傷同“有祠位 以訪広

8、葉饒出的茶色妥均勾幷妾 S 茶介強出.左-f-*茶金庫鄰韋豐伙*農(nóng)盤的邊繆.知是艮心枚衣&人的方IT方茶杯方韓私血心點邊.上鬲 并總勵衣座妁人謀廬“外不E” 界以右于埸茶從g人空右方車上.逅書撤矢瞅城肚it紂方林：“達是址妁茶請TUH ”皐毎時點僦職僅的高僦W 沖龍絲給4Mi高的*人4MMMA高低輕給心乙公 6 初同七。以*啡瓶紅茶伶杯耳杓5妣的414妥劎桂&人桝右追.心卜宴專人本備一色鄉(xiāng)1* 寂叭碎其枚衣杯于旁縑干上）方便矗人（H于取刖。 I - CTPKfT MYSEUF 卜 西少立勝 斗 + 西安臭衣 + 松友展.斗 + 關(guān)于作:* + 西安、古符“長咬是率世札名 世界23大丈明占都之一

9、.$中園石都之酋 足 00歷死上建押時叢長、址都朝代*;多、形詢 歌大勒都城.足中華比浜曲嬌五、中華立明的 樣地、中華立化柯W布暑“夭然歷丸訝暢 的矣* 當今西安是噥西尤妁命會中 公戟市之一亞洌知識彳支機&浙中 2 新狀皿人M斯計也謖 4 毀河肚典展人4勺屮心 底帀，中10大飛機林和述基地中兇中西部地12 段尢敗玄婪的科切.高等城育、C0吩科扶工業(yè)和 *5餅快木產(chǎn)業(yè)多地2009年國寮破布妁關(guān)中- 及水經(jīng)濟區(qū)發(fā)展規(guī)劃中西安械列笛她北京、上 后.A.Cfl#X 國除化大都書 西左.柱丸億中被聲為全域千里.夭 令之00“ .是中華氏襖的發(fā)樣之地由陶比王 0 復(fù).農(nóng)成于公龍詢12世紀.先方有21個王紡柯政 A、理都于4匕.是13觀右都申國歷立上妁四個矗 朋必利朗代卿、集、漢./*均理綁島興 的興商 ,將中0岷帀歷丸尬進創(chuàng)了 6000年曲約新石JS時代吮期同時勸了西安是