第四课 星光闪烁 教学目标：教学目标：1，知识目标：（，知识目标：（1）调整表格）调整表格 （2）插入）插入Flash动画，设置它的参数动画，设置它的参数2，能力目标：（，能力目标：（1）学会怎样调整表格）学会怎样调整表格 （2）学会怎样插入动画，设置其参数）学会怎样插入动画，设置其参数3，情感目标：（，情感目标：（1）通过用）通过用Flash动画修饰网页，使其加更美观，动画修饰网页，使其加更美观， 从而带动他们的学习兴趣。从而带动他们的学习兴趣。 （2）进行评比表扬优秀来提高同学们的学习积极性。）进行评比表扬优秀来提高同学们的学习积极性。 教学重难点： 重点：重点：1插入插入Flash动画动画 2调整表格调整表格 难点：如何设置难点：如何设置Flash动画的参数动画的参数。 教学过程 一，新课导入一，新课导入 通过欣赏评价同学们上一节课制作的首页，让同通过欣赏评价同学们上一节课制作的首页，让同学们看看自己的作品。请他们说一说做得如何好看学们看看自己的作品。请他们说一说做得如何好看不好看，是不是有些单调、死板，如果加点动画效不好看，是不是有些单调、死板，如果加点动画效果是不是更好看，给人一种更生动，鲜活的感觉。果是不是更好看，给人一种更生动，鲜活的感觉。那我们这节就给我们的首页插入那我们这节就给我们的首页插入Flash动画看看效动画看看效果会怎么样？从而导入新课。果会怎么样？从而导入新课。 二，学习新课二，学习新课 1，调整表格，调整表格 打开打开Dreamweaver8 ，再打开自己做的首页。，再打开自己做的首页。 选择对象（教师演示，学生操作练习）选择对象（教师演示，学生操作练习） 表格、行、列、单元格属性的设置是已选择这些对象表格、行、列、单元格属性的设置是已选择这些对象为前提的。为前提的。（1）选择整个表格：在表格内任意位置单击，然后在）选择整个表格：在表格内任意位置单击，然后在“标签检查器标签检查器”中单击中单击标签；也可在单元格任意位标签；也可在单元格任意位置右击，在弹出的的快捷菜单中执行置右击，在弹出的的快捷菜单中执行“表格表格”“选择选择表格表格”命令即可。命令即可。（2）选择某一单元格：按住）选择某一单元格：按住Ctrl键的同时单击需要选中键的同时单击需要选中的单元格；或者选中的单元格；或者选中“标签选择器标签选择器”中的中的标签。标签。（3）选择某一行或某一列：将鼠标移动到行左侧或列上）选择某一行或某一列：将鼠标移动到行左侧或列上方，当鼠标指针变为向右或向下的箭头时单击即可。方，当鼠标指针变为向右或向下的箭头时单击即可。标签检查器单元格表格选择整个表格：用快捷菜单选择：选择某一行：选择某一行：选择某一列：设置第一行属性（学生练习操设置第一行属性（学生练习操作、老师指导）作、老师指导） 为了插入为了插入Flash动画我们要对第一行的属性进行动画我们要对第一行的属性进行设置，与设置，与Flash动画的大小一致。首先选中第一行，动画的大小一致。首先选中第一行，然后在然后在“属性检查器属性检查器”设置它的高度为设置它的高度为420像素。我像素。我们们表格的宽度为表格的宽度为600像素，高度为像素，高度为450像素，因此第二像素，因此第二行的高度自动改为行的高度自动改为30像素。像素。 2.在首页插入在首页插入Flash动画动画（学生操作练习、老师指导） 我们已经做好插入动画之前的准备，下面我们就来插我们已经做好插入动画之前的准备，下面我们就来插入入Flash动画。插入动画。插入Flash动画的步骤如下：动画的步骤如下： 第一步：将光标放置在第一行中，进行第一步：将光标放置在第一行中，进行“插入插入”“媒体媒体”“Flash”命令，或按快捷键命令，或按快捷键Ctrl+Alt+F，在弹，在弹出的对话框中，选择出的对话框中，选择other文件夹文件夹index.swf文件单击文件单击“确确定定”就插入好了就插入好了Flash动画，但它不会在文档窗口中显示动画，但它不会在文档窗口中显示内容，而是以一个带有字母内容，而是以一个带有字母F的灰色框来表示。的灰色框来表示。 第二步：选择这个第二步：选择这个Flash文件，在文件，在“属性检查器属性检查器”中设中设置它的属性。勾选置它的属性。勾选“循环循环”和和“自动播放自动播放”复选框，是动复选框，是动画在页面加载时就开始连续播放。画在页面加载时就开始连续播放。 第三步：设置第三步：设置Flash动画的参数。插入动画的参数。插入Flash动画后，动画后，表格背景图片被遮住了，无法透过星光显示出来。为了使表格背景图片被遮住了，无法透过星光显示出来。为了使表格的背景图片在表格的背景图片在Flash动画的下层仍然能够衬托出来，我动画的下层仍然能够衬托出来，我们需要使们需要使Flash的背景变为透明。单击的背景变为透明。单击“属性检查器属性检查器”中的中的“参数参数”按钮，在弹出的按钮，在弹出的“参数参数”对话框中进行如下设置：对话框中进行如下设置：参数设置为：参数设置为：wmode ，值设置为：，值设置为：transparent，然后按，然后按“确定确定”即可。但是，编辑状态下只看到即可。但是，编辑状态下只看到Flash播放效果，播放效果，透明效果只有在浏览时才能观看到。透明效果只有在浏览时才能观看到。 3，同学们先保存，然后可以通过浏览器预览感受一下是，同学们先保存，然后可以通过浏览器预览感受一下是不是比以前的美观、生动多了，给人一种生机勃勃的感觉不是比以前的美观、生动多了，给人一种生机勃勃的感觉。三，小结三，小结 对学生的学习情况进行评价，补充不足，重复重点。使对学生的学习情况进行评价，补充不足，重复重点。使学生理解更进一步，更深刻。学生理解更进一步，更深刻。1，在调整表格之前，需要先选择表格对象，一般使用，在调整表格之前，需要先选择表格对象，一般使用“标标签选择器签选择器”进行选择，然后在进行选择，然后在“属性检查器属性检查器”中设置具体的中设置具体的属性。表格的宽度和高度可以用像素和百分比两种单位来控属性。表格的宽度和高度可以用像素和百分比两种单位来控制，默认的单位为像素。制，默认的单位为像素。2，Flash动画文件的使用为页面增色不少，他的播放效果动画文件的使用为页面增色不少，他的播放效果并非所见即所得，需要在并非所见即所得，需要在IE浏览器中进行浏览，才能看到实浏览器中进行浏览，才能看到实际效果。际效果。