網頁能夠說是網站構成的基本元素。當咱們輕點鼠標，在網海中漫游，一副副精彩的網頁會呈現在咱們面前，那么，網頁的精彩與否的要素是什么呢？顏色的搭配、文字的改變、圖片的處理等，這些當然是不行疏忽的要素，除了這些，還有一個十分重要的要素——網頁的布局。下面，咱們就有關網頁布局談論一下。 
網頁布局類型 
網頁布局大致可分為“國”字型、角落型、標題正文型、左右結構型、上下結構型、歸納結構型、封面型、Flash型、改變型，下面別離論說。

1、“國”字型：也能夠稱為“同”字型，是一些大型網站所喜愛的類型，即最上面是網站的標題以及橫幅廣告條，接下來便是網站的主要內容，左右分列一些兩小條內容，中間是主要部分，與左右一同羅列究竟，最下面是網站的一些基本信息、聯系方式、版權聲明等。這種結構是咱們在網上見到的差不多最多的一種結構類型。

2、角落型：這種結構與上一種其實僅僅形式上的差異，其實是很附近的，上面是標題及廣告橫幅，接下來的左邊是一窄列鏈接等，右列是很寬的正文，下面也是一些網站的輔佐信息。在這品種型中，一種很常見的類型是最上面是標題及廣告，左邊是導航鏈接。

3、標題正文型：這品種型即最上面是標題或相似的一些東西，下面是正文，比方一些文章頁面或注冊頁面等便是這品種。

4、左右結構型：這是一種左右為別離兩頁的結構結構，一般左面是導航鏈接，有時最上面會有一個小的標題或標致，右面是正文。咱們見到的大部分的大型論壇都是這種結構的，有一些企業網站也喜愛選用。這品種型結構十分明晰，一目了然。

5、上下結構型：與上面相似，差異僅僅在所以一種上下分為兩頁的結構。

6、歸納結構型：上頁兩種結構的結合，相對雜亂的一種結構結構，較為常見的是相似于“角落型”結構的，僅僅選用了結構結構。

7、封面型：這品種型基本上是出現在一些網站的主頁，大部分為一些精美的平面規劃結合一些小的動畫，放上幾個簡單的鏈接或許僅是一個“進入”的鏈接甚至直接在主頁的圖片上做鏈接而沒有任何提示。這品種型大部分出現在企業網站和個人主頁，假如說處理的好，會給人帶來賞心悅目的感覺。

8、Flash型：其實這與封面型結構是相似的，僅僅這品種型選用了現在十分游戲行的Flash，與封面型不同的是，因為Flash強壯的功用，頁面所表達的信息更豐厚，其視覺作用及聽覺作用假如處理得當，絕不差于傳統的多媒體。

9、改變型：即上面幾品種型的結合與改變，比方本站在視覺上是很挨近角落型的，但所實現的功用的實質是那種上、左、右結構的歸納結構型。

關于第一屏 
所謂第一屏，是指咱們抵達一個網站在不拖動滾動條時能夠看到的部分。那么第一屏有多“大”呢？其實這是不知道的。一般來講，在800*600的屏幕顯示形式(這也是最常用的)下，在IE安裝后默認的狀態(即工具欄地址欄等沒有改變)下，IE窗口內能看到的部分為778px*435px，一般來講，咱們以這個大小為規范就行了，畢竟，在無法適合所有人的情況下，咱們只能為大多數考慮了。

說了那么多，無非是一個規范的問題，其實接下來不用我說大家也能想到，第一屏當然要放最主要的內容，要害要知道的是，咱們要對第一屏能顯示的面積要有個估計，而不要僅僅以自己的機器為準。其實的一個很費事的當地便是閱讀者的機器是不知道的。

有關導航欄的位置 
導航欄能讓咱們在閱讀時簡單的抵達不同的頁面，是網頁元素十分重要的部分，所以導航欄一定要明晰、醒目，一般來講，導航欄要在“第一屏”能顯示出來，可是有時第一屏可能會小于上面所說的435px，積于這點考慮，那種橫向放置的導航欄要優于縱向的導航欄考慮，原因很簡單：假如閱讀者的第一屏很矮，橫向的仍能全部看到，而縱向的就很難說了，因為窗口的寬度一般是不會受閱讀器設置影響的，而縱向的則不確定性要大的多。

什么樣的布局是最好的 
這是初學者可能會問的問題。其實這要具體情況具體分析的：比方假如內容十分多，就要考慮用“國字型”或角落型；而假如內容不算太多而一些說明性的東西比較多，則能夠考慮標題正文型；那幾種結構結構的一個一起特色便是閱讀便利，速度快，但結構改變不靈敏；而假如是一個企業網站想展示一下企業形象或個人主頁想展示個人風貌，封面性是首選；Flash型更靈敏一些，好的Flash大大豐厚了網頁，可是它不能表達過多的文字信息。還沒有提到的便是改變型了，我僅僅想把這個留給讀者了，因為，只要不斷的改變才會進步，才會不斷豐厚咱們的網頁！