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