免费电话

QQ:48415636

QQ:2499734863

设计总监微信号 关注即送200元代金券
尚唐品牌设计

网页设计之巧用表格布局页面

日期:2017-04-26 来源:【尚唐设计】 标签:品牌设计

2017年4月26日——当今社会互联网发展日新月异,网站建设基本已经成为每个企业在发展过程中都要涉及的内容。网站的网页设计中,页面布局是第一步也是非常重要的一步,本文将为大家解析如何巧用表格来布局页面。

表格是网页设计与制作的一个重要组成部分,是最常见的网页布局元素之一。利用表格布局页面的方法是指通过设置表格及单元格的属性,对页面中的元素进行准确定位。

表格是用于划分页面区域的,在网页设计时使用表格布局页面的好处有很多。其一,表格方便排列有规律、结构均匀,其二是使用表格会使页面结构清晰、布局整齐,其三是表格可被绝大部分的浏览器所支持,具有很好的兼容性;表格的缺点则是容易产生垃圾代码,影响页面下载时间,灵活性不大、难于修改。下面以笔者所做网页设计中的学院网站为例来说明表格布局网页的步骤。

首先是选择[插入]菜单栏中[表格]命令来插入需要的表格,并对表格的参数进行设置。这里需要设置参数为51列,并在[属性]面板中设置对齐方式为居中对齐;二是用和第一步相同的方法在第一行嵌入一个12列的表格,在第二行嵌入一个18列的表格;三是在第一行的嵌入表格中插入站点文件夹“images”中的图片,然后分别在第二行和第三行表格中插入图片;四是在第四行嵌入一个16列的表格,在嵌入表格中分别插入图片;五是在第五行插入文字:关于我们、联系我们、常见问题、站点地图I、隐私策略、用户协议、法律声明、诚聘英才和友情链接,并设置颜色为#CCCCCC;六是设置所有表格的边框粗细为0;最后是按下F12键,保存网页文件,同时打开浏览器查看网页设计内容。

总的来说,利用表格进行网页设计的页面布局,可以对网页元素进行准确定位,使布局更加合理,灵活地使用表格的背景、框线等属性也可以使网页更加美观。相比另一种利用框架进行网页设计的布局方式,两者各有利弊,实际操作时需根据不同网站页面的要求做出良好判断。

尚唐品牌 更懂营销的品牌设计公司

服务项目:标志(VI)设计 包装设计 网站建设 画册设计 空间设计 影视制作

在线品牌设计咨询

13146756468    010-85795832
来源:尚唐设计 欢迎分享,转载请注明出处!

相关资讯

尚唐品牌设计

用心服务好每一个客户!