项目应用表格课件.pptVIP

第一页，共二十四页。 项目七 表格应用 [知识与能力目标] 掌握在网页中插入表格 掌握表格中参数的设置 掌握表格的基本操作方法 掌握布局页面表格的方法 掌握绘制嵌套表格的方法 掌握在表格中插入文字和图片并定位的方法 第二页，共二十四页。 [教学难点] 布局页面表格的方法; 在表格中插入文字和图片并定位的方法; [教学重点] 表格中参数的设置; 表格的基本操作方法; 布局页面表格的方法; 在表格中插入文字和图片并定位的方法 ; 项目七 表格应用 第三页，共二十四页。 认识表格 表格的组成元素 表格的组成元素主要包括行、列、单元格。 单元格：表格中的每一个小格称为一个单元格。 行：水平方向的一排单元格称为一行。 列：垂直方向的一排单元格称为一列。 边框：整张表格的外边缘称为边框。 间距：指单元格与单元格之间的距离。 如图7-1所示 图7-1 第四页，共二十四页。 操作步骤如下： 将光标定位在要插入表格的位置。 单击菜单栏中的“插入”-“表格” 命令。　　 打开表格对话框，并进行相应的设置。如图7-2所示 单击“确定”按钮即可插入表格，如图7-3所示。 表格插入 在网页中插入表格 图7-3 图7-2 第五页，共二十四页。 表格中参数的设置 图7-4 如何设置表格参数 操作步骤如下： 选中表格 打开表格属性对话框如图7-4所示 在对话框中设置相应的属性值即可，如图7-5所示 图7-5 第六页，共二十四页。 选择整个表格 步骤： 单击表格的边线。 选择行或列 步骤： 将指针指向待选择行（列）的最左（上）端，当出现黑色的向右（下）箭头时，单击鼠标即可选中该行（列）。 将鼠标定位在某行（列）的起始单元格，拖动鼠标，则选择连续的多行或多列。 按下Ctrl的同时用单击鼠标选择所需的行（列），则可选择不连续的多行或多列。 选择单元格 步骤： 将光标定位在要选定的单元格内单击。 表格的基本操作 选择表格 第七页，共二十四页。 操作步骤如下： 选择多个单元格。 选择【修改】-【表格】－【合并单元格】命令。 如图7-6所示 表格的基本操作 合并单元格 图7-6 第八页，共二十四页。 操作步骤如下： 选择要拆分的单元格。 选择【修改】-【表格】－【拆分单元格】命令，打开拆分单元格对话框，如图7-7所示。 在对话框中选择拆分的类别和数量，如图7-8所示。 表格的基本操作 拆分单元格 图7-7 图7-8 第九页，共二十四页。 表格的基本操作 插入单行（单列列） 步骤： 选中要插入行（列）的位置，在待插入行（列）的下一行（右边列）单击定位。 选择【修改】-【表格】－【插入行】（【插入列】）命令，即可在当前行（列）的上一行（前一列）（插入一行）。如图7-9所示 添加行（列） 图7-9 第十页，共二十四页。 表格的基本操作 插入多行（多列列） 步骤： 在需要插入的位置单击定位。 选择【修改】-【表格】－【插入行和列】命令，弹出插入行或列对话框，如图7-10所示。 在该对话框中选择要插入的类型【行】或【列】，并输入要插入的行或列数。 选择要插入的位置。 单击【确定】按钮，即可插入多行或列。 添加行（列） 图7-10 第十一页，共二十四页。 操作步骤如下： 将光标定位在要删除的目标位置。 选择【修改】-【表格】－【删除行】（【删除列】）命令，即可删除行或列。 选中整个表格，按【Delete】键，即可删除整个表格。如图7-11所示 删除行、列、表格 表格的基本操作 图7-11 第十二页，共二十四页。 在布局视图模式下，用户可以通过绘制布局表格和布局单元格，从而实现网页的布局，并可在布局单元格中插入文本和图像。 操作步骤如下： 打开“布局视图”面板 绘制布局表格 在布局表格中绘制布局单元格 根据实际需要对布局单元格进行相应的操作（具体操作与表格的操作相似）。 布局页面表格 第十三页，共二十四页。 打开“布局视图”面板 步骤如下： 在Dreamweaver 8 工具栏中选择常用-布局。 点击布局进入“布局视图”面版。如图7-12所示。 布局页面表格 图7-12 第十四页，共二十四页。 绘制布局表格 操作步骤如下： 单击【插入】-【布局对象】－【布局表格】。 鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可绘制相应的布局表格。如图7-13所示。 布局页面表格 图7-13 第十五页，共二十四页。 绘制布局单元格 操作步骤如下