2017年4月26日——当今社会互联网发展日新月异,网站建设基本已经成为每个企业在发展过程中都要涉及的内容。网站的网页设计中,页面布局是第一步也是非常重要的一步,本文将为大家解析如何巧用表格来布局页面。
表格是网页设计与制作的一个重要组成部分,是最常见的网页布局元素之一。利用表格布局页面的方法是指通过设置表格及单元格的属性,对页面中的元素进行准确定位。
表格是用于划分页面区域的,在网页设计时使用表格布局页面的好处有很多。其一,表格方便排列有规律、结构均匀,其二是使用表格会使页面结构清晰、布局整齐,其三是表格可被绝大部分的浏览器所支持,具有很好的兼容性;表格的缺点则是容易产生垃圾代码,影响页面下载时间,灵活性不大、难于修改。下面以笔者所做网页设计中的“学院网站”为例来说明表格布局网页的步骤。
首先是选择[插入]菜单栏中[表格]命令来插入需要的表格,并对表格的参数进行设置。这里需要设置参数为5行1列,并在[属性]面板中设置对齐方式为“居中对齐”;二是用和第一步相同的方法在第一行嵌入一个1行2列的表格,在第二行嵌入一个1行8列的表格;三是在第一行的嵌入表格中插入站点文件夹“images”中的图片,然后分别在第二行和第三行表格中插入图片;四是在第四行嵌入一个1行6列的表格,在嵌入表格中分别插入图片;五是在第五行插入文字:关于我们、联系我们、常见问题、站点地图I、隐私策略、用户协议、法律声明、诚聘英才和友情链接,并设置颜色为#CCCCCC;六是设置所有表格的边框粗细为0;最后是按下F12键,保存网页文件,同时打开浏览器查看网页设计内容。
总的来说,利用表格进行网页设计的页面布局,可以对网页元素进行准确定位,使布局更加合理,灵活地使用表格的背景、框线等属性也可以使网页更加美观。相比另一种利用框架进行网页设计的布局方式,两者各有利弊,实际操作时需根据不同网站页面的要求做出良好判断。