(
课件网) 项目活动五 公司网站建设:表格在页面中的应用 任务一 表格的基本操作 任务二 特殊表格的制作 任务三 公司网站建设 返回 任务一 表格的基本操作 一、插入表格 在网页中插入表格, 可以使用以下几种方法。 方法一: 在菜单栏上执行“插入” → “表格” 命令。 方法二: 在“插入” 工具栏的“常用” 选项卡中单击“表格” 图标。 方法三: 在“插入” 工具栏的“布局” 选项卡中单击“表格” 图标。 利用以上几种方法都可以弹出“表格” 对话框, 在该对话框中可以设置表格的属性, 这些都是在设计面板中完成的, 参数设置完成后, 单击“确定” 按钮, 插入表格, 如图5 -1所示。 “表格” 对话框分为三个部分, 它们被灰色的线区分开。 下一页 返回 任务一 表格的基本操作 1.表格大小 在这一部分中可以对表格的基本数据进行设置。 “行数” 选项和“列” 选项用来设置表格的行数和列数。 “表格宽度” 的设置有两种, 一种是像素, 另一种是百分比。 以像素为单位来进行宽度设置时, 可以精确地设置表格的宽度,以百分比为单位设置宽度时, 会按比例来显示表格的宽度。 “边框粗细” 选项用于以像素为单位来设置表格的边框, 如果不希望表格的边框在浏览器中显示出来, 可以将它的值设置为0。 “单元格边距” 就是指在单元格中插入的对象与单元格边框之间的距离。 “单元格间距” 是指单元格与单元格之间的距离。 上一页 下一页 返回 任务一 表格的基本操作 2.标题 用于对表格进行页眉的设置, 有四种标题设置方式。 选择“无” 可以将其设置为没有标题的表格,选择“左” “顶部” “两者” 这三种可以将标题的位置设置为相应的位置。凡被设置为页眉栏的表格, 其内部的文字就会自动加粗处理、居中显示。 如图5 -2 所示为使用“顶部” 页眉模式制作的一个简单的职称表。 在制作这个职称表时, 设置好顶部页眉后, 就可以直接在第一行中输入“姓名” “性别” “职称”。 由于页眉的设置, 这些字样会与其他单元格中的不一样。 从图5 -2中可看出, 被设置为页眉栏的单元格中的文字都被加粗处理、居中显示了, 而没有被设置为页眉栏的单元格则依然保持原来的状态。 上一页 下一页 返回 任务一 表格的基本操作 3.辅助功能 用户在这里可以设置表格的标题, 并可以通过“标题” 选项对表格的标题和显示位置进行设置。 “摘要” 部分是对这个表格的一些说明, 使用屏幕阅读器可以读取摘要, 不过这个摘要不会显示在用户的浏览器中。 设置完毕后单击“确定” 按钮就可以将表格插入到文档中。 二、选择表格 在对这些插入好的表格进行进一步的编辑时, 要先选择这个表格。 除了能够选择整个表格, 还需要能够选择表格的行、列及单元格。 上一页 下一页 返回 任务一 表格的基本操作 1.选择整个表格 如果表格处于选中状态, 那么表格周围就会出现一个黑边框, 这个边框的右边和下面附带有黑色的控制点。 选择整个表格的方法如下: 方法一: 将光标移动到表格的左上角、上边框或下边框外的附近区域, 在光标的右下角出现一表格的缩略图时, 单击鼠标左键就可以将这个表格选中。 方法二: 将光标定位到表格的任一单元格中, 然后单击该表格对应的 table 标签,就可以将这个表格选中。 方法三: 将光标定位到表格的任一单元格中, 然后按下“Ctrl + A” 组合键两次就可以选中表格。 方法四: 将光标定位到表格的任一单元格中, 执行菜单“修改” → “表格” → “选择表格” 命令即可选中表格。 上一页 下一页 返回 任务一 表格的基本操作 2.选择表格的行 为了使选中的部分能够和没有选中的部分区分开, 当用户选择了某行时, ... ...