- Dreamweaver+jQuery移動網頁設計從新手到高手
- 張雪玲 劉琳
- 633字
- 2020-09-18 10:26:11
1.4 常見的版面布局形式
常見的網頁布局形式大致有“國”字形、“廠”字形、“框架”式、“封面”式和Flash式布局。
1.4.1 “國”字形布局
“國”字形布局如圖1-21所示。最上面是網站的標志、廣告以及導航欄,接下來是網站的主要內容,左、右分別列出一些欄目,中間是主要部分,底部是網站的一些基本信息。這種結構是國內一些大中型網站常見的布局方式。優點是充分利用版面、信息量大;缺點是頁面顯得擁擠、不夠靈活。

圖1-21
1.4.2 “廠”字形布局
“廠”字形結構布局,是指頁面頂部為標志+廣告條,下方左側為主菜單,右側顯示正文信息,如圖1-22所示。這是網頁設計中使用比較廣泛的一種布局方式,一般應用于企業網站中的二級頁面。這種布局的優點是頁面結構清晰、主次分明,是初學者最容易上手的布局方法。在這種類型中,一種很常見的類型是頂部為標題及廣告,左側為導航鏈接。

圖1-22
1.4.3 “框架”式布局
“框架”式布局一般分成上下或左右布局,一欄是導航欄目,另一欄是正文信息。復雜的框架結構可以將頁面分成許多部分,常見的是三欄布局,如圖1-23所示。上邊一欄放置圖像廣告,左側一欄顯示導航欄,右側一欄顯示正文信息。

圖1-23
1.4.4 “封面”式布局
“封面”式布局一般應用于網站的主頁或廣告宣傳頁上,為精美的圖像加上簡單的文字鏈接,指向網頁中的主要欄目,或通過“進入”文字鏈接到下一個頁面,如圖1-24所示為“封面”式布局的網頁。
1.4.5 Flash式布局
這種布局方式與“封面”式布局結構類似,不同的是頁面采用了Flash技術,動感十足,可以大幅增強頁面的視覺效果,如圖1-25所示為Flash式布局的網頁。

圖1-24

圖1-25