表格是网页设计制作不可缺少的元素，它以简洁明了和高效快捷的方式将图片、文本、数据和表单的元素有序的显示在页面上，让我们可以设计出漂亮的页面，使用表格排版的页面在不同平台、不同分辨率的浏览器里都能保持其原有的布局，而在不同的浏览器平台有较好的兼容性，所以表格是网页中最常用的排版方式之一。
二、教师示范
1、插入表格
要选中连续的单元格，按住鼠标左键从一个单元格的左上方开始向要连续选择单元格的方向拖动。要选中不连续的几个单元格，可以按住Ctrl键，单击要选择的所有单元格即可。
要选择某一行或某一列，将光标移动到行左侧或列上方，鼠标指针变为向右或向下的箭头图标时，单击即可。
3、设置表格属性
选中一个表格后，可以通过属性面板更改表格属性。
6、拆分与合并单元格
拆分单元格时，将光标放在待拆分的单元格内，单击属性面板上的“拆分”按钮，在弹出对话框中，按需要设置即可。
合并单元格时，选中要合并的单元格，单击属性面板中的“合并”按钮即可。
三、学生实训
学生根据教师演示练习表格插入的两种方法，编辑自己插入的表格如：用多种方法选择表格、行列和单元格，设置表格和单元格的属性。
四、教师指导和方法
教师演示讲解完成后，给学生布置本节练习内容，学生在练习过程中教师要巡视了解学生练习掌握情况，发现问题及时解决，并对练习较好的同学适时提出表扬，督促学习组长查看小组成员练习进程，通过以快带慢的方法完成本节学习目标。
五、考核及评价方法
熟练地插入表格并编辑，设置表格和单元格的属性。
教师提问，学生回答，导入新课
图1
“填充”文本框用来设置单元格边距，“间距”文本框用来设置单元格间距。
“对齐”下拉列表框用来设置表格的对齐方式，默认的对齐方式一般为左对齐。
“边框”文本框用来设置表格边框的宽度。
“背景颜色”文本框用来设置表格的背景颜色。
“边框颜色”用来设置表格边框的颜色。
在“背景图像”文本框填入表格背景图像的路径，可以给表格添加背景图像。也可以如下图所示给文本框加上链接路径。还可以单击文本框后的“浏览”按钮，查找图像文件。在“选择图像源”对话框中定位并选择要设置为背景的图片，单击“确认”按钮即可。
对于表格、行、列、单元格属性的设置是以选择这些对象为前提的。
选择整个表格的方法是把鼠标放在表格边框的任意处，当出现 这样的标志时单击即可选中整个表格，或在表格内任意处单击，然后在状态栏选中<table>标签即可；或在单元格任意处单击，点鼠标右键在弹出菜单菜单中选择“表格——选择表格”
要选中某一单元格，按住Ctrl键，鼠标在需要选中的单元格单击即可；或者，选中状态栏中的<td>标签。
在文档窗口中，将光标放在需要创建表格的位置，单击“常用”快捷栏中的表格按钮弹出的“表格”对话框，指定表格的属性后，在文档窗口中插入设置的表格。
“行数”文本框用来设置表格的行数。
“列数”文本框用来设置表格的列数。
“表格宽度”文本框用来设置表格的宽度，可以填入数值，紧随其后的下拉列表框用来设置宽度的单位，有两个选项——百分比和像素。当宽度的单位选择百分比时，表格的宽度会随浏览器窗口的大小而改变。
如果选择了“插入行”命令，在选择行的上方就插入了一个空白行，如果选择了“插列”命令，就在选择列的左侧插入了一列空白列。
如果选择了“插入行或列”命令，会弹出“插入行或列”对话框，可以设置插入行还是列、插入的数量，以及使在当前选择的单元格的上方或下方、左侧或是右侧插入行或列。
要删除行或列，选择要删除的行或列，单击鼠标右键，在弹出菜单中选择“删除行”或“删除列”命令即可。
“单元格边距”文本框用来设置单元格的内部空白的大小。
“单元格间距”文本框用来设置单元格与单元格之间的距离。
“边框粗细”用来设置表格的边框的宽度。
“页眉”定义页眉样式，可以在四种样式中选择一种。
“标题”定义表格的标题。
“对其标题”定义表格标题的对齐方式。
“摘要”可以在这里对表格进行注释。
2、选择单元格对象
列的选择、插入、删除方法
利用合并和拆分按钮及菜单命令实现单元格的合并与拆分
学生练习制作教材中的商务网页，巩固本节所学知识
学生演示，教师补充
教学
反思
“标题”复选框使选择的单元格成为标题单元格，单元格内的文字自动以标题格式显示出来。
“背景”文本框用来设置表格的背景图像。
“背景颜色”文本框用来设置表格的背景颜色。
“边框”文本框用来色设置表格边框的颜色。
5、表格的行和列
选中要插入行或列的单元格，单击鼠标右键，在弹出菜单中选择“插入行”或“插入列”或“插入行或列”命令。
4、单元格属性
把光标移动到某个单元格内，可以利用单元格属性面板对这个单元格的属性进行设置。
图2
“水平”文本框用来设置单元格内元素的水平排版方式，是居左、居右或是居中。
“垂直”文本框用来设置单元格内的垂直排版方式，是顶端对齐、底端对齐或是居中对齐。
“高”、“宽”文本框用来设置单元格的宽度和高度。
“不换行”复选框可以防止单元格中较长的文本自动换行。
学生看教材，回答
插入表格的两种方法，教师
演示
学生观察表格对话框，了解
表格的想关属性
体会表格宽度的两种单位：
百分比和像素的区别
看左图了解单元格边距和单元格间距的区别
了解表格、行和单元格对应的标签
教师演示对表格的基本操作如行列的选择删除等
会利用属性面板设置表格属性
观察图1表格属性和图2单元格属性的异同
教师演示用多种方法实现表格、行和
专业技术部计算机专业课讲义
科目
Dreamweaver8.0网页制作基础
课题
表格的创建和编辑
课型
新授
授课时数
3
主备人
参备人
备课
时间
教学目标
掌握创建和编辑表格的方法
教学重点
设置表格属性
教学难点
设置单元格属性
教学方法
启发引导演示
教具
多媒体网络教室
教学过程
教学内容
教学设计
一、导入
展示做好的表格网页文件，学生回答网页中的元素有哪些？让学生体会表格在网页文件中的作用。