网页设计第3章网页布局共九章.pptVIP

第3章 网页布局 学习目标 理解网页布局的原理 掌握用表格（普通表格、布局表格）进行布局的方法 掌握特殊表格的制作方法 掌握用层进行布局的方法 掌握用框架进行布局的方法 3.1 布局的实质 布局: 就是在页面上划分出不同的区域，按照设计的原则和方法，把不同的内容放置到不同的位置上，并通过色彩调和出不同的网站基调，使网页内容形成一个有机的整体，充分表达网站主题的过程。 布局的实质 :表格 3.2 利用表格布局 3.2.1插入表格 1．设置页面属性 在插入页面内容前，一般先设置好页面的大小和页边距等属性，以达到最佳显示效果。 2．插入表格 在插入面板中选择“常用”标签，点击按钮，弹出 “插入表格”对话框，设置相应的参数来插入表格。也可以通过选择“【插入】→【表格】”菜单命令打开“插入表格”对话框。 单元格边距：单元格边框和单元格内容的间隔距离。 单元格间距：单元格和单元格之间的间隔距离。 页眉：把表格的第一行或第一列作为标题行或标题列 作为标题行或标题列的行或列的内容将以粗体的形式显示。 标题：提供一个显示在表格外的表格标题。 对齐标题：指定表格标题相对于表格的显示位置。 摘要：给出表格的说明。该文本不会显示在用户的浏览器中。 3.2.2 表格的属性设置 1.边框、填充、间距 （1）边框 一个“一行一列”的表格，至少有两个边框，表格外边框和