[生物学]03表格和层.pptVIP

思考题： 1.层的常用属性有哪些？如何防止层重叠？ 2.嵌套层和父层有何关系？ 3.比较用表格、层、布局表格和布局单元格来规划网页页面布局的特点。 知识回顾： 1 网页文档的格式化 2 超级链接的应用 超级链接的分类与链接方法 层与表格的转换 框架和框架集的使用 交互式表单的处理 网页布局技术 表单处理程序 预备知识 网页制作基本操作的知识 本章学习目标： 表格的创建与编辑 层的创建、管理与使用 表格和层的转换 表格的创建与编辑 层的基本操作 第3章 表格和层 第一节 表格的创建和编辑的方法 1 创建表格的基本操作 2 表格的编辑 3 表格的“布局”模式 1 创建表格的基本操作 1）新建表格 使用菜单【插入】|【表格】命令 工具栏上的表格按钮 快捷键Ctrl+Alt+T 插入“表格”对话框，见下图 2）、表格的构成 3）设置表格的属性及行列属性 表格的属性 “填充”：设置单元格的内容和单元格边框之间空白处的宽度。 “间距”：设置各单元格之间的宽度。 “边框”：设置表格外框线的宽度。 单元格的属性：突出显示某一部分数据的重要性 “不换行”：设置文本是否自动换行 “标题”：是否将单元格设置为表格的标题 1） 表格行、列的增加和删除 调整表格属性面板中的“行”、“列”值，增删对象是表格的最底行和最右列。 通过菜单 【修改】|【表格】|【插入行】 【修改】|【表格】|【插入列】 【修改】|【表格】|【删除行】 【修改】|【表格】|【删除列】 见右图 2 表格的编辑 2）单元格的合并与拆分 合并单元格操作只能针对连续的单元格使用。 表格中每一行中的单元格列数可能不等，这时就可根据需要使用拆分命令把一个单元格变为几个单元格。 3）表格的样式化 菜单【命令】|【格式化表格】 4）表格的嵌套 指在一个表格的单元格中再插入一个表格，嵌套表格的宽度受所在单元格的宽度限制，其编辑方法与表格相同。 将表格插入到文档后即可向表格添加文本或图像等内容。向表格添加内容的方法很简单，只需将插入点定位到要输入内容的单元格中，再输入文本或插入图像即可。 5）编辑表格内容 6）从其他文档导入表格式数据 将在另一个应用程序（如Excel）中创建的数据导入到网页中并设置为表格的格式。首先使用应用程序的“导出”或“另存为”命令，把表格式数据保存为带分隔符号（如制表符、逗号、冒号、分号或其他分隔符）的数据。 3 表格的“布局”模式 两种视图模式：“标准”视图和“布局”视图 “布局”视图中的表格称为布局表格，单元格称为布局单元格，虽然名称有些变化，但它们的本质还是表格和单元格。在“布局”模式中插入表格的方法将变得更加灵活、更加直观，就象画图一样，你想在什么位置插入表格，就在该位置用鼠标直接拖动，画出表格即可。 利用表格构建页面实例 常用网站页面布局风格 1）“国”字型 常用网站页面设置风格 2）“厂”字型 常用网站页面设置风格 3）封面型 注意事项： 使用表格进行排版，表格嵌套的层数不宜太多，否则会影响用户的浏览速度。 浏览器在下载网页时，先下载整个表格，再下载表格里的内容，因此，在用表格布置页面时，不能将整个网页的内容都放在一个表格中，以免影响网页的下载速度。 第二节 层的创建、管理和应用 1 创建层及层的属性 2 用层面板管理层 3 层的应用 4 层与表格的相互转换 1 创建层及层的属性 层是网页中用来放置表格、文本、图像、动画、表单、插件等网页元素的载体。层也是一种为网页元素的定位工具，利用层能够精确对页面元素定位。 创建层的操作步骤 1）在文档中，将光标停留在要插入图层的位置。 2）选择菜单【插入】|【布局对象】|【层】命令，或者在工具面板中单击插入图层按钮，此时在文档窗口中鼠标会呈十字形，拖动鼠标，画出所需的图层大小，这样就插入了一个图层。 插入多个层 操作步骤 如果希望插入多个层，可以按下面步骤进行： 步骤一：单击插入层按钮，此时鼠标呈十字状。 步骤二：按住[CTRL]键不放，在文档窗口中画出一个层之后，可以再继续画新的图层。 设置层的属性? （1）层ID栏：用来设置层的名称。 （2）左、上两栏：设置当前层相对于页面或父层的左上角距离。 （3）Z索引值栏：设置层的编号，即堆叠顺序，Z值小的层在下面。 （4）显示栏：定义生成的层是可见还是不可见。 （5）背景图片栏：在文本框中指定层的背景图片。 （6）背景颜色栏：指定层的背景颜色值。 （7）剪辑栏：用来定义层中的可见域的大小。 （8）溢出栏：若层中的内容超出层的范围时，设置处理方式。 溢出处理方式： Visible