
寧波網站建設布局設計,就像設計報紙和雜志的版面一樣,網站的各個頁面也需要有一個好的版面布局設計。事實上,網頁布局設計的重要性完全不亞于報刊雜志的版面設計。網頁布局設計包括整體布局設計、頁面框架設計以及采用合適的布局技術等。
1頁面框架設計
頁面框架設計實際上就是怎樣劃分頁面顯示區域的問題,這是網頁布局設計中首先要解決的問題。一般說來,頁面的框架結構主要有以下幾種形式。
(1)左右型結構 左右型框架結構是將頁面顯示區域劃分為左面和右面兩塊。其中一塊所占面積較大,通常用來放置頁面的主要內容,另一塊則用來放置站點內容的索引。
(2)上下型結構 上下型框架結構是將頁面顯示區域劃分為上面和下面兩塊。和左右型結構類似,其中較大的一塊通常用來放置頁面的主要內容,另一塊則用來放置站點內容的索引。
(3)復合型結構 這是上下型和左右型結構的結合,圖l—8列出了常見的幾種復合型框架結構模式。大多數商務網站由于其信息量巨大,都會采用復合型的框架結構,以期在有限的頁面空問內安排更豐富的內容。
2.網頁布局技術
一般說來,有3種技術可以實現網頁的結構布局,分別為:幀布局技術、表格布局技術和層布局技術。
(1)幀布局 這里所說的幀對應于HTML文檔中的一個Frame元素。幀布局就是將頁面分成互不重疊的幾個部分,每個部分稱為一幀并對應于一個前幾立的網頁。 采用幀布局更大的好處在于可以隨意調整各個幀在頁面中所占的比例,并且在顯示網頁時,拖動一個幀的滾動條只會滾動該幀畫面的內容而不會影響其他幀。但是幀布局也有一個缺點,就是當某幀的內容超過該幀顯示的范圍時,就會自動出現滾動條,這在許多情況下將會破壞整個頁面的美觀。
(2)表格布局 這里所說的表格對應于HTML文檔中的一個Table元素。表格布局是更常用的頁面布局技術,目前大多數網頁都采用表格作為其基本布局技術。 表格布局的更大好處在于可以根據需要將整個頁面分隔成任意數量和任意大小的單元格,并且可以茬單元格內嵌入任何網頁對象。而且在對每個單元格中的對象進行單前幾操作時,都不會影響其他單元格中的對象。與幀布局相比,表格布局技術也是將頁面劃分為多個不同的區域,但各區域不會像幀布局一樣出現滾動條。
(3)層布局 層(Layer)布局是一種較新的技術,其更大優點是將頁面的布局從平面空問擴展到立體空間。采用層布局技術可以將一個頁面看作是由多個層面重疊而成的,各個層面不僅允許以像素為單位**地定位其在整個空間中的位置,而且還可以通過一定的設置來控制某一層是否顯示以及層與層之問的疊放次序。在網頁設計中,層有Div和Layer兩種不同的標記,并且不同的瀏覽器對層的支持是不一樣的。
寧波網站建設布局設計,多多交流。

查看更多寧波網站建設寧波網站建設設計