網站頁面的布局版式、展示形式直接形晌用戶使用網站的方便性。合理的頁面布局可以使用戶快速發(fā)現(xiàn)網站建設的核心內容和服務:如果頁面布局不合理,用戶不知道怎樣獲取所需的信息,或者很難找到相應的信息,那么他們就會離開這個網站,甚至以后都不會再訪問這個網站。常見的網頁布局形式大致有“國”字形、“廠”字形、框架型、封面型、Flash型布局和標題正文型等。
一、“國”字形布局
“國”字形布局如下圖所示。最上面是網站的標志、廣告以及導骯欄,接下來是網站的主耍內容,左右分別列出一些欄目,中間是主要部分,最下部是網站的一些基本信息。這種結構是國內一些大中型網站常見的布局方式。優(yōu)點是充分利用版面,信息量大:缺點是頁面顯得擁擠,不夠靈活。
二、“廠”字形布局
“廠"字形布局,是指頁面頂部為標志+廣告條,下方左面為主菜單,右面顯示正文信息,如下圖所示。這是網頁設計中使用廣泛的一種布局方式,一般應用于企業(yè)網站中的二級頁面。這種布局的優(yōu)點是頁面結構請晰、主次分明,是初學者最容易上手的布局方法。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。
三、框架型布局
框架型布局一般分成上下或左右布局,一欄是導航欄目,一欄是正文信息。復雜的框架結構可以將頁面分成許多部分,常見的是三欄布局,如下圖所示。上邊一欄放置圖像廣告,左邊一欄顯示導航欄,右邊顯示正文信息。
四、封面型布局
封面型布局一般應用在網站的主頁成廣告宣傳頁上,為精共的圖像加上簡單的文字鏈接,指向網頁中的主要欄目,或通過進入鏈接到下一個頁面。如下圖是封面型布局的網頁。
五、Flash型布局
這種布局與封面型的布局結構類似,不同的是頁面采用了Flash技術,動感十足,可以大大增強頁面的視覺效果,如下圖所示采用的Flash型網頁布局。
六、標題正文型布局
這種類型即最上面是標題或類似的一些東西,下面是正文,如一些文章頁面或注冊頁面等就是這種類型的。如下圖所示采用的即為標題正文型網頁布局。
文章內容來源于網絡,侵刪