项目7 应用表格课件

项目七表格应用[知识与能力目标]掌握在网页中插入表格掌握表格中参数的设置掌握表格的基本操作方法掌握布局页面表格的方法掌握绘制嵌套表格的方法掌握在表格中插入文字和图片并定位的方法[教学难点]布局页面表格的方法;在表格中插入文字和图片并定位的方法;[教学重点]表格中参数的设置;表格的基本操作方法;布局页面表格的方法;在表格中插入文字和图片并定位的方法;项目七表格应用认识表格表格的组成元素表格的组成元素主要包括行、列、单元格。单元格：表格中的每一个小格称为一个单元格。行：水平方向的一排单元格称为一行。列：垂直方向的一排单元格称为一列。边框：整张表格的外边缘称为边框。间距：指单元格与单元格之间的距离。如图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在布局视图模式下，用户可以通过绘制布局表格和布局单元格，从而实现网页的布局，并可在布局单元格中插入文本和图像。操作步骤如下：打开“布局视图”面板绘制布局表格在布局表格中绘制布局单元格根据实际需要对布局单元格进行相应的操作（具体操作与表格的操作相似）。布局页面表格打开“布局视图”面板步骤如下：在Dreamweaver8工具栏中选择常用-布局。点击布局进入“布局视图”面版。如图7-12所示。布局页面表格图7-12绘制布局表格操作步骤如下：单击【插入】-【布局对象】－【布局表格】。鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可绘制相应的布局表格。如图7-13所示。布局页面表格图7-13绘制布局单元格操作步骤如下：将光标定位在布局表格中。单击【插入】-【布局对象】－【布局单元格】。鼠标指针出现“十字”时，按下鼠标左键拖动鼠标即可在布局表格中绘制相应的布局单元格。如图7-14所示。布局页面表格图7-14布局单元格的基本操作步骤如下：与表格的基本操作相似。布局页面表格布局单元格的基本操作嵌套表格是指在一个表格的单元格中插入一个新的表格。步骤：将光标置于要插入嵌套表格的单元格中。单击主窗口菜单【插入】→【表格】即可。嵌套表格的属性设置与普通表格完全一致。如图7-15所示。绘制嵌套表格图7-15在单元格中录入文本操作步骤如下：将光标置于要输入文本的单元格中。输入文本即可（或采用复制/粘贴”的方法将文本粘贴到表格单元格中）。如图7-16所示。在表格中插入文字和图片图7-16在单元格中插入图象设置背景图像步骤：选中单元格，然后在“属性”面板为其设置背景图像即可。如图7-17所示。在表格中插入文字和图片图7-17在单元格中插入图象插入图像将光标置于要插入图像的单元格中。在表格的单元格中插入所需的图像即可。如图7-18所示。在表格中插入文字和图片图7-18说明：插入其他元素的方法与之类似。问题1：如何制作细线表格？问题2：如何制作圆角表格？讨论表格是常用的网页元素，制作网页时经常要借助表格进行排版，在网页布局方面，表格可谓起着举足轻重的作用。本章主要掌握如何在网页中插入表格，掌握如何设置表格中参数、掌握如何用表格来控制页面，了解如何绘制嵌套表格的方法以及掌握在表格中如何插入文字和图片并定位的方法。本章小结