用Flash动画完善首页解读.ppt

第四课 星光闪烁 教学目标： 1，知识目标：（1）调整表格 （2）插入Flash动画，设置它的参数 2，能力目标：（1）学会怎样调整表格 （2）学会怎样插入动画，设置其参数 3，情感目标：（1）通过用Flash动画修饰网页，使其加更美观， 从而带动他们的学习兴趣。 （2）进行评比表扬优秀来提高同学们的学习积极性。 教学重难点： 重点：1．插入Flash动画 2．调整表格 难点：如何设置Flash动画的参数。 教学过程 一，新课导入 通过欣赏评价同学们上一节课制作的首页，让同学们看看自己的作品。请他们说一说做得如何好看不好看，是不是有些单调、死板，如果加点动画效果是不是更好看，给人一种更生动，鲜活的感觉。那我们这节就给我们的首页插入Flash动画看看效果会怎么样？从而导入新课。 二，学习新课 1，调整表格 打开Dreamweaver8 ，再打开自己做的首页。 1 选择对象（教师演示，学生操作练习） 表格、行、列、单元格属性的设置是已选择这些对象为前提的。 （1）选择整个表格：在表格内任意位置单击，然后在“标签检查器”中单击table标签；也可在单元格任意位置右击，在弹出的的快捷菜单中执行“表格”——“选择表格”命令即可。 （2）选择某一单元格：按住Ctrl键的同时单击需要选中的单元格；或者选中“标签选择器”中的td标签。 （3）选择某一行或某一列：将鼠标移动到行左侧或列上方，当鼠标指针变为向右或向下的箭头时单击即可。 标签检查器 单元格 表格 选择整个表格： 用快捷菜单选择： 选择某一行： 选择某一列： 2设置第一行属性（学生练习操作、老师指导） 为了插入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动画文件的使用为页面增色