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