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

1、名师精编 优秀教案教学课题 :表格布局及设计 教学目标 ：1、学问与技能：（1）能够把握 Dreamweaver 中表格的基本操作方法；（2）能够独立完成简洁表格实例的实际应用；（3）初步把握使用表格进行网页布局的方法；（4）把握表格对调特殊的设置方法；（5）熟识把握使用网络硬盘储存网页的方法；（5）概括、总结表格使用中要留意的事项；2、过程与方法（1）能够插入指定行、列数的表格,并对表格格式按要求进行修改；（2）能够在表格中插入如指定对象,并对其做相应调整；（3）能够修改网页基本属性；3、情感态度与价值观（1）通过本课简洁表格对象的操作,增强同学学习网页制作的信心；（2）通过独立完成作品,培

2、育同学应用信息技术呈现个性空间的理念；（4）独立绘制出有规章、组织合理的表格网页,使同学产生同学学问的渴求,制作简 单的表格对象, 使同学们在枯燥繁重的学习生活中体验到一些学习的乐趣,增加学 生们对学问的渴求,培育良好的学习乐趣；教学策略与方法：1、问题激发策略： 使用多媒体网络教室全屏演示系统全屏掌握,提出操作环节中遇到的问题中,让同学们在自主实践环节,自己运用已有的学问去处理相关操作；2、示范 - 仿照教学策略：使用多媒体网络教室全屏演示系统窗口掌握,让同学与老师同步跟学操作,增加实际操作成效；3、自主实践学习、 同学间协作实践学习等策略,充分运用网络教室老师与同学电脑的互动特点,教学全屏

3、演示、窗口演示、同学作品呈现等过程,指导同学完成作品,并启示同学 触类旁通,对网页中表格的基本操作有肯定的发解；教学课时： 共需四课时（上机实践）教学过程：名师精编 优秀教案第 5 课 表格布局及设计一、 创设情形,引入新课通过前几课的学习,同学们对DW 有了初步的明白,可以自己制作出纯文字构成的简单网页,也可以做出规章表格构成的网页,网页的储存是特别重要的,同学已经发觉, 当我们引入使用网络硬盘储存的方式之后,就引发出一些问题,本节课, 我们进一步学习网页表格的制作与设计,并实践在局域网中,网站的储存与网页的拜访；1、表格属性复习数值属性：行列数、宽高数值、填充间距边框数值；对齐方式：左对齐

4、、居中对齐、右对齐；颜色：背景、边框边框数据不为0 时有效 ；背景图像；2、表格中插入图片对象：设定表格大小,以及宽度、高度值；菜单：插入图像index.gif 3、表格合并及拆分: 名师精编优秀教案（二）、教学演示,同学跟做4、老师活动：开头新课讲解,引出本课要完成一个 5*9 的表格在回忆前表格基础学问之后,我们可以发觉：表格掌握其实不同于以往如Word中采纳拖拽掌握句柄的方法,而是采纳输入精确数值的方法,精确定义表格的大小,步骤 1：修改页面属性：修改标题、背景颜色步骤 2：插入 5*9 的表格：步骤 2：设置表格各行高、各列宽数值在 DW中一般表格的行名师精编优秀教案高、列宽都使用精确

5、的数 值定义,切忌犹如 WORD 中使用鼠标去拖拽；而行 列的高度和宽度值,是由 将要插入到表格中的对象 商定的,如图片、动画等 的大小尺寸；步骤 3：合并单元格：根据教材33 页要求,把第1、5、4 行,第 1、9 列部分或全部单格进行合并操作：名师精编 优秀教案步骤 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 行的已合并的第 link1 、l

6、ink2 ；3 格中图片分别为： frieng.jpg 、步骤 5：输入文字：在第 3 行第 3、5、7 格输入文字,在输入文字时要特殊留意一点,就是文本内容在换行时,直接回车和 后者行距是正常的,我们要采纳后者,那CTRL+ 回车是不一样的,前者将会产生很大的行距,CTRL+ 回车的方式进行换行；（三）、上机实践,名师精编 优秀教案巩固成果在与老师同步跟做的基础之上,连续完成作业,参照 P33、P34 页内容；（四）、小结在本课我们利用表格的基础学问,完成了一个 加对象等内容, 同学们通过与老师同步跟做的方法,法,可以独立的完成表格的相关设置；5*9 表格的创建、设置、添 基本上把握了其一般操作方表格设计、布局是 DW 中的一个重点和难点,我们要重视其在 DW 中的地 位,肯定要扎扎实实的学好基本操作方法,并在此基础之上,把握 DW 对表格 的一般掌握方法, 为今后进