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

《中学Dreamweaver教案：表格布局与设计.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、教学课题:表格布局及设计教学目标：1、知识与技能：（1）能够掌握Dreamweaver中表格的基本操作方法；（2）能够独立完成简单表格实例的实际应用；（3）初步掌握使用表格进行网页布局的方法；（4）掌握表格对调特殊的设置方法；（5）熟悉掌握使用网络硬盘保存网页的方法；（5）概括、总结表格使用中要注意的事项。2、过程与方法（1）能够插入指定行、列数的表格，并对表格格式按要求进行修改；（2）能够在表格中插入如指定对象，并对其做相应调整；（3）能够修改网页基本属性。3、情感态度与价值观（1）通过本课简单表格对象的操作，增强学生

2、学习网页制作的信心；（2）通过独立完成作品，培养学生应用信息技术展现个性空间的理念；（4）独立绘制出有规则、组织合理的表格网页，使同学产生学生知识的渴求，，制作简单的表格对象，使同学们在枯燥繁重的学习生活中体验到一些学习的乐趣，增加学生们对知识的渴求，培养良好的学习情趣；教学策略与方法：1、问题激发策略：使用多媒体网络教室全屏演示系统全屏控制，提出操作环节中遇到的问题中，让同学们在自主实践环节，自己运用已有的知识去处理相关操作；2、示范-模仿教学策略：使用多媒体网络教室全屏演示系统窗口控制，让学生与教师同步跟学操作，增加

3、实际操作效果；3、自主实践学习、同学间协作实践学习等策略，充分运用网络教室教师与学生电脑的互动特点，教学全屏演示、窗口演示、学生作品展示等过程，指导学生完成作品，并启发学生触类旁通，对网页中表格的基本操作有一定的发解。教学课时：共需四课时（上机实践）教学过程：第5课表格布局及设计一、创设情景，引入新课通过前几课的学习，同学们对DW有了初步的了解，可以自己制作出纯文字构成的简单网页，也可以做出规则表格构成的网页，网页的保存是非常重要的，同学已经发现，当我们引入使用网络硬盘保存的方式之后，就引发出一些问题，本节课，我们进一步

4、学习网页表格的制作与设计，并实践在局域网中，网站的保存与网页的访问。1、表格属性复习①数值属性：行列数、宽高数值、填充间距边框数值；②对齐方式：左对齐、居中对齐、右对齐；③颜色：背景、边框(边框数据不为0时有效)；④背景图像；2、表格中插入图片对象：①设定表格大小，以及宽度、高度值；②菜单：插入→图像→index.gif3、表格合并及拆分:（二）、教学演示，学生跟做4、教师活动：开始新课讲解，引出本课要完成一个5*9的表格在回顾前表格基础知识之后，我们可以发现：表格控制其实不同于以往如Word中采用拖拽控制句柄的方法，而

5、是采用输入精确数值的方法，精确定义表格的大小，步骤1：修改页面属性：修改标题、背景颜色步骤2：插入5*9的表格：步骤2：设置表格各行高、各列宽数值在DW中一般表格的行高、列宽都使用精确的数值定义，切忌如同WORD中使用鼠标去拖拽；而行列的高度和宽度值，是由将要插入到表格中的对象约定的，如图片、动画等的大小尺寸。步骤3：合并单元格：按照教材33页要求，把第1、5、4行，第1、9列部分或全部单格进行合并操作：步骤4：向已合并的单元格中插入图片，四个边框中插入的图片上下左右，分别为：mail_01.gif、mail_02.gi

6、f、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+回车的方式进行换行。（三）、上机实践，巩固成果在与教师同步跟做的基础之上，继续完成

7、作业，参照P33、P34页内容。（四）、小结在本课我们利用表格的基础知识，完成了一个5*9表格的创建、设置、添加对象等内容，同学们通过与教师同步跟做的方法，基本上掌握了其一般操作方法，可以独立的完成表格的相关设置。表格设计、布局是DW中的一个重点和难点，我们要重视其在DW中的地位，一定要扎扎实实的学好基本操作方法，并在此基础之上，掌握DW对表格的一般控制方法，为今后进一步表格设计、布局打好基础。本课虽然内容有些繁锁，我们也用了几个课时去完成，但是本课基础知识，直接影响到后几课表格设计与布局，希望同学们通过自己不断的实践，

8、逐步掌握和领会DW中表格的操作。