最開(kāi)始網頁呈現在你面前的時(shí)侯，它就好愛討(hǎo)像一(yī)張白紙，它需要你任意揮灑你的設計才思。在開(kāi)可河始的時(shí)侯，你需要明白，雖然你能控制一(yī)切你所能控制的對不東西，但假如(rú)你知道什麼是一(yī)種約定俗成的标準或媽妹者說(shuō)大(dà)多數訪問者的浏覽習慣高計，那麼你可以在此基礎上加上自己的東西。你當然也可以創造出自己的設計方案，但如輛化(rú)果你是初學者，那麼最好(hǎo)明喝大白網頁布局的基本概念。
1.頁面尺寸：
由于頁面尺寸和顯示器(qì)大(dà綠綠)小(xiǎo)及分辨率有關系，網頁的局限性就在于你無法突破顯示話光器(qì)的範圍，而且因為(wèi)浏覽器(qì)也将占去不(請員bù)少空間，留下給你的頁面範圍變得(de)越來越小(xiǎo)。一藍畫(yī)般分辨率在800x600的情況下，頁面的顯示尺寸費歌為(wèi)：780x428個象素；分辨率在640x48拍吃0的情況下，頁面的顯示尺寸為(wèi):620X311個象素；可年分辨率在1024X768的情況下，頁面的顯示尺寸為(秒見wèi)：1007x600。從以上數據可以看出，分辨率越高頁面尺寸越大(和話dà)。 浏覽器(qì)的工(gōng)具欄也是影響頁面尺寸的原因。一看相(yī)般目前的浏覽器(qì)的工(gō子人ng)具欄都可以取消或者增加，那麼當你顯示全部的工(gōng)具欄時(sh體視í)，和關閉全部工(gōng)具欄時(sh有坐í)，頁面的尺寸是不(bù)一(yī)樣的少銀。
在網頁設計過程中，向下拖動頁面是惟一(yī)給網頁增加更多内容(尺離月寸)的方法。但我想提醒大(dà)家(jiā)除非你醫購能肯定站點的内容能吸引大(dà)家(jiā)拖動，開分否則不(bù)要讓訪問者拖動頁面超過三屏。如(rú)上近果需要在同一(yī)頁面顯示超過三屏的内容，那麼你最好(hǎo)能中低在上面做上頁面内部連接，方便訪問者浏覽。
2.整體造型：
什麼是造型，造型就是創造出來的物體形象計風。這裡是指頁面的整體形象，這種形象應該是一(yī)個整體，圖形與文本的接合很冷應該是層疊有序。雖然，顯示器(qì)和浏覽器(qì嗎秒)都是矩形，但對于頁面的造型，你可以充分運用自然界中的其事書它形狀以及它們(men)的組合：矩形，圓形，三角形，菱形等。對于不(bù)同民物的形狀，它們(men)所代表的意義是不(bù)同的。弟很比如(rú)矩形代表着正式，規則，你注意到光腦很多ICP和政府網頁都是以矩形為(wèi)整體造型；圓形帶表着音數柔和，團結，溫暖，安全等，許多時(shí)尚站點喜歡以圓形為(小會wèi)頁面整體造型；三角形代表着力量，我可權威，牢固，侵略等，許多大(dà)型的商業站點為(w笑睡èi)顯示它的權威性常以三角形為(wèi自黃)頁面整體造型；菱形代表着平衡，協調，公平，一(yī亮這)些交友站點常運用菱形作為(wèi)頁面整體造型。雖然不(bù)同形狀帶表着不歌湖(bù)同意義，但目前的網頁制作多數是接合多個圖形加以設計，在這樹吃其中某種圖形的構圖比例可能占的多一(yī)些。
3.頁頭：
頁頭又可稱之為(wèi)頁眉，頁眉的作用是定義頁面的主題。比如(rú厭他)一(yī)個站點的名字多數都顯示在頁眉裡。這樣，訪問者能很快知道這個站她個點是什麼内容。頁頭是整個頁面設計的關鍵，腦男它将牽涉到下面的更多設計和整個頁面的協調性。頁頭常放置站點名字內算的圖片和公司标志以及旗幟廣告。
4.文本：
文本在頁面中出現都數以行或者塊(段落)出現，它鐵但們(men)的擺放位置決定者整個頁面布局的可雪子視性。在過去因為(wèi)頁面制作技術的局限，文本放置的位置的靈活性非常小拿美(xiǎo)，而随着DHTML的興起，文算間本已經可以按照自己的要求放置到頁面的任何位北光置。
5.頁腳：
頁腳和頁頭相呼應。頁頭是放置站點主題的地方，而頁腳體說是放置制作者或者公司信息的地方。你能看到，許多制作信息都是放置在頁腳的。
6.圖片
圖片和文本是網頁的兩大(dà)構成元素，卻一(yī)不(bù)可。如(r風自ú)何處理好(hǎo)圖片和文本的位置成了整個頁面布局的他輛關鍵。而你的布局思維也将體現在這裡。
7.多媒體
除了文本和圖片，還有聲音，動畫(huà)，視頻等等其它媒體。雖然它們問妹(men)不(bù)是經常能被利用到，但随着們器動态網頁的興起，它們(men)在網頁布局上也将變得(de)更重要。