【正文】 次從上到下一級(jí)一級(jí)地訪問，最終到達(dá)想要訪問的網(wǎng)頁(yè)。又比如圖 23所示的例子，用戶想從網(wǎng)頁(yè) A轉(zhuǎn)到網(wǎng)頁(yè) B，很可能不得不先從網(wǎng)頁(yè) A一級(jí) —級(jí)地返回到網(wǎng)頁(yè) C，然后再一級(jí)一級(jí)地往下走直到網(wǎng)頁(yè) B。另外，建立一個(gè)良好的導(dǎo)航系統(tǒng)也可以彌補(bǔ)層次型結(jié)構(gòu)這方面的缺點(diǎn)。 3) 網(wǎng)絡(luò)型結(jié)構(gòu) 圖 24 網(wǎng)絡(luò)型結(jié)構(gòu) ? 網(wǎng)絡(luò)型結(jié)構(gòu)的實(shí)現(xiàn)就在于在所有相關(guān)的網(wǎng)頁(yè)上保留到其他網(wǎng)頁(yè)的超鏈接。我們可以簡(jiǎn)單地計(jì)算一下，總的超鏈接數(shù)應(yīng)該等于網(wǎng)頁(yè)數(shù)乘以網(wǎng)頁(yè)數(shù)減一，所以三個(gè)網(wǎng)頁(yè)的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)為 3 2=6， 10個(gè)網(wǎng)頁(yè)的網(wǎng)絡(luò)型結(jié)構(gòu)的超鏈接總數(shù)就到達(dá) lO 9=99。 ? 網(wǎng)站目錄結(jié)構(gòu)設(shè)計(jì) ? 目錄結(jié)構(gòu)又稱為物理結(jié)構(gòu)，它的設(shè)計(jì)解決的是如何在硬盤上更好地存放包括網(wǎng)頁(yè)、圖片、 Flash動(dòng)畫、 JavaApplet、數(shù)據(jù)庫(kù)等各種資源在內(nèi)的所有網(wǎng)站資源。 2) 根據(jù)欄目規(guī)劃來設(shè)計(jì)目錄結(jié)構(gòu) 一般情況下，可以按照網(wǎng)站的欄目規(guī)劃來設(shè)計(jì)目錄結(jié)構(gòu)，使兩者有一一對(duì)應(yīng)的關(guān)系。所以在設(shè)計(jì)目錄結(jié)構(gòu)的時(shí)候，盡量避免目錄名和欄目名相一致，可以 a的方式來提高目錄名的猜測(cè)難度。如果很多網(wǎng)頁(yè)都需要用到同一個(gè)圖片，比如網(wǎng)站標(biāo)志圖片，那么將這個(gè)圖片放到所有這些網(wǎng)頁(yè)共有的最高層目錄的 images子目錄下。對(duì)于目錄名，最好都使用英文。這么做的好處就是可以避免動(dòng)態(tài)服務(wù)器網(wǎng)頁(yè)文件被讀取。這樣就可以避免惡意的用戶通過 HTTP方式取到數(shù)據(jù)庫(kù)文件。下面我們?cè)谏蚀钆浜桶婷娌季址矫孀鲆恍┮?guī)劃和設(shè)計(jì)。許多網(wǎng)頁(yè)設(shè)計(jì)者都缺乏色彩搭配的基本知識(shí)，所以在制作網(wǎng)頁(yè)之前往往有一個(gè)很好的想法，但是卻不知如何搭配網(wǎng)頁(yè)的顏色來表達(dá)預(yù)想的效果。 ? 色彩的基本知識(shí) 在物理學(xué)中，顏色是因?yàn)楣獾恼凵涠a(chǎn)生的。紅、綠、藍(lán)是自然界的三原色，它們不同程度的組合可以形成各種顏色。 網(wǎng)頁(yè)中的顏色通常采用 6位十六進(jìn)制的數(shù)值來表示，每?jī)晌淮硪环N顏色，從左到右依次表示紅色、綠色和藍(lán)色。比如紅色，其數(shù)值為“ FF0000”，白色為 “ FFFFFF”，黑色為 “ 000000”。 在傳統(tǒng)的色彩理論中，顏色一般分為彩色和非彩色 (或稱為灰色 )兩大色系。在網(wǎng)頁(yè)中，如果三種顏色的數(shù)值相等，就顯示為灰色。如果將這七種顏色按這個(gè)順序漸變?yōu)橐粭l色帶的話，越靠近紅色，給人的感覺越溫暖，越靠近藍(lán)色和紫色，給人的感覺越寒冷。 ? 除了冷暖的差別外，不同的單個(gè)顏色也會(huì)給人帶來不同的感覺，通常： ? 紅色 ：是一種激奮的色彩，給人以沖動(dòng)、憤怒、熱情和活力的感覺。它和金黃、淡白搭配，可以產(chǎn)生優(yōu)雅、舒適的氣氛。 ? 黃色 ：充滿快樂、希望、智慧和輕快，它也是最亮的一種顏色。它和白色混合，能體現(xiàn)柔順、淡雅、浪漫的氣 (如天空的色彩 )。 ? 黑色：通常是深沉、神秘、寂靜、悲哀和壓抑的代表。 ? 網(wǎng)站的色彩搭配 網(wǎng)站的色彩搭配通常分為兩個(gè)步驟，那么第一步就是為整個(gè)網(wǎng)站選取一種主色調(diào)，然后再為主色調(diào)搭配多種適合的顏色。 正如前面所述，不同的顏色給人的感受是不一樣的，所以主色調(diào)選取的一個(gè)最基本的原則就是保證所選的顏色與網(wǎng)站的主題或者形象相符，進(jìn)一步地，能夠通過這種顏色加深用戶對(duì)網(wǎng)站的印象。 ? 選好主色調(diào)之后，接下來要考慮的就是在什么地方使用主色調(diào)。頭部是最能體現(xiàn)主色調(diào)的地方，所以所有的網(wǎng)站都會(huì)在頭部表現(xiàn)主色調(diào)。最后是網(wǎng)頁(yè)上的文字，文字筆畫雖細(xì)，但大面積的文字也能很好地突出主色調(diào)。色彩搭配是一項(xiàng)非常精細(xì)的工作，因?yàn)橥粋€(gè)細(xì)節(jié)就會(huì)影響整個(gè)網(wǎng)頁(yè)的色彩均衡 . ? 選取背景色 大多數(shù)的網(wǎng)站都會(huì)選取白色作為背景色。 (2) 導(dǎo)航條的顏色 ? 導(dǎo)航條是對(duì)網(wǎng)站欄目的一個(gè)索引，它通常以一個(gè)水平長(zhǎng)條的形式出現(xiàn)在網(wǎng)頁(yè)頭部的下邊。 ? (4) 文字的顏色 ? 文字在一個(gè)網(wǎng)頁(yè)上是無(wú)處不在的，但是文字的筆畫比較單薄，所以文字通常用來進(jìn)一步突出主色調(diào)，或者用來過渡和緩解頁(yè)面的顏色。其次文字的顏色搭配還得兼顧文字周圍物體的顏色。但是在選擇有背景的圖片時(shí)要特別小心，不要和網(wǎng)頁(yè)的背景色及圖所插區(qū)域的背景色相沖突。 2) 版面布局設(shè)計(jì) 報(bào)紙、雜志通常分為不同的版面，不同的版面需要不同的布局，比如報(bào)紙的頭版最為重要，它的布局通常都圍繞醒目的大標(biāo)題展開以吸引人們對(duì)它的注意，而其他版面以內(nèi)容為主，所以它們的布局相對(duì)簡(jiǎn)單，通常都根據(jù)內(nèi)容文字的多少而自然分割。如果將這個(gè)特點(diǎn)反過來，便得到了網(wǎng)站在進(jìn)行版面布局設(shè)計(jì)時(shí)應(yīng)采用的原則，那就是 首先對(duì)主頁(yè)進(jìn)行版面布局，然后在主頁(yè)布局的基礎(chǔ)上對(duì)欄目首頁(yè)進(jìn)行版面布局，接著往下，最后對(duì)內(nèi)容網(wǎng)頁(yè)進(jìn)行版面布局。不同的網(wǎng)頁(yè)內(nèi)容自然是不一樣的，所以在這里只是向大家介紹內(nèi)容編排上的一個(gè)基本知識(shí)，那就是人們?cè)跒g覽一個(gè)網(wǎng)頁(yè)的時(shí)候， 通常會(huì)把第一眼停留在網(wǎng)頁(yè)的左上角或中間的地方 (如圖 27所示 )，然后才會(huì)瀏覽其他部分。 圖 27網(wǎng)頁(yè)設(shè)計(jì)重點(diǎn)區(qū)域 ? 版面布局的基本方法 熟悉網(wǎng)頁(yè)制作的人在拿到網(wǎng)頁(yè)的相關(guān)內(nèi)容后，也許很快就可以在腦子里形成大概的布局，并且可以直接用網(wǎng)頁(yè)制作工具開始制作。 ? 第一種方法是用手工的方式在紙上畫草圖，這種方法可以大概地描繪出網(wǎng)頁(yè)的框架，但是也只能到此為止，不能再進(jìn)行更細(xì)的工作，如配色、擺放文字和圖片等。 Photoshop是一個(gè)非常優(yōu)秀的圖片處理工具。 ? 網(wǎng)站的導(dǎo)航設(shè)計(jì) 在訪問網(wǎng)站的時(shí)候也一樣，用戶期望在任何一個(gè)網(wǎng)頁(yè)上都能清楚地知道目前所處的位置，并且能快速地從這個(gè)網(wǎng)頁(yè)切換到另一網(wǎng)頁(yè)。 1)導(dǎo)航的實(shí)現(xiàn)方法 導(dǎo)航最常用的實(shí)現(xiàn)方法就是導(dǎo)航條。比如圖 28所示的新浪網(wǎng)首頁(yè)中就有很多導(dǎo)航條。 圖 28新浪網(wǎng)導(dǎo)航條 ? ? 幾乎在所有的網(wǎng)站上都可以找到類似的導(dǎo)航條，不同之處可能只在表現(xiàn)形式上。 ? 除了普通的導(dǎo)航條之外，導(dǎo)航另一種非常重要的實(shí)現(xiàn)方法是路徑導(dǎo)航，即在網(wǎng)頁(yè)上顯示這個(gè)網(wǎng)頁(yè)在網(wǎng)站層次型結(jié)構(gòu)上的位置。 ? 比如圖 29所示的新浪網(wǎng)讀書欄目上就有路徑導(dǎo)航，從這個(gè)導(dǎo)航可以清楚地看到這個(gè)網(wǎng)頁(yè)歸屬于讀書欄目下的沈從文小說 ―― 《 邊城 》 子欄目，而且通過它還可以直接跳轉(zhuǎn)到新浪首頁(yè)、讀書欄目首頁(yè)。下面我們通過實(shí)際的例子來看看這些導(dǎo)航。 圖 210 相關(guān)導(dǎo)航舉例 2) 導(dǎo)航的設(shè)計(jì)策略 雖然導(dǎo)航有很多不同的實(shí)現(xiàn)方法，但是并不是所有的網(wǎng)站都需要使用這些方法，這通常取決于網(wǎng)站的規(guī)模。 ? (2) 其次，如果網(wǎng)站的層次很深，比如三層以上 (主頁(yè)作為第一層 )，最好使用路徑導(dǎo)航。如果網(wǎng)站的層次只有兩層或者三層，那么不是特別需要路徑導(dǎo)航。 網(wǎng)站設(shè)計(jì)需要注意的其他問題 – 網(wǎng)頁(yè)長(zhǎng)度不要超過三屏，否則使網(wǎng)頁(yè)下載速度過慢。 – 正確選擇圖片格式，網(wǎng)上常用的圖片格式是GIF、 JPEG或 PNG，分辨率一般是 72像素 /英寸。 – 不要使用三種以上或太大、太小的字體，正文字體一般可設(shè)置為 9pt。 網(wǎng)站設(shè)計(jì)需要注意的其他問題 – 盡量使用相對(duì)的超級(jí)鏈接。 – 因?yàn)檫\(yùn)行速度較慢，所以 Java程序少用為宜。正如圖 2－ 1所示的，站點(diǎn)建設(shè)又分為四個(gè)部分，分別為 域名注冊(cè)、網(wǎng)站平臺(tái)配置、網(wǎng)頁(yè)制作和網(wǎng)站測(cè)試 。注冊(cè)完之后別人就不能再次使用相同的域名來進(jìn)行注冊(cè)。 ? 域名的注冊(cè)還應(yīng)注意域名搶注與域名沖突的問題 ? （二）網(wǎng)站平臺(tái)配置 ? 網(wǎng)站配置首先要做的就是為網(wǎng)站選擇合適的發(fā)布平臺(tái)，即選擇適合網(wǎng)站規(guī)模的各種軟硬件資源，包括確定服務(wù)器解決方案 ,確定軟件平臺(tái)等。 但需要申請(qǐng)專線接入 。 2. 托管服務(wù)器： 將自己的服務(wù)器放到高帶寬入網(wǎng)（ 100M以上 ） 的電信局或?qū)ｉT的數(shù)據(jù)中心 ， 通過撥號(hào) 、 ISDN、 DDN等低速線路遠(yuǎn)程維護(hù) 。 收費(fèi)按占用的機(jī)架空間和接入帶寬計(jì)算 。 3. 租用服務(wù)器： 與托管服務(wù)器相似 ， 只是主機(jī)不是自己的 。 5. T1接入： ； T3接入： 6. OC接入： OC是 Optical Carrier（ 光纜 ） 的縮寫 。 2. 確定日志文件運(yùn)行的天數(shù) 。 4. 將每天操作次數(shù)除以 86400秒 （ 一天的秒數(shù) ） ， 得到 每秒操作次數(shù) 。 6. 將 128Kbps乘以每秒峰值操作次數(shù) ， 得到所需的 帶寬 。 服務(wù)器性能： 對(duì)做 Web服務(wù)器的主機(jī)，服務(wù)速度主要取決于 CPU、內(nèi)存、網(wǎng)絡(luò) I/O和 磁盤 I/O。因?yàn)檫@些服務(wù)要占