談網站的結構和頁面規劃

網站的目錄結構

網站的目錄是指在創建網站時建立的目錄，我們要根據網站的主題和內容來分類規劃，不同的欄目要對應不同的目錄，在各個欄目目錄下我們也要根據內容的不同對其劃分不同的分目錄，比如說頁面圖片放到images目錄下，新聞放到news目錄下，數據庫放到database目錄下等等。同時要注意目錄的的層次不宜太深，一般不要超過三層，另外給目錄起名的時候要盡量使用能表達目錄內容的英文或漢語拼音，這樣會更加方便日后的管理維護。

網頁的構成和布局

不同主題的網站對網頁內容的安排會有所不同，但大多數網站首頁的頁面結構都會包括頁面標題、網站LOGO、導航欄、登錄區、搜索區、熱點推薦區、主內容區和頁腳區(如圖)，其他頁面不需要設置如此復雜了，一般由頁面標題、網站LOGO、導航欄、主內容區和頁腳區等構成。

搞網站設計不是把所有內容放置到網頁中就行了，還需要我們把網頁內容進行合理的排版布局，以給瀏覽者賞心悅目的感覺，增強網站的吸引力。在設計布局的時候我們要注意把文字、圖片在網頁空間上均勻分布并且不同形狀、色彩的網頁元素要相互對比，以形成鮮明的視覺效果。我們常見的布局結構有 “同”字形布局、“國”字形布局、“匡”字形布局、“三”字形布局和“川”字形布局等。

1. “同”字形布局：所謂“同”字形結構，就是整個頁面布局類似“同”字，頁面頂部是主導航欄，下面左右兩側是二級導航條、登錄區、搜索區等，中間是主內容區，如http://www.china-channel.com。

2. “國”字形布局：它是在“同”字形布局上演化而來的，它在保留“同”字形的同時，在頁面的下方增加一橫條狀的菜單或廣告，如http://www.yesky.com。

3. “匡”字形布局：這種布局結構去掉了“國”字形布局的右邊的邊框部分，給主內容區釋放了更多空間，內容雖看起來比較多，但布局整齊又不過于擁擠，適合一些下載類和賀卡類站點使用，如http://nj.onlinedown.net。

4. “三”字形布局：一般應用在簡潔明快的藝術性網頁布局，這種布局一般采用簡單的圖片和線條代替擁擠的文字，給瀏覽者以強烈的視覺沖擊，如http://www.cphoto.com.cn。

5. “川”字形布局：整個頁面在垂直方向分為三列，網站的內容按欄目分布在這三列中，最大限度地突出主頁的索引功能，一般適用在欄目較多的網站里，如http://www.ezIT.com.cn。

在實際設計中我們也不要局限于以上幾種布局格式，有時候稍作適當的變化會收到意想不到的效果，另外，平時在瀏覽網頁時要多留心別人的布局方式，遇到好的布局就可以保存下來作為我們設計布局的參考。

網站頁面色彩的規劃

網頁中色彩的應用是網頁設計中極為極為重要的一環，賞心悅目的網頁，色彩的搭配都是和諧優美的。在確定網站的主題后，我們就要了解哪些顏色適合站點使用，哪些不適合，這主要根據人們的審美習慣和站點的風格來定，一般情況下要注意以下幾點，1、忌諱使用強烈對比的顏色搭配做主色；2、配色簡潔，主色要盡量控制在三種以內；3、背景和內容的對比要明顯，少用花紋復雜的背景圖片，以便突出顯示文字內容。

如果你對顏色的搭配沒有經驗，可以使用Dreamweaver的配色方案來學習簡單的配色，開啟Dreamweaver，執行“命令→設定配色方案”進入配色選擇窗口，這里提供了多種背景、文本和鏈接的顏色，可以根據你的需要來選擇搭配。當然，你也可以使用一些專門的網頁配色軟件如“ColorImpact”、“三生有幸”等來輔助你搭配好網站的色彩。

聽完這堂“布局和色彩規劃”課，八戒深感自己的藝術修養水平不足，便按照猴哥的吩咐上網瀏覽別人的網站并結合所學的內容慢慢體會網頁布局和色彩搭配的技巧。

（責任編輯：城塵）