教科版高中信息技術(shù)三網(wǎng)站設(shè)計(jì)資料

1、4.2 網(wǎng)站設(shè)計(jì) 思考：出黑板報(bào)的一般過程 網(wǎng)站設(shè)計(jì)的一般過程 ?1、確定主題 ?2、欄目設(shè)置 ?3、版面設(shè)計(jì) ?4、樹立網(wǎng)站整體風(fēng)格 ?5、素材的收集與整理 1.欄目設(shè)置 ?閱讀P81并思考 ?1、什么是欄目，它在網(wǎng)站設(shè)計(jì)中的作用是什么？ （1）要緊扣主題，盡可能刪除與主題無關(guān)的欄目。 （2）盡可能將網(wǎng)站最有吸引力的內(nèi)容列在欄目上。 （3）盡可能方便訪問者的瀏覽和查詢。 欄目實(shí)質(zhì)上式一個(gè)網(wǎng)站的大綱索引，索引應(yīng)該將網(wǎng)站的主 題明確顯示出來。 ?2、網(wǎng)站欄目安排要注意哪些問題？ 1.欄目設(shè)置 名稱 欄目名稱 描述 為了綠色 綠色焦點(diǎn) 綠色不停地被破壞，為了綠色，我們痛斥那 些破壞綠色的行為 綠色

2、活動(dòng) 那些保護(hù)綠色的行動(dòng)永遠(yuǎn)值得我們驕傲 綠色人物 那些保護(hù)綠色的人物永遠(yuǎn)值得我們學(xué)習(xí) 綠色歷史 看看我們?yōu)楸Ｗo(hù)綠色曾經(jīng)做過什么 綠色留言 請(qǐng)留言，留下您最想說的 綠色信箱 請(qǐng)給“為了綠色”信箱發(fā)郵件 1.欄目設(shè)置 名稱 欄目名稱 描述 我們的家園 地球 我們的家 認(rèn)識(shí)地球 地球演化 審視現(xiàn)狀 森林、沙漠、海洋、空氣、土地 環(huán)保問題 環(huán)保新聞 環(huán)保事件 給我意見 提供留言板或電子郵箱地址 友情鏈接 提供相關(guān)網(wǎng)站的登陸方式 在線幫助 為瀏覽網(wǎng)站提供幫助 2.版面設(shè)計(jì) ?閱讀教材P83-84，并思考： ?1、版面設(shè)計(jì)需要考慮哪些因素？ ?2、版面布局可按哪些步驟來進(jìn)行？ 2.版面設(shè)計(jì) ?版面結(jié)構(gòu)是

3、指一種能夠讓瀏覽者清楚、容易 地理解作品傳達(dá)的信息的東西，也就是將不 同元素巧妙排列的方式。 ?布局就是以最適合瀏覽的方式將圖片和文字 排放在頁面的不同位置。 ?設(shè)計(jì)版面時(shí)要把文字、圖片、空白當(dāng)作一個(gè) 整體來看，采用平面分割方式，調(diào)動(dòng)全部面 積來構(gòu)建整個(gè)版面。 幾種常見的頁面布局樣式： ?“ 廠”字型 主菜單以及橫條網(wǎng)站標(biāo)志+廣告條 主 菜 單 顯 示 內(nèi) 容 幾種常見的頁面布局樣式： ?“ 口”字型 主菜單 廣 告 條 主要內(nèi)容 友情鏈接等 幾種常見的頁面布局樣式： ?自由式，又稱POP布局 頁面布局像 一張宣傳海 報(bào)，以一張 精美圖片作 為頁面的設(shè) 計(jì)中心，菜 單欄目自由 擺放。 2.版面

4、設(shè)計(jì) 標(biāo)題欄 子欄 目 名稱 主要內(nèi)容 內(nèi)容 提示 附加信息 ? 網(wǎng)頁版面布局可按創(chuàng)意草案、粗略布局、最后定案 三個(gè)步驟來進(jìn)行。 3.建立網(wǎng)站整體風(fēng)格 閱讀教材P84-87,并思考： 1、色彩總的原則是什么？ 2、樹立一個(gè)網(wǎng)站整體形象的關(guān)鍵是什么？ 3.建立網(wǎng)站整體風(fēng)格 第一步：設(shè)計(jì)、制作一個(gè)網(wǎng)站標(biāo)志 (logo) ?標(biāo)志可以是中文、英文字母，可以是符號(hào)、圖案，可以是 動(dòng)物或者人物等。 ?標(biāo)志的設(shè)計(jì)創(chuàng)意來自你網(wǎng)站的名稱和內(nèi)容。 ?設(shè)計(jì)標(biāo)志有以下幾種方法： 1、選擇與網(wǎng)站主題有關(guān)的，并具有代表性的人或者物，用 它們作為設(shè)計(jì)的藍(lán)本，加以卡通化和藝術(shù)化。例： 2、對(duì)于專業(yè)性的網(wǎng)站，可以以本專業(yè)有代表

5、的物品作為標(biāo) 志。例: 3、最常用和最簡單的方式是用自己網(wǎng)站的中文或者英文名 稱作為標(biāo)志。采用不同的字體、字母的變形與組合，可以 很容易制作出自己的標(biāo)志。 LOGO欣賞 建立網(wǎng)站整體風(fēng)格 第二步：設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)顏色 ?網(wǎng)站的標(biāo)志、標(biāo)題、主菜單和主色塊文字的鏈接色 彩盡量使用標(biāo)準(zhǔn)色彩； ?圖片的主色彩、背景色、邊框等盡量使用標(biāo)準(zhǔn)色彩 同色系的色彩。 ?一個(gè)網(wǎng)站的標(biāo)準(zhǔn)色彩不超過 3種。 ?色彩總的應(yīng)用原則應(yīng)該是“總體協(xié)調(diào)，局部對(duì)比”。 網(wǎng)站色彩的使用 藍(lán)色調(diào)為主，加上 白色和紅色，強(qiáng)調(diào) 權(quán)威與真實(shí) 網(wǎng)站色彩的使用 橙色為主，白色為 輔，具有輕快，時(shí) 尚的效果 網(wǎng)站色彩的使用 綠色為主，白色為 輔，產(chǎn)生舒適、優(yōu) 雅、適于閱讀的氣 氛 網(wǎng)站色彩的使用 紅色為主，產(chǎn)生熱 情、活力的感覺， 充滿歡樂的氣氛 建立網(wǎng)站整體風(fēng)格 第三步：設(shè)計(jì)網(wǎng)站的標(biāo)準(zhǔn)字體。 ?標(biāo)準(zhǔn)字體是指用于標(biāo)志、標(biāo)題、主菜單的特有 字體。 ?一般網(wǎng)頁默認(rèn)的字體是宋體。 ?使用一些比較特別