最開端，網(wǎng)頁呈現(xiàn)在你面前的時侯，它就如同一張白紙，它需求你恣意揮灑你的規(guī)劃才思。在開端的時侯，你需求理解，盡管你能控制悉數(shù)你所能控制的東西，但假如你知道什么是一種約定俗成的標準或許說大多數(shù)訪問者的瀏覽習慣，那么你能夠在此基礎(chǔ)上加上自己的東西。你當然也能夠發(fā)明出自己的規(guī)劃計劃，但假如你是初學者，那么最好理解網(wǎng)頁布局的基本概念。

1.頁面尺度：

由于頁面尺度和顯現(xiàn)器巨細及分辨率有關(guān)系，網(wǎng)頁的局限性就在于你無法打破顯現(xiàn)器的規(guī)模，而且由于瀏覽器也將占去不少空間，留下給你的頁面規(guī)模變得越來越小。一般分辨率在800x600的情況下，頁面的顯現(xiàn)尺度為：780x428個象素;分辨率在640x480的情況下，頁面的顯現(xiàn)尺度為:620X311個象素;分辨率在1024X768的情況下，頁面的顯現(xiàn)尺度為：1007x600。從以上數(shù)據(jù)能夠看出，分辨率越高頁面尺度越大。 　　瀏覽器的工具欄也是影響頁面尺度的原因。一般現(xiàn)在的瀏覽器的工具欄都能夠撤銷或許添加，那么當你顯現(xiàn)悉數(shù)的工具欄時，和關(guān)閉悉數(shù)工具欄時，頁面的尺度是不一樣的。

在網(wǎng)頁規(guī)劃過程中，向下拖動頁面是專一給網(wǎng)頁添加更多內(nèi)容(尺度)的辦法。但我想提示我們除非你能必定站點的內(nèi)容能招引我們拖動，不然不要讓訪問者拖動頁面超越三屏。假如需求在同一頁面顯現(xiàn)超越三屏的內(nèi)容，那么你最好能在上面做上頁面內(nèi)部連接，便利訪問者瀏覽。

2.全體造型：

什么是造型，造型便是發(fā)明出來的物體形象。這里是指頁面的全體形象，這種形象應(yīng)該是一個全體，圖形與文本的接合應(yīng)該是層疊有序。盡管，顯現(xiàn)器和瀏覽器都是矩形，但關(guān)于頁面的造型，你能夠充分運用自然界中的其它形狀以及它們的組合：矩形，圓形，三角形，菱形等。 　　關(guān)于不同的形狀，它們所代表的含義是不同的。比如矩形代表著正式，規(guī)則，你注意到很多ICP和政府網(wǎng)頁都是以矩形為全體造型;圓形帶表著柔軟，聯(lián)合，溫暖，安全等，許多時髦站點喜愛以圓形為頁面全體造型;三角形代表著力氣，權(quán)威，牢固，侵略等，許多大型的商業(yè)站點為顯現(xiàn)它的權(quán)威性常以三角形為頁面全體造型;菱形代表著平衡，和諧，公正，一些結(jié)交站點常運用菱形作為頁面全體造型。盡管不同形狀帶表著不同含義，但現(xiàn)在的網(wǎng)頁制造多數(shù)是接合多個圖形加以規(guī)劃，在這其中某種圖形的構(gòu)圖比例可能占的多一些。

3.頁頭：

頁頭又可稱之為頁眉，頁眉的作用是定義頁面的主題。比如一個站點的名字多數(shù)都顯現(xiàn)在頁眉里。這樣，訪問者能很快知道這個站點是什么內(nèi)容。頁頭是整個頁面規(guī)劃的要害，它將牽涉到下面的更多規(guī)劃和整個頁面的和諧性。頁頭常放置站點名字的圖片和公司標志以及旗幟廣告。

4.文本：

文本在頁面中呈現(xiàn)都數(shù)以行或許塊(段落)呈現(xiàn)，它們的擺放方位決議者整個頁面布局的可視性。在過去由于頁面制造技術(shù)的局限，文本放置的方位的靈活性非常小，而跟著DHTML的鼓起，文本現(xiàn)已能夠按照自己的要求放置到頁面的任何方位。

5.頁腳：

頁腳和頁頭相照應(yīng)。頁頭是放置站點主題的當?shù)兀�而頁腳是放置制造者或許公司信息的當?shù)�。你能看到，許多制造信息都是放置在頁腳的。

6.圖片

圖片和文本是網(wǎng)頁的兩大構(gòu)成元素，卻一不可。怎么處理好圖片和文本的方位成了整個頁面布局的要害。而你的布局思維也將體現(xiàn)在這里。

7.多媒體

除了文本和圖片，還有聲音，動畫，視頻等等其它媒體。盡管它們不是經(jīng)常能被利用到，但跟著動態(tài)網(wǎng)頁的鼓起，它們在網(wǎng)頁布局上也將變得更重要。