網頁設計的佈局的方式有哪些

網頁可以說是網站構成的基本元素。當我們輕點鼠標,在網海中遨遊,一副副精彩的網頁會呈現在我們面前,接下來,小編爲您介紹了網頁設計的佈局的方式,感謝您的閱讀!

網頁設計的佈局的方式有哪些

  1、“國”字型:

網頁設計也可以稱爲“同”字型,是一些大型網站所喜歡的類型,即最上面是網站的標題以及橫幅廣告條,接下來就是網站的主要內容,左右分列一些兩小條內容,中間是主要部分,與左右一起羅列到底,最下面是網站的一些基本信息、聯繫方式、版權聲明等。這種結構是我們在網上見到的差不多最多的一種結構類型。

  2、拐角型:

這種結構與上一種其實只是形式上的區別,其實是很相近的,上面是標題及廣告橫幅,接下來的左側是一窄列鏈接等,右列是很寬的正文,下面也是一些網站的輔助信息。在這種類型中,一種很常見的類型是最上面是標題及廣告,左側是導航鏈接。

  3、標題正文型:

這種類型即最上面是標題或類似的一些東西,下面是正文,比如一些文章頁面或註冊頁面等就是這種類。

  4、左右框架型:

這是一種左右爲分別兩頁的框架結構,一般左面是導航鏈接,有時最上面會有一個小的標題或標緻,右面是正文。我們見到的大部分的大型論壇都是這種結構的,有一些企業網站也喜歡採用。這種類型結構非常清晰,一目瞭然。

  5、上下框架型:

與上面類似,區別僅僅在於是一種上下分爲兩頁的框架。

  6、綜合框架型:

上頁兩種結構的結合,相對複雜的一種框架結構,較爲常見的是類似於“拐角型”結構的`,只是採用了框架結構。

  7、封面型:

這種類型基本上是出現在一些網站的首頁,大部分爲一些精美的平面設計結合一些小的動畫,放上幾個簡單的鏈接或者僅是一個“進入”的鏈接甚至直接在首頁的圖片上做鏈接而沒有任何提示。這種類型大部分出現在企業網站和個人主頁,如果說處理的好,會給人帶來賞心悅目的感覺。

  8、Flash型:

其實這與封面型結構是類似的,只是這種類型採用了目前非常遊戲行的Flash,與封面型不同的是,由於Flash強大的功能,頁面所表達的信息更豐富,其視覺效果及聽覺效果如果處理得當,絕不差於傳統的多媒體。

  9、變化型:

即上面幾種類型的結合與變化,比如本站在視覺上是很接近拐角型的,但所實現的功能的實質是那種上、左、右結構的綜合框架型。