[計算機軟件及應(yīng)用]網(wǎng)頁設(shè)計與網(wǎng)站制作(編輯修改稿)
2025-03-19 23:28 本頁面
【文章內(nèi)容簡介】 信息填寫 信息檢驗 搜 索 …… 風(fēng) 格 我從草原來德德瑪個人網(wǎng)站 文章內(nèi)插圖 友情鏈接 網(wǎng)頁制作與網(wǎng)站設(shè)計 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計 目錄結(jié)構(gòu)也可稱為物理結(jié)構(gòu) ， 它是解決如何在硬盤上更好地存放包括網(wǎng)頁 、 圖片 、 Flash動畫 、 視音頻 、 數(shù)據(jù)庫等各種資源在內(nèi)的所有網(wǎng)站資源 。 目錄結(jié)構(gòu)是否合理，對網(wǎng)站的創(chuàng)建效率會產(chǎn)生較大的影響，但更主要的，會對未來網(wǎng)站的性能、網(wǎng)站的維護及擴展產(chǎn)生很大的影響。 網(wǎng)頁制作與網(wǎng)站設(shè)計 網(wǎng)站的目錄結(jié)構(gòu)設(shè)計 【本節(jié)內(nèi)容 】 一 .目錄結(jié)構(gòu)設(shè)計原則 二 . 目錄結(jié)構(gòu)設(shè)計舉例 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、目錄結(jié)構(gòu)設(shè)計原則 目錄結(jié)構(gòu)對用戶來說是不可見的 ， 它只針對網(wǎng)站管理員 ， 所以它的設(shè)計是為了網(wǎng)站管理員能從文件的角度更好地管理網(wǎng)站的所有資源 。 目錄結(jié)構(gòu)的設(shè)計通常需要遵循以下原則： 1. 網(wǎng)站應(yīng)有一個主目錄 。 2. 不要將所有的文件都直接存放在網(wǎng)站根目錄下 3. 根據(jù)欄目規(guī)劃來設(shè)計目錄結(jié)構(gòu) 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、目錄結(jié)構(gòu)設(shè)計原則 4. 每個目錄下都建立獨立的 images（ 或pictures） 子目錄 . 5. 目錄的層次不要太深 6. 不要使用中文目錄名和中文文件名 7. 可執(zhí)行文件和不可執(zhí)行文件分開放置 8. 數(shù)據(jù)庫文件單獨放置 網(wǎng)頁制作與網(wǎng)站設(shè)計 二、目錄結(jié)構(gòu)設(shè)計舉例 以 “ 我從草原來 德德瑪 ” 個人網(wǎng)站為例。在上節(jié)欄目規(guī)劃的基礎(chǔ)上，接著為這個網(wǎng)站設(shè)計它的目錄結(jié)構(gòu)，如圖 411所示。 dedemaweb images jingcaihuifang images wengzhanbaodao images caoyuanyieying images musics movies demilundan images musics flashes movies youqingliangjie images 網(wǎng)頁制作與網(wǎng)站設(shè)計 二、目錄結(jié)構(gòu)設(shè)計舉例 上圖就是根據(jù)前面所述的若干原則而設(shè)計的目錄結(jié)構(gòu)。從中可以看到，網(wǎng)站的目錄結(jié)構(gòu)和圖 410所示的層次型結(jié)構(gòu)是對應(yīng)的，每一個目錄下都有 —個名為“ images”的子目錄，用于保存圖片。 圖 412 我從草原來 德德瑪個人網(wǎng)站 網(wǎng)頁制作與網(wǎng)站設(shè)計 網(wǎng)站的風(fēng)格設(shè)計 相對于網(wǎng)站的欄目規(guī)劃和目錄結(jié)構(gòu)設(shè)計，網(wǎng)站的風(fēng)格設(shè)計是最抽象的 。風(fēng)格 是指用戶對網(wǎng)站整體形象的一種感覺。這個整體形象包括網(wǎng)站標(biāo)志、色彩、版面布局、交互方式、文字編排、圖片、動畫等諸多因素。 風(fēng)格又是獨特的，是本網(wǎng)站不同于其他網(wǎng)站的地方。 統(tǒng)一的風(fēng)格使用戶無論處于網(wǎng)站的哪一個網(wǎng)頁，都知道自己正在訪問的是這個網(wǎng)站。 例如微軟網(wǎng)站，每一個網(wǎng)頁都有特有的藍色和 “ Microsoft”標(biāo)志。 色彩搭配和版面布局是網(wǎng)站風(fēng)格最重要的兩個方面。 網(wǎng)頁制作與網(wǎng)站設(shè)計 網(wǎng)站的風(fēng)格設(shè)計 【本節(jié)內(nèi)容 】 一 . 色彩搭配基礎(chǔ) 二 . 版面布局設(shè)計 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 1. 色彩的基本知識 由光學(xué)知識可知，顏色是因為物體對光的反映或折射而產(chǎn)生的。紅、綠、藍是光的三原色，它們不同程度的組合可以形成各種顏色。在網(wǎng)頁中用光的三原色的不同顏色值組合成各種顏色。常采用 6位十六進制的數(shù)值來表示，每兩位代表一種顏色，從左到右依次表示紅色、綠色和藍色，每種顏色的十六進制值從00~FF。顏色值越高表示這種顏色越濃。比如紅色，其數(shù)值為 “ FF0000”（＃ 號表示這是十六進制數(shù)），白色為 “ FFFFFF”， 黑色為 “ 000000” 。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 1. 色彩的基本知識 在傳統(tǒng)的色彩理論中，顏色一般分為彩色和非彩色（或稱為灰色）兩大色系。非彩色是指黑、白和所有灰色，彩色是指除非彩色外所有的顏色。在網(wǎng)頁中，如果組成顏色的三種原色數(shù)值相等，就顯示為灰色。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 1. 色彩的基本知識 太陽光是多種彩色混合而成的，按顏色的色調(diào)通常將其劃分為七種顏色：紅、橙、黃、綠、青、藍、紫。 如果將這七種顏色按這個順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍色和紫色，給人的感覺越寒冷。所以紅、橙、黃的組合又稱為暖色調(diào)，青、藍、紫的組合又稱為冷色調(diào)。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 除了冷暖的差別外，不同的單個顏色也會給人帶來不同的感覺，分述如下。 紅色： 是一種激奮的色彩 ， 給人以沖動 、 憤怒 、熱情和活力的感覺 。 綠色： 介于冷暖兩種色彩的中間 ， 顯得和睦 、 寧靜 、 健康 、 安全 。 它和金黃 、 淡白搭配 ， 可以產(chǎn)生優(yōu)雅 、 舒適的氣氛 。 橙色： 也是一種激奮的色彩，具有輕快、歡欣、熱烈、溫馨和時尚的效果。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 1. 色彩的基本知識 黃色： 充滿快樂 、 希望 、 智慧和輕快 ，它也是最亮的一種顏色 。 藍色： 是最具涼爽、清新、專業(yè)的色彩。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣氛（如天空的色彩）。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 1） 1. 色彩的基本知識 白色： 給人以潔白 、 明快 、 純真和干凈的感覺 。 黑色： 通常是深沉 、 神秘 、 寂靜 、 悲哀和壓抑的代表 。 灰色： 具有中庸、平凡、溫和、謙讓、中立和高雅的感覺，它可以和任何一種顏色進行搭配。 網(wǎng)頁制作與網(wǎng)站設(shè)計 一、色彩搭配基礎(chǔ)（ 2） 2. 網(wǎng)站的色彩搭配 網(wǎng)站的色彩搭配通常分為兩個步驟，第一步就是為整個網(wǎng)站選取 —種主色調(diào)，然后再
教學(xué)課件相關(guān)推薦
鄂ICP備17016276號-1