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