第4章表格的使用.ppt

《第4章表格的使用.ppt》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第四章使用表格布局网页（参看教材第三章）课题引入展示一网页，内容丰富，但结构整齐，没有错位现象,而且有不同的背景颜色。引导学生思考：是怎么做到的呢？（用表格制作）。用表格控制文字、图片、动化等对象的位置，使网页的布局紧凑又整齐美观。常用的页面设计布局类型有：表格、布局表格和层三种，本章着重讲解如何使用表格布局页面。本章内容1表格和单元格的基本编辑操作2表格属性、单元格属性的设置3导入和导出表格数据教学目标：1、了解表格在网页布局中的作用。2、掌握表格的插入方法和基本编辑方法。3、掌握表格属性、单元格属性的设置。情感目标：通过对表格布

2、局网页的学习，提高学生对学习网页制作的兴趣，增强学生的审美观。教学重点、难点：表格结构的设计。表格属性、单元格属性的灵活运用。教学方法：任务驱动、引导教学。4.1表格的作用表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上（比如制作课程表、名次表、价格表等），使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性。表格是网页中最常用的排版方式之一。表格之所以重要是因为表格可以实现网页的精确排版和定位。4.2表格的组成部分和标

3、记4.2.1.表格的组成部分表格的各部分的名称介绍一张表格横向叫行，纵向叫列。行列交叉部分就叫做单元格。单元格中的内容和边框之间的距离叫边距。单元格和单元格之间的距离叫间距。整张表格的边缘叫做边框。详见看下图4.2.2.表格的标记1.表格的3个基本标记

6、单击“常用”快捷栏中的表格按钮弹出的“表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。也可在代码视图使用表格标记来创建表格。（演示插入基本表格，调整表格结构。）插入表格对话框中各选项的含义“行数”文本框用来设置表格的行数。“列数”文本框用来设置表格的列数。“表格宽度”文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列表框用来设置宽度的单位，有两个选项——百分比和（绝对）像素。当宽度的单位选择百分比时，表格的宽度会随浏览器窗口的大小而改变。比如：设置宽度为窗口宽度的60％，那么当浏览器窗口大小变化的时候表格的宽度也随之

7、变化；而如果设置宽度为400像素，那么无论浏览器窗口大小为多少，表格的宽度都不会变化。2设置表格属性使用“扩展表格”模式可以设置表格的具体属性。“扩展表格”模式是用于临时添加表格的单元格边距和间距并增加表格边框以简化编辑的一种功能。在该模式下能够精确地放置插入点，而不会意外选择错误的表格或其它表格内容。选择“查看”>“表格模式”>“扩展表格模式”注意：在“扩展表格”模式下完成对表格属性的设置后，要返回到“标准”模式。“扩展表格”模式不属于所见即所得环境，因为扩展模式下某些操作(如调整大小)不会得到预期的结果。在扩展模式下选中一个表格后

8、，可以通过属性面板更改表格属性，也可以使用表格菜单命令来设置。设置中各选项的含义是：“填充”文本框用来设置单元格边距。“间距”文本框用来设置单元格间距。“标题”定义表格的标题。“对齐标题”定义表格标题的对齐方式。“摘要”