网页布局的三个模式及方法

本文介绍了网页布局的三种常见模式:标准文档流布局、浮动布局和盒子布局。标准流布局结构清晰,主次分明;浮动布局能有效利用版面,但可能显得拥挤;盒子布局以精美图像为中心,适用于追求视觉效果的网站,但可能影响页面加载速度。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

一、标准文档流布局     二、浮动布局     三、 盒子布局

l T型布局

所谓T型布局,使指页面上部为横条(网站标志+广告条)、下方左半部为主菜单、右由半部分显示内容的布局。因为看上去像英文字母“T”,所以称为T型布局。如图(a)所示。

T型布局的优点是页面结构清晰,主次分明,强调秩序,能给人以稳重、可信赖的感觉,比较容易上手。缺点是规矩呆板,如果细节和色彩搭配上不注意,容易让人乏味。

2 口型布局

口型布局的页面上下各有一个广告条,左侧是主菜单,右侧放置友情链接等内容,中间是主要内容,如图 (b)所示。

口型布局的优点是充分利用版面,信息量大。其缺点是页面拥挤,不够灵活。

3 POP布局

POP引自广告术语,是指页面布局象一张宣传海报,以一张精美图像作为页面的设计中心,在适当位置放置主菜单,如图 (c)所示。这种布局不讲究上下左右对称,但要平衡和有韵律,能达到强调、动感、高注目性的效果,常用于时尚类网站。其优点是漂亮吸引人,缺点是速度慢。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值