首页 >
四章表格ppt课件
四章表格ppt课件
2022-09-08 30页 ppt 2MB 0阅读
is_598885
暂无简介
举报
四章表格ppt课件第四章表格韦妍网页设计与制作掌握导入和导出表格的方法教学任务理解表格的构成和作用掌握表格的基本操作和属性设置方法掌握排序表格的方法1234掌握使用表格进行网页布局的方法5教学重点与难点掌握表格的基本操作和属性设置方法2掌握使用表格进行网页布局的方法54.1插入表格表格是网页布局设计的常用工具，其在网页中的应用已经突破了传统的用来记载大量数据的功能，它可以使插入页面中的图像和文本等对象被限定在某一固定位置。相对于没有使用表格的页面，使用表格的页面显得更加整齐有序。合理使用布局表格，会使网页对象被组织得更加紧密，使整个页面看起来更...
第四章格韦妍网页与制作掌握导入和导出表格的方法教学任务理解表格的构成和作用掌握表格的基本操作和属性设置方法掌握排序表格的方法1234掌握使用表格进行网页布局的方法5教学重点与难点掌握表格的基本操作和属性设置方法2掌握使用表格进行网页布局的方法54.1插入表格表格是网页布局设计的常用工具，其在网页中的应用已经突破了传统的用来记载大量数据的功能，它可以使插入页面中的图像和文本等对象被限定在某一固定位置。相对于没有使用表格的页面，使用表格的页面显得更加整齐有序。合理使用布局表格，会使网页对象被组织得更加紧密，使整个页面看起来更加紧凑，如图4-1所示的页面就是使用表格将大量的网页元素对象定位在网页特定的位置上的效果。在设计网页时，可以直接绘制表格，也可以导入表格数据，并将其转化为表格。绘制表格的具体操作步骤如下：（1）在“文档”窗口的“设计”视图中，将插入点放在需要表格出现的位置。（2）在菜单栏中选择【插入】→【表格】命令，或在【插入】面板的【常用】模式中，单击【表格】按钮，弹出【表格】对话框，如图所示。4.1插入表格其中，各选项的含义如下：行数：确定表格行的数目。列数：确定表格列的数目。表格宽度：以像素为单位或按占浏览器窗口宽度的百分比指定表格的宽度。边框粗细：指定表格边框的宽度（以像素为单位）。单元格边距：确定单元格边框与单元格内容之间的像素数。4.1插入表格单元格间距：决定相邻的表格单元格之间的像素数。如果没有明确指定边框粗细或单元格间距和单元格边距的值，则大多数浏览器都按边框粗细和单元格边距设置为1、单元格间距设置为2来显示表格。若要确保浏览器显示表格时不显示边距或间距，请将“单元格边距”和“单元格间距”设置为0。无：对表格不启用列或行标题。左对齐：可以将表格的第一列作为标题列，以便可为表格中的每一行输入一个标题。顶对齐：可以将表格的第一行作为标题行，以便可为表格中的每一列输入一个标题。4.1插入表格两者兼有：使您能够在表格中输入列标题和行标题。标题：提供一个显示在表格外的表格标题。最好使用标题以方便使用屏幕阅读器的Web站点访问者。屏幕阅读器读取表格标题并且帮助屏幕阅读器用户跟踪表格信息。摘要：给出了表格的说明。屏幕阅读器可以读取摘要文本，但是该文本不会显示在用户的浏览器中。4.1插入表格（3）根据需要选择新建表格的大小、行列数值等，单击【确定】按钮,完成如图所示的表格，这里一切选择默认设置。4.1插入表格4.2设置表格属性在绘制表格或者导入表格数据后，根据需要可能要对表格属性项进行修改设置才能达到设计的要求。下面就来介绍一下表格属性的设置方法。4.2.1选择表格1、选择整个表格选择整个表格的方法有很多种，可以参照下列方法之一进行操作：（1）将鼠标指针移动到表格的上方，当鼠标指针的形状变为表格形状时，单击鼠标左键即可选中整个表格，如图所示。4.2设置表格属性*1、选择整个表格（2）将鼠标指针移动到表格的格线处，当鼠标指针的形状变为上下方向的箭头时，单击鼠标左键即可选中整个表格，如图所示。4.2设置表格属性4.2.1选择表格*1、选择整个表格（3）将光标置于表格中，单击窗口左下角的标记即可选中整个表格。（4）将光标置于表格中，在菜单栏中选择【修改】→【表格】→【选择表格】菜单命令，即可选中整个表格。（5）将光标置于表格之外，按住【shift】键，然后在表格中的任意处单击鼠标左键即可选择整个表格。4.2设置表格属性4.2.1选择表格2、选择单元格选择单个单元格，直接单击要选择的单元格即可。选择行（或列），可按如下几种操作方法进行：(1)将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针形状变为向右（或向下）的箭头时，单击鼠标左键，则可以选中该行（或该列）。将鼠标指针置于所要选择的行的左方（或列的上方），待鼠标指针形状变为向右（或向下）的箭头时，拖曳鼠标可以选中连续的多行（或多列）。4.2设置表格属性4.2.1选择表格2、选择单元格(2)将鼠标置于待选择的单元格中，然后按住鼠标左键不放并拖动鼠标，横向拖动可以选择一行，纵向拖动可以选择一列，如果向对角线方向拖动，行和列可以同时选择。(3)通过与【ctrl】键的结合使用，可以选择多个不连续单元格。按住【ctrl】键，然后单击需要选择的单元格，即可选中该单元格。如果想取消选择某单元格，只需在按住【ctrl】键的同时，再次单击该单元格即可。4.2设置表格属性4.2.1选择表格4.2.2设置行数和列数插入表格后，可以根据需要随时增、减行数或列数，方法如下：1、通过【属性】面板选中要修改的表格，在表格属性面板上的“行”（或“列”）文本框中直接输入所需的行数（或列数）。2、通过快捷菜单将光标置于表格中，单击鼠标右键，在弹出的快捷菜单中选择“表格”选项，按照需要选择“插入行”（或“插入列”）。3、通过菜单栏命令在菜单栏中选择【插入】|【表格对象】命令，在弹出的子菜单中选择相应的选项。或在菜单栏中选择【修改】|【表格】命令，在弹出的子菜单中选择插入行（或列）。4.2设置表格属性*4.2.3设置表格对齐方式表格同网页中的其他元素对象一样，有三种对齐方式，即左对齐、对齐和居中对齐，默认情况下是左对齐，为表格设置对齐方式的操作方法如下：（1）选中要设置对齐方式的表格。（2）在表格【属性】面板上的“对齐”下拉列表框中选择一种对齐方式。4.2设置表格属性*4.2.5设置表格边框表格中的一些效果是通过设置表格边框的属性来实现的，对于表格边框，可以设置它的粗细和颜色。1）边框的粗细在表格【属性】面板上的“边框”用来设置表格边框的粗细，默认情况下设置为1，即如果没有明确指定边框的值，则大多数浏览器按边框值为1的设置显示表格。通过改变该文本框中的数值，可以调整表格边框的粗细。如下图所示为分别将表格的边框设置为0、1和10的效果。4.2设置表格属性**2）边框的颜色表格的边框颜色默认情况下是灰色的，通过【CSS样式】面板HTML代码可以为表格的边框选择其他的颜色。为表格边框设置颜色的操作方法如下：（1）选中要改变边框颜色的表格。（2）切换到“代码”视图或“拆分”视图，在对应的表格代码的“
浙公网安备 33021202002483