网页制作技术（第二版）-电子教案-许莉10.任务十表格排版布局网页.pptVIP

网页制作技术（第二版） 主编 许莉 中国水利水电出版社 网页设计与制作 学习目标 理解表格各部分名称的含义 掌握表格插入、添加内容、设置属性的方法 掌握套用表格格式的方法 掌握嵌套表格的插入方法 利用表格进行排版布局 本章结束 尚辅网 / 任务十 表格排版布局网页 任务十 表格排版布局网页 目录： 知识1 表格的应用 知识2 设置表格属性 知识3 编辑表哥和单元格 知识4 排序表格 知识5 导入表格化数据 知识6 表格的扩展视图 任务1 制作图片集 任务2 制作网站首页 任务十 表格排版布局网页 知识1 表格的应用 1.插入表格 在页面中可以通过菜单命令插入表格，执行【插入】|【表格】菜单命令，弹出【表格】对话框，在该对话框中可以设置表格的行数、列数、宽度和边框等粗细参数。 知识1 表格的应用 2.选择表格元素 选中整个表格 选中单个单元格 选中多个单元格 选中表格行 选中表格列 知识2 设置表格属性 选择整个表格后，在文档窗口的下方出现的【属性】检查器。 【行】、【列】：表格中行数和列数。 【宽】：表格的宽度，以像素为单位或表示为占浏览器窗口宽度的百分比。需要注意的是通常不设置表格的高度。 【填充】：单元格中的内容与单元格边框之间的距离。 【间距】：相邻的表格单元格之间的距离。 【对齐】：表格的对齐方式，有【默认】、【左对齐】、【右对齐】和【居中对齐】等4个选项。 【边框】：表格的边框，0代表无边框。 【类】：在给表格定义了CSS样式后，其样式保留在类下拉列表中，可以通过选择进行应用。 【清除列宽】：单击该按钮清除表格的行宽，以适合表格中内容的宽度。 【将表格宽度转换为像素】：如果表格宽度为百分比，则单击该按钮将表格转换为相等宽度的像素值。 【将表格宽度转换为百分比】：与相反，是将表格宽度转换为百分比。 【清除行高】：单击该按钮清除表格的列高，以适合表格中内容的高度。 知识3 编辑表格和单元格 1.合并单元格 选中需要合并的多个单元格，单击鼠标右键，在弹出的快捷菜单中选择【表格】|【合并单元格】命令即可。 知识3 编辑表格和单元格 2.拆分单元格 选中要进行拆分的单元格，选中需要合并的多个单元格，单击鼠标右键，在弹出的快捷菜单中选择【表格】|【拆分单元格】命令，弹出【拆分单元格】对话框 。 选择【行】或【列】单选按钮，并在【行数】或【列数】文本框中输入要拆分的单元格的个数，单击【确定】按钮，即可完成当前单元格的拆分操作 。 知识3 编辑表格和单元格 3.插入行或列 插入行（列）的方法相似。将光标定位在目标单元格中，单击鼠标右键，在弹出的快捷菜单中选择【表格】|【插入行】或【插入列】命令，可以在当前单元格的上方插入一行或在左方插入一列。 知识3 编辑表格和单元格 4.删除行或列 将鼠标光标定位在需要删除的行（列）中任意一个单元格。 单击鼠标右键，从弹出的快捷菜单中执行【表格】|【删除行】或【删除列】菜单命令。 知识4 排序表格 选中整个表格，然后选择【命令】|【排序表格】命令。 在打开的“排序表格”对话框中进行设置，从“排序按”下拉列表框中选择第2列，在“顺序”下拉列表框中选择“按字母顺序”，在后面的列表框中选择“升序”。 知识5 导入表格化数据 选择【文件】|【导入】|【Excel文档】。 知识6 表格的扩展视图 扩展视图是为了方便用户选择比较小的表格或单元格时使用的。“扩展表格”模式临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易。利用这种模式，用户可以选择表格中的项目或者精确地放置插入点。 在“布局”工具栏中单击“扩展”按钮，进入“扩展表格模式”。 任务1 制作照片集 任务2 制作网站首页 *