![Dreamweaver CC 网页设计与制作(微课版)](https://wfqqreader-1252317822.image.myqcloud.com/cover/268/34260268/b_34260268.jpg)
上QQ阅读APP看书,第一时间看更新
1.4.2 常见的版面布局形式
1.T型布局
T型布局是由上方横向的网站标志和广告条,下方左侧的主菜单,右侧的内容介绍组成的网页布局,形似字母“T”。此布局结构清晰、主次分明,是网页设计中最广泛的布局方式,适合初学者使用,如图1-15所示。
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0025-0001.jpg?sign=1739513524-Bh7af2kBAMI4isYA9D32Aeb3HlWplbtH-0-8062f021609ed2190fd83d3b4e743bc0)
图1-15
2.口型布局
口型布局是由上下广告条,左侧的主菜单,中间的内容介绍,右侧的友情链接组成的网页布局,形似“口”字。此布局结构紧凑、信息量大,常用于政府或综合性网站的布局,如图1-16所示。
3.对称型布局
对称型布局是上下或左右对称的网页布局。此布局视觉冲击力强,常用于设计类网站的布局,如图1-17所示。
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0001.jpg?sign=1739513524-ucBr8MT8b3CRTTXQVm4GbW6f16r8qVT9-0-ab84a22baf50696bbdee439a398e45e3)
图1-16
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0002.jpg?sign=1739513524-G9QggHG1xpBzbzFXq4wpWZDPveG1I5ya-0-5748a4645344a0358fb11c01c7228d1e)
图1-17
4.POP布局
POP布局是以一张精美的海报图片作为布局中心,四周点缀导航和链接信息的网页布局。此布局漂亮醒目、吸引力强,常用于时尚类网站的布局,如图1-18所示。
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0003.jpg?sign=1739513524-9OY3IbkWpUE1qh1QT4a2irZrlvSc6MJg-0-4a4d56d077395da552cfa04b368a7fec)
图1-18