中学Dreamweaver教案：表格布局与设计

中学Dreamweaver教案：表格布局与设计

2009年5月20日

中学Dreamweaver教案：表格布局与设计

教学课题:表格布局及设计

教学目标：

1、知识与技能：

（1）能够掌握Dreamweaver中表格的基本操作方法；

（2）能够独立完成简单表格实例的实际应用；

（3）初步掌握使用表格进行网页布局的方法；

（4）掌握表格对调特殊的设置方法；

（5）熟悉掌握使用网络硬盘保存网页的方法；

（5）概括、总结表格使用中要注意的事项。

2、过程与方法

（1）能够插入指定行、列数的表格，并对表格格式按要求进行修改；

（2）能够在表格中插入如指定对象，并对其做相应调整；

（3）能够修改网页基本属性。

3、情感态度与价值观

（1）通过本课简单表格对象的操作，增强学生学习网页制作的信心；

（2）通过独立完成作品，培养学生应用信息技术展现个性空间的理念；

（4）独立绘制出有规则、组织合理的表格网页，使同学产生学生知识的渴求，，制作简

单的表格对象，使同学们在枯燥繁重的学习生活中体验到一些学习的乐趣，增加学生们对知识的渴求，培养良好的学习情趣；

教学策略与方法：

1、问题激发策略：使用多媒体网络教室全屏演示系统全屏控制，提出操作环节中遇到的问题中，让同学们在自主实践环节，自己运用已有的知识去处理相关操作；

2、示范-模仿教学策略：使用多媒体网络教室全屏演示系统窗口控制，让学生与教师同步跟学操作，增加实际操作效果；

3、自主实践学习、同学间协作实践学习等策略，充分运用网络教室教师与学生电脑的互动特点，教学全屏演示、窗口演示、学生作品展示等过程，指导学生完成作品，并启发学生触类旁通，对网页中表格的基本操作有一定的发解。

教学课时：共需四课时（上机实践）

教学过程：

中学Dreamweaver教案：表格布局与设计

第5课 表格布局及设计

一、创设情景，引入新课

通过前几课的学习，同学们对DW有了初步的了解，可以自己制作出纯文字构成的简单网页，也可以做出规则表格构成的网页，网页的保存是非常重要的，同学已经发现，当我们引入使用网络硬盘保存的方式之后，就引发出一些问题，本节课，我们进一步学习网页表格的制作与设计，并实践在局域网中，网站的保存与网页的访问。

1、表格属性复习

①数值属性：行列数、宽高数值、填充间距边框数值；

②对齐方式：左对齐、居中对齐、右对齐；

③颜色：背景、边框(边框数据不为0时有效)；

④背景图像；

2、表格中插入图片对象：

①设定表格大小，以及宽度、高度值；

②菜单：插入→图像→index.gif

中学Dreamweaver教案：表格布局与设计

3、表格合并及拆分:

（二）、教学演示，学生跟做

4、教师活动：开始新课讲解，引出本课要完成一个5*9的表格

在回顾前表格基础知识之后，我们可以发现：表格控制其实不同于以往如Word中采用拖拽控制句柄的方法，而是采用输入精确数值的方法，精确定义表格的大小，

步骤1：修改页面属性：修改标题、背景颜色

步骤2：插入5*9的表格：

步骤2：设置表格各行高、各列宽数值

中学Dreamweaver教案：表格布局与设计

步骤

3：合并单元格：按照教材

33页要求，把第1、5、4行，第

1、9列部分或全部单格进行合并操作：

中学Dreamweaver教案：表格布局与设计

步骤4：向已合并的单元格中插入图片，四个边框中插入的图片上下左右，分别为：mail_01.gif、 mail_02.gif 、mail_03.gif 、mail_04.gif，第2行3、5、7列插入的图片分别为：pen_01.jpg、pen_02.jpg、pen_03.jpg，在第4行的已合并的第3格中图片分别为：frieng.jpg、link1、link2。

步骤5：输入文字：在第

3

行第3、5、7格输入文字，在输入文字时要特别注意一点，就是文本内容在换行时，直接回车和CTRL+回车是不一样的，前者将会产生很大的行距，

后者行距是正常的，我们要采用后者，那

CTRL+

回车的方式进行换行。

（三）、上机实践，

中学Dreamweaver教案：表格布局与设计

巩固成果

在与教师同步跟做的基础之上，继续完成作业，参照P33、P34页内容。

（四）、小结

在本课我们利用表格的基础知识，完成了一个5*9表格的创建、设置、添加对象等内容，同学们通过与教师同步跟做的方法，基本上掌握了其一般操作方法，可以独立的完成表格的相关设置。

表格设计、布局是DW中的一个重点和难点，我们要重视其在DW中的地位，一定要扎扎实实的学好基本操作方法，并在此基础之上，掌握DW对表格的一般控制方法，为今后进一步表格设计、布局打好基础。本课虽然内容有些繁锁，我们也用了几个课时去完成，但是本课基础知识，直接影响到后几课表格设计与布局，希望同学们通过自己不断的实践，逐步掌握和领会DW中表格的操作。

本文来源：https://www.bwwdw.com/article/9lii.html