網站設計常用網頁版式

網站設計常用網頁版式

　　網站是網頁的集合,不同的網頁版式一定會傳達出不同的視覺效果,不管是“國”字型、拐角型、標題正文型，還是左右框架性、上下框架性、封面型，亦或是flash動畫型，設計一款適合自己的網頁版式意義重大。

　　一、“國”字型

　　“國”字型結構一般這樣來布局：最上端是網站logo、banner和導航欄，中間是當前網頁的主要內容(通常被分為大小不等的三列，而中間的一列用來放置主體內容)，最下面是網站版權聲明等。

　　二、拐角型

　　拐角型結構與“國”字型結構最上端和最下端結構布局是一樣的。唯一區別體現在中間樣式，拐角型中間通常被分為大小不等的兩列，其中較寬的一列用來放置主體內容，如圖所示!

　　三、標題正文型

　　標題正文型結構一般最上面是當前網頁的標題或類型的對象(如修飾性圖像)，下面是當前網頁的正文。一些文章頁或注冊頁就是這種類型!

　　四、左右框架型

　　左右框架型結構，一般導航鏈接放左邊，有時最上面會有一個小的標題或標致，右面是正文。多數大型論壇都是這種結構的，部分企業也喜歡采用!

　　五、上下框架型

　　上下框架型結構與左右框架性類似，區別僅僅在于是一種上下分為兩頁的框架!

　　六、封面型

　　封面型結構一般出現在網站的首頁，大部分是通過精美的平面設計并結合局部的動畫效果，之后在網頁中放上幾個簡單的鏈接或者僅放一個“進入”之類的鏈接，以提示訪問者進入網站的下一級頁面!

　　七、Flash動畫型

　　Flash動畫型結構與封面型結構類似,只不過它的網頁是由Flash動畫組成。由于flash動畫具有豐富及強大的交互功能，所以該結構的網頁可表達的信息更豐富，而且其視聽效果也十分完美!

【網站設計常用網頁版式】相關文章：

網頁設計的常見版式12-18

網站網頁設計知識09-26

網頁設計之網站的分類11-09

網頁設計工具/網頁制作與網站建設10-12

網站網頁設計的小知識09-24

網站網頁設計小知識01-12

網頁版式設計中前期的準備工作有哪些01-02

網頁設計：網站布局的23個步驟12-15

網站網頁設計小提示08-15