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