Dreamweaver ,CS3网页设计案例教程 教学课件 作者 王春红 王瑾瑜主编模块五 使用表格.ppt

3、R>789任务一认识表格Dreamweaver执行【查看】→【表格模式】下拉菜单打开三种查看和操作表格的模式：“标准”模式、“布局”模式和“扩展表格”模式。“标准”模式下，表格显示为行和列的网格；“布局”模式允许您在将表格用作基础结构的同时在页面上绘制方框、调整方框的大小以及移动方框；“扩展表格”模式临时向文档中的所有表格添加单元格边距和间距，并且增加表格的边框以使编辑操作更加容易,利用这种模式，您可以选择表格中的项目或者精确

4、地放置插入点。子任务2认识表格的视图模式任务二使用编辑表格执行【插入记录】→【表格】命令快捷键++单击工具栏【布局】或【常用】面板上的【表格】按钮，如图5-3所示。插入表格按钮子任务1插入表格任务二使用编辑表格选择整个表格选择表格元素（行、列、单元格）设置表格“属性”行、列的添加和删除合并和拆分单元格子任务2选择编辑表格任务二使用编辑表格设置表格“属性”表格ID：在其右边的下拉列表中，设置表格ID，一般不可输入行：在文本框中，设置表格的行数列：在文本框中，设置表格的列数宽：在文

5、本框中，设置表格的宽度，有“%”和“像素”两种单位可以选择填充：在文本框中，设置单元格内部和对象的距离间距：在文本框中，设置单元格之间的距离对齐：在其右边的下拉列表中设置表格的4种对齐方式边框：在文本框中输入相应数值，设置表格的边框宽度背景颜色：在其右边的拾色器中可以选择表格背景颜色边框颜色：在其右边的拾色器中可以选择表格边框颜色背景图像：在其右边的“浏览文件”按钮中可以选择背景图像子任务2选择编辑表格任务二使用编辑表格选择整个表格把光标悬放到表格的上边框外缘或者下边框外缘（光标呈现表格光标），如图5-9

6、所示；或者把光标悬放在表格的右边框上或者下边框上再或者单元格内边框的任何地方（光标标呈现平行线光标），如图5-10所示。单击鼠标左键即可选中此表格。子任务2选择编辑表格任务二使用编辑表格行、列的添加和删除在需要添加行或列的位置单击鼠标左键，可以选择菜单【修改】→【表格】→【插入行】或者【插入列】，即可在此单元格上面添加一行或者左面添加一列。选择菜单【修改】→【表格】→【插入行或列】在出现的对话框框中输入要添加的行数或列数。各属性参数含义如下：插入行：选择此项将插入行插入列：选择此项将插入列行数（列数）：在

7、文本框中，设置插入行或列的数值位置：所选之上（所选之前）：在当前所选位置上面（前面）进行插入操作所选之下（所选之后）：在当前所选位置下面（后面）进行插入操作子任务1选择编辑表格任务二使用编辑表格选择表格元素（行、列、单元格）将光标定位于行的左边缘或列的最上端，当光标变成黑色箭头时单击即可。如图5-11所示。图5-11通过箭头选择行或列在单元格内单击，按住鼠标左键，然后按照如图5-12所示箭头方向，平行拖动或者向下拖动可以选择多行或者多列。图5-12通过拖动鼠标选择行或列按住CTRL键，鼠标左键分别单击欲选

8、择的多行或者多列，这种方法可以比较灵活的选择多行或者多列。子任务2选择编辑表格任务二使用编辑表格合并和拆分单元格合并单元格的操作是拆分单元格的逆过程，具体方法可以有以下4种。操作如下：选择需要合并的连续的各单元格:使用快捷键++组合键点击鼠标右键，在弹出的菜单中选择【表格】→【合并单元格】选项执行菜单中【修改】→【表格】→【合并单元格】命令。单击单元格【属性】面板上的按钮，如图5-16所示。子任务2