當(dāng)用戶打開(kāi)一個(gè)網(wǎng)站的時(shí)候，首先映入用戶眼前的就是網(wǎng)站的頁(yè)面布局。而且優(yōu)秀的頁(yè)面布局可以讓用戶第一時(shí)間就找到想要的內(nèi)容。那么作為初學(xué)者建設(shè)網(wǎng)站到底要怎樣做好頁(yè)面布局呢?又應(yīng)該掌握什么布局知識(shí)呢?

  首先、要了解頁(yè)面布局的類(lèi)型有哪些?頁(yè)面的布局大概可以分為以下幾種：國(guó)字型、拐角型、標(biāo)題型、左右框架類(lèi)型、上下框架類(lèi)型、綜合框架類(lèi)型等等。

　　國(guó)字類(lèi)型，也被稱(chēng)為同字型，很多大型網(wǎng)站都比較喜歡使用這種布局類(lèi)型。這種類(lèi)型的布局：最上面部分是網(wǎng)站的標(biāo)題、網(wǎng)站橫幅、廣告條，然后是網(wǎng)站的主體內(nèi)容個(gè)，而左右分別是一些比較小的內(nèi)容條，中間就是主要內(nèi)容。而最下面就是關(guān)于網(wǎng)站的一些基本信息、聯(lián)系方式、版權(quán)等等一些比較固定的信息。互聯(lián)網(wǎng)上最多的就是這種類(lèi)型。

　　拐角型，這一種類(lèi)型就是國(guó)字型的變形，只是在形式上不一樣。最上面的部分是網(wǎng)站的標(biāo)題以及網(wǎng)站的橫幅廣告條，下面的左側(cè)比較窄，是一些鏈接，右側(cè)比較寬，是正文內(nèi)容，最下面是網(wǎng)站的一些常規(guī)信息。

　　或者是類(lèi)似的東西，接著就是網(wǎng)站的正文內(nèi)容，例如是一些文章或者是注冊(cè)登錄頁(yè)面。

　　左右框架類(lèi)型，這種類(lèi)型是左右分別為兩頁(yè)的一種框架，一般布局是：左邊是導(dǎo)航鏈接，最上面有時(shí)是一個(gè)標(biāo)題，而右面就是主要內(nèi)容。最常使用這種類(lèi)型布局的是論壇網(wǎng)站，企業(yè)網(wǎng)站中的內(nèi)頁(yè)有很多是采用這種布局方式的。這種類(lèi)型的布局的特點(diǎn)是結(jié)構(gòu)清晰明了。

　　上下框架類(lèi)型，與左右框架類(lèi)型類(lèi)似，只是這種類(lèi)型是上下兩頁(yè)的結(jié)構(gòu)。

　　綜合框架類(lèi)型，其實(shí)就是左右框架類(lèi)型和上下框架類(lèi)型的結(jié)合體。

     第二、了解了布局有哪些類(lèi)型之后，就來(lái)談?wù)劦谝黄恋脑O(shè)計(jì)。第一屏指的是不用滾動(dòng)就能看到那一部分。第一屏的大小是不確定，因?yàn)槊總€(gè)終端的分辨率是不一樣的。例如：1024*768的分辨率下，IE瀏覽器默認(rèn)狀態(tài)下，可以看到的那一部分，很多時(shí)候都是以這個(gè)為標(biāo)準(zhǔn)的。第一屏肯定要展現(xiàn)一些最重要的內(nèi)容，首先要對(duì)第一屏的空間做一個(gè)估算。在網(wǎng)站建設(shè)過(guò)程中，最困難的一個(gè)地方就是用戶使用的終端與瀏覽器是未知的。

　　第三、導(dǎo)航欄應(yīng)該要放在哪里?一個(gè)網(wǎng)站的導(dǎo)航欄有引導(dǎo)的作用，可以指引用戶到達(dá)不同的頁(yè)面，是網(wǎng)站的主要組成部分。導(dǎo)航欄在設(shè)計(jì)的時(shí)候一定要清晰、鮮明。最好是在第一屏就能夠展示出來(lái)。在這里建議使用橫向的導(dǎo)航欄，因?yàn)榈谝黄恋拿娣e有限，橫向的話，可以完全看到導(dǎo)航欄的內(nèi)容。

　　第四、到底什么樣的布局是最完美的呢?很多新手們都想知道這個(gè)問(wèn)題。但是我們要學(xué)會(huì)具體問(wèn)題具體分析。如果網(wǎng)站的內(nèi)容比較多，那么建議使用國(guó)字型布局或者是拐角型，內(nèi)容不多的，可以選擇標(biāo)題正文型。