5.1表格创建、编辑及属性设置(课件）-高二《网页设计与制作》同步教学（人民邮电版）

项目五 表格 项目提要 表格在网页设计中占有重要的地位，它既可以用于制作简单的图表，也可以用于安排网页文档的整体布局。表格的合理运用，可以使设计制作的网页的页面布局排版更加精美，使网站的建设更加专业化，下面我们将进一步系统地学习表格的制作及使用方法。 学习目标 熟练掌握表格的创建、编辑、格式化及其属性设置； 熟练掌握特殊形状表格制作的技巧； 熟练掌握表格在网页布局中的应用。 任务一 表格创建、编辑及属性设置 组成表格最基本的元素是单元格，在表格的单元格中可以添加文本、图像以及多媒体对象，而且还可以在单元格中再次嵌套表格。利用表格可以轻松实现网页各种元素的精确定位，使网页中的元素更加条理分明，易于阅读与浏览。 Dreamweaver MX 2004提供了强大的表格控制功能，可以添加、删除、拆分及合并表格的行和列，以及修改表格、行或单元格属性，拷贝和粘贴单元格等。 操作一 创建表格 “表格”对话框 其中各项参数的含义如下： 行数：确定表格具体的行的数目； 列数：确定表格具体的列的数目； 表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度； 边框粗细：以像素为单位指定表格边框的宽度，默认情况下表格边框的宽度为1像素； 单元格边距：确定单元格边框和单元格内容之间的距离，单位为像素，默认情况下单元格边距为1像素； 单元格间距：确定相邻的表格单元格之间的距离，单位为像素，默认情况下单元格间距为2像素。 插入的表格 操作二 编辑表格 选中连续的单元格 选中不连续的单元格 选中整行或整列单元格 选中整个表格 操作二 编辑表格 2．在表格中插入行或列 单击鼠标右键进行行/列操作 “插入行或列”对话框 4．合并拆分单元格 合并单元格 “拆分单元格”对话框 拆分单元格 操作三 设置表格及单元格属性 1．设置表格属性 表格的属性面板 表格宽度和高度转换工具 单元格填充和单元格间距 操作三 设置表格及单元格属性 2．单元格属性设置 单元格属性面板 调整单元格宽和高属性后的效果 操作三 设置表格及单元格属性 3．格式化表格 “格式化表格”对话框 任务二 制作“商务网站”的主页面 “匡字型”结构网页 操作一 用表格布局页面 操作二 制作页眉 操作三 制作页脚 操作四 制作主体区域 $