規(guī)劃時(shí)怎么把握網(wǎng)頁(yè)布局

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

1.頁(yè)面尺度：

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

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

2.全體造型：

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

3.頁(yè)頭：

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

4.文本：

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

5.頁(yè)腳：

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

6.圖片

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

7.多媒體

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