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

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

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

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

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

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