![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=1738954085-I9vCohuzlTrsRrOCw1FDAV6Z2e1FVpPH-0-08b25966598dbc1c42c0071dfde6e85f)
图1-15
2.口型布局
口型布局是由上下广告条,左侧的主菜单,中间的内容介绍,右侧的友情链接组成的网页布局,形似“口”字。此布局结构紧凑、信息量大,常用于政府或综合性网站的布局,如图1-16所示。
3.对称型布局
对称型布局是上下或左右对称的网页布局。此布局视觉冲击力强,常用于设计类网站的布局,如图1-17所示。
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0001.jpg?sign=1738954085-FlVWr4mg8Td6rqO7NPJd4A8RaCiRHoSM-0-cf98dd689d32938f740c9d9e7e5b8018)
图1-16
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0002.jpg?sign=1738954085-JQxxch1MLT6z4bqVoHe3BXVmoxwtuSFE-0-fca7e3115c938190f4837d57f4736ae9)
图1-17
4.POP布局
POP布局是以一张精美的海报图片作为布局中心,四周点缀导航和链接信息的网页布局。此布局漂亮醒目、吸引力强,常用于时尚类网站的布局,如图1-18所示。
![](https://epubservercos.yuewen.com/73BA3C/18339116401567406/epubprivate/OEBPS/Images/t-0026-0003.jpg?sign=1738954085-z3ppzke4Xq2ry6voJCCsyb01FtygDVfm-0-a8778ed319438e72c2db90b96eeff15c)
图1-18