當用戶打開一個網站的時候，首先映入用戶眼前的就是網站的頁面布局。而且優秀的頁面布局可以讓用戶第一時間就找到想要的內容。那么作為初學者建設網站到底要怎樣做好頁面布局呢?又應該掌握什么布局知識呢?

  首先、要了解頁面布局的類型有哪些?頁面的布局大概可以分為以下幾種：國字型、拐角型、標題型、左右框架類型、上下框架類型、綜合框架類型等等。

　　國字類型，也被稱為同字型，很多大型網站都比較喜歡使用這種布局類型。這種類型的布局：最上面部分是網站的標題、網站橫幅、廣告條，然后是網站的主體內容個，而左右分別是一些比較小的內容條，中間就是主要內容。而最下面就是關于網站的一些基本信息、聯系方式、版權等等一些比較固定的信息。互聯網上最多的就是這種類型。

　　拐角型，這一種類型就是國字型的變形，只是在形式上不一樣。最上面的部分是網站的標題以及網站的橫幅廣告條，下面的左側比較窄，是一些鏈接，右側比較寬，是正文內容，最下面是網站的一些常規信息。

　　或者是類似的東西，接著就是網站的正文內容，例如是一些文章或者是注冊登錄頁面。

　　左右框架類型，這種類型是左右分別為兩頁的一種框架，一般布局是：左邊是導航鏈接，最上面有時是一個標題，而右面就是主要內容。最常使用這種類型布局的是論壇網站，企業網站中的內頁有很多是采用這種布局方式的。這種類型的布局的特點是結構清晰明了。

　　上下框架類型，與左右框架類型類似，只是這種類型是上下兩頁的結構。

　　綜合框架類型，其實就是左右框架類型和上下框架類型的結合體。

     第二、了解了布局有哪些類型之后，就來談談第一屏的設計。第一屏指的是不用滾動就能看到那一部分。第一屏的大小是不確定，因為每個終端的分辨率是不一樣的。例如：1024*768的分辨率下，IE瀏覽器默認狀態下，可以看到的那一部分，很多時候都是以這個為標準的。第一屏肯定要展現一些最重要的內容，首先要對第一屏的空間做一個估算。在網站建設過程中，最困難的一個地方就是用戶使用的終端與瀏覽器是未知的。

　　第三、導航欄應該要放在哪里?一個網站的導航欄有引導的作用，可以指引用戶到達不同的頁面，是網站的主要組成部分。導航欄在設計的時候一定要清晰、鮮明。最好是在第一屏就能夠展示出來。在這里建議使用橫向的導航欄，因為第一屏的面積有限，橫向的話，可以完全看到導航欄的內容。

　　第四、到底什么樣的布局是最完美的呢?很多新手們都想知道這個問題。但是我們要學會具體問題具體分析。如果網站的內容比較多，那么建議使用國字型布局或者是拐角型，內容不多的，可以選擇標題正文型。