浅谈网页设计与制作中的页面布局
2017-04-05代娟娟
职业·下旬 2017年1期
代娟娟
当今社会,互联网的发展日新月异,网页设计已经成为热门领域,理所当然网页设计与制作成为大中专院校计算机专业的一门必修课。网页设计中,页面布局是第一步,也是非常重要的内容之一,是制作网页的最基本的技能,因此学会网页的页面布局是重中之重。下面简单介绍两种常用的网页页面布局的方法及两种方法的优缺点的比较。
一、利用表格布局网页
表格是网页设计与制作的一个重要的组成部分,是最常见的网页布局元素之一。在表格布局方面,通过设置表格及单元格的属性,对页面中的元素进行准确定位。下面以笔者所在学校学生上课时做的网页“学院网站”为例来说明表格布局网页的步骤。
第一,选择[插入]菜单栏中[表格]命令来插入需要的表格。并对表格的参数进行設置。这里需要设置参数为“5行1列”,并在[属性]面板中设置对齐方式为“居中对齐”。
第二,用和第一步相同的方法在第一行嵌入一个l行2列的表格,在第二行嵌入一个l行8列的表格。
第三,在第一行的嵌入表格中插入站点文件夹“images”中的图片。然后分别在第二行、第三行表格中插入图片。
第四,在第四行嵌入一个1行6列的表格,在嵌入表格中分别插入图片。
第五,在第五行插入文字:关于我们l联系我们I常见问题I站点地图I隐私策略I用户协议I法律声明l诚聘英才I友情链接。并设置颜色为:#C C C C C C。
第六,最后设置所有表格的边框粗细为“0”。
第七,按下F12键,保存网页文件,同时打开浏览器查看网页内容。……
登录APP查看全文
