網(wǎng)站中的頁面設計

網(wǎng)站中的頁面設計頁面設計與導航系統(tǒng)確定頁面大小頁面主題的設計頁面結構劃分頁面原始結構圖設計導航系統(tǒng)注意站點中網(wǎng)頁風格的統(tǒng)一確定頁面大小影響因素：顯示器分辨率、瀏覽器版本原則：少用滾動條；不出現(xiàn)水平滾動條；建議：分辨率使用：800*600象素點水平大小：800*600分辨率情況下為772px

1024*768分辨率情況下為996px垂直方向：1-3頁頁面主題頁面主題

指能夠反映頁面風格的一種設計，主要是通過使用統(tǒng)一風格的圖標、按鈕、分隔線、題材圖等。作用它是一種約束，是同一網(wǎng)站中各個頁面于五彩繽紛中體現(xiàn)出統(tǒng)一風格的約束；它也是一種力量，是將各個設計者的作品有機的結合起來的力量。頁面主題頁面主題確立：在實用的內(nèi)容上確定網(wǎng)站風格確定你的網(wǎng)站想給瀏覽者什么印象確定目標頁面主題確定目標突出標準色彩（文字的鏈接色彩，圖片的主色彩，背景色，邊框等色彩盡量與標準色彩一致。）突出字體（關鍵的標題，菜單，圖片里使用的統(tǒng)一的標準字體。）網(wǎng)站特有的標志有自己設計的花邊、線條、點統(tǒng)一的圖片效果頁面主題視覺平衡色彩組合醒目，但一般不超過3種

圖片、動畫等多媒體素材的合理使用，不要過度。頁面結構劃分應用框架、表格、線條和色塊來劃分頁面區(qū)域，否則會給人整個頁面粘成一團的感覺。常見的頁面結構頁面結構劃分兩欄式三欄式頁面結構劃分橫兩欄縱兩欄橫兩欄縱三欄頁面結構劃分橫3欄縱2欄橫3欄縱3欄頁面結構劃分頁面結構的劃分不局限于上述的幾種方式，可以把他們結合在一起應用頁面布局無定式，“簡單即美”是設計者最求的最高境界/success.htm頁面結構劃分一般一個網(wǎng)站通常包括：

1．通用頂部：網(wǎng)站的首頁及每個欄目頁面頂部都會顯示該內(nèi)容

2．主要內(nèi)容：不同于其他頁面的特殊內(nèi)容

3．通用底部：網(wǎng)站的首頁及每個欄目頁面底部都會顯示改內(nèi)容

頁面原始結構圖設計先在紙上畫出頁面的結構草圖，最終得到滿意的布局設計。例：

綜合性站點的原始結構圖例

企業(yè)網(wǎng)站的原始結構框圖例標志區(qū)廣告區(qū)導航區(qū)新聞區(qū)廣告區(qū)導航區(qū)廣告區(qū)版權區(qū)欄目區(qū)專題區(qū)網(wǎng)站新動態(tài)專家咨詢活動特區(qū)綜合性網(wǎng)站首頁結構圖示企業(yè)標志圖站點主導航區(qū)頁面標題圖服務欄目子導航區(qū)子欄目及相關欄目區(qū)包括服務、產(chǎn)品及解決方案站點新聞及新聞欄目的鏈接專題活動（如有獎參與等）企業(yè)網(wǎng)站服務欄目首頁結構圖示頁面導航導航的作用 使用導航系統(tǒng)，可以幫助人們簡單快速地得大目標頁面網(wǎng)站導航系統(tǒng)方式 主要有：菜單導航、站點目錄、站內(nèi)搜索、網(wǎng)站地圖、你的位置等頁面導航菜單導航菜單導航系統(tǒng)的設計并沒有具體的規(guī)則，這部分設計應該滿足網(wǎng)站的層次需要，而且容易讓瀏覽者理解你的網(wǎng)站結構頁面導航站點目錄的建立較為龐大的網(wǎng)站，會有目錄頁面，方便瀏覽者來回翻看，尋找相關信息，就同察看一本書的目錄一樣。

頁面導航站點目錄的建立(1)把站點內(nèi)容分劃為各個欄目，用標題表示(2)在各欄目下面建立子欄目(3)在各子欄目下面，加入子欄目的全部頁面的標題(4)通過字體大小、粗細和縮進格式使欄目，子欄目和頁面標題區(qū)分開來(5)欄目名稱應鏈接到該欄目首頁，子欄目名稱應同該子欄目首頁相鏈接(6)使用分隔線分隔目錄中的各個欄目(主區(qū)段)(7)在站點首頁和其他各頁面插入通向目錄頁面的鏈接頁面導航站點地圖網(wǎng)站地圖并沒有規(guī)范的制作要求，只要能夠正確反映網(wǎng)站的結構就可以了。頁面導航站內(nèi)搜索搜索引擎在界面中一般放在站點的首頁及其他所有頁面的顯眼位置，以便瀏覽者能夠隨時使用它。它的使用方法很簡單，用戶只要將需找的內(nèi)容中的關鍵詞輸入搜索表單，程序會自動為用戶找出合適的頁面。制作方法

在web上免費的引擎程序或自己開發(fā)新的搜索引擎。頁面導航你的位置顯示用戶當前在網(wǎng)站中的位置頁面導航在制作導航系統(tǒng)中還應注意以下幾個事項：可根據(jù)網(wǎng)站結構圖中頁面之間關系進行設計導航幫助要清楚；給用戶直接的向?qū)?；頁面不要死循環(huán)；簡潔和一致性；鏈接的穩(wěn)定性；設計與技術總結站點內(nèi)多個網(wǎng)頁若布局結構一樣，局部內(nèi)容不同時，可選用模板技術或框架技術（顯式框架和隱式框架）站點內(nèi)多個網(wǎng)頁或同一網(wǎng)頁某些元素風格相同時可選用CSS進行控制網(wǎng)頁布局技術：表格和層（有需要