簡單易懂,DIV+CSS架構網站的7種版面布局形式,一語道破

來源:互聯網
上載者:User
下面是我給大家整理的DIV+CSS架構網站的7種版面布局形式,有興趣的同學可以去看看。

1.“T”結構布局形式。所謂“T”結構,就是指頁面頂部為橫條網站標誌+廣告條,下方左面為主菜單,右面顯示內容的布局,整體效果類似英文字母“T”,所以稱之為“T,形布局。這是網頁設計中用得最廣泛的一種布局方式。這種布局的優點是頁面結構清晰,主次分明,是初學者最容易上手的布局方法。缺點是規矩呆板,如果不注意細節色彩,很容易讓人”看之無味“

2.”口“型布局。這是一個象形的說法,就是頁面一般上下各有一個廣告條,左面是主菜單,右面放友情連結等,中間是主要內容。這種布局的優點是充分利用版面,資訊量大。缺點是頁面擁擠,不夠靈活

3.對稱對比布局。顧名思義,採取左右或者上下對稱的布局,一半深色一半淺色,一般用於設計型網站。優點是視覺衝擊力強,缺點是很難將兩部分有機地結合起來

4.POP布局。POP引自廣告術語,就是指頁面配置像一張宣傳海報,以一張精美圖片作為頁面的設計中心。常用於時尚類網站。優點顯而易見:漂亮吸引人。缺點就是速度慢。作為版面布局,還是值得借鑒的。

5.國型布局。國型布局也稱為同型布局,是一些大型網站喜歡使用的布局類型。最上面是網站的標題以及橫幅廣告條,接下來是網站的主要內寄,左右分列一些小條內容,中問是主要部分,與左右一起羅列到底,最下方是網站的一些基本資料、連絡方式、著作權聲明等。這種布局通常用於首頁的設計,其主要優點是頁面容納內容很多,資訊量大。

6.標題本文型布局。這種布局的最上方是標題或廣告等內容,下面是本文。通常文章頁面或註冊頁面採用此種布局,其特點是簡潔明快,幹擾資訊少,較為正規。

上面是我整理給大家的,希望今後會對大家有協助。

相關文章:

詳細解讀頁面配置之position定位

詳細介紹有關CSS頁面配置技巧

詳細講解CSS基礎知識點

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.