讨喜的網站(zhàn)布局

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

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

　　國字類型，也被稱為同字型，很多大型網站(zhàn)都比較喜歡使用這種布局類型。這種類型的布局：最上面部分是網站(zhàn)的标題、網站(zhàn)橫幅、廣告條，然後是網站(zhàn)的主體内容個(gè)，而左右分别是一些比較小的内容條，中(zhōng)間就是主要内容。而最下(xià)面就是關(guān)于網站(zhàn)的一些基本信息、聯系方式、版權等等一些比較固定的信息。互聯網上最多的就是這種類型。

　　拐角型，這一種類型就是國字型的變形，隻是在形式上不一樣。最上面的部分是網站(zhàn)的标題以及網站(zhàn)的橫幅廣告條，下(xià)面的左側比較窄，是一些鍊接，右側比較寬，是正文(wén)内容，最下(xià)面是網站(zhàn)的一些常規信息。

　　或者是類似的東西，接着就是網站(zhàn)的正文(wén)内容，例如(rú)是一些文(wén)章或者是注冊登錄頁面。

　　左右框架類型，這種類型是左右分别為兩頁的一種框架，一般布局是：左邊是導航鍊接，最上面有時是一個(gè)标題，而右面就是主要内容。最常使用這種類型布局的是論壇網站(zhàn)，企業(yè)網站(zhàn)中(zhōng)的内頁有很多是采用這種布局方式的。這種類型的布局的特點是結構清晰明了。

　　上下(xià)框架類型，與左右框架類型類似，隻是這種類型是上下(xià)兩頁的結構。

　　綜合框架類型，其實就是左右框架類型和(hé)上下(xià)框架類型的結合體。

     第二、了解了布局有哪些類型之後，就來談談第一屏的設計。第一屏指的是不用滾動(dòng)就能看到那一部分。第一屏的大小是不确定，因為每個(gè)終端的分辨率是不一樣的。例如(rú)：1024*768的分辨率下(xià)，IE浏覽器(qì)默認狀态下(xià)，可(kě)以看到的那一部分，很多時候都是以這個(gè)為标準的。第一屏肯定要展現一些最重要的内容，首先要對第一屏的空間做一個(gè)估算。在網站(zhàn)建設過程中(zhōng)，最困難的一個(gè)地方就是用戶使用的終端與浏覽器(qì)是未知的。

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

　　第四、到底什麼樣的布局是最完美的呢(ne)?很多新手們都想知道這個(gè)問(wèn)題。但是我們要學會具體問(wèn)題具體分析。如(rú)果網站(zhàn)的内容比較多，那麼建議使用國字型布局或者是拐角型，内容不多的，可(kě)以選擇标題正文(wén)型。