资源简介

用flash动画完善首页教学设计
课时安排：1课时
教学目标：
学会在Dreamweaver中对表格进行细致调整与修改；
掌握在首页中插入flash动画的方法；
学会在网页中编辑文本；
体验用网页中的表格布局、设计网页。
教学重难点：
网页中插入flash动画及编辑文字
CSS样式的修改与设置。
教学准备：
教案、课件、示例（素材）
四：教法及学法：
讲解+演示、练习+探究、任务驱动法
五：教学过程：
（1）、创设情境、引入新课：
在授新课之前，先给学生展示用flash动画装饰的网页首页效果，在展示中引导学生回顾上节课中用表格制作首页的方法，分析展示的示例中flash动画的引入，从而引出本课内容——用flash动画完善首页，进入本课的学习。
（2）、新课学习、讲解、演示+练习
①给学生分发素材，自己先初步制作表格，并添加图片，进行简单的布局，自己根据所插入的对象适当调整表格的宽、高。（此过程给学生5分钟左右时间进行制作）
②讲解、演示插入flash动画的方法：
将光标放置在表格中需要插入flash动画的地方，执行：“插入”
⑤设置文本属性：
利用“CSS”样式创建，给学生演示大致方法后，学生们自行练习。
（3）、任务练习、熟悉掌握方法：
要求：给学生分发素材，自己设置网页首页的标题及内容安排。
课件5张PPT。第4课 用flash动画完善首页插入flash动画的方法：将光标放置于与需要插入
动画的地方，执行“插入”“SWF”命令，选择对象内容插入即可，思考：为什么插入的动画是灰色的标记，而没有显示呢？表格的背景图片
为什么被遮挡了？怎样让其显示？讲解、演示：
是属性的设置问题。
在“属性检查器”中，勾选“循环”与“自动播放”复选框。
将“Wmode” 选项设置为“透明”，即可解决问题。插入文本的方法：将光标放置于与需要插入文本的地方，直接插入文本即可。
对于特殊字符的添加：执行下述方法将光标放置于与需要插入
动画的地方，执行“插入”“HTML ”命令，选择“特殊字符”，找到相应的字符插入即可，文本属性的设置：在“属性检查器”中，点击CSS样式，
进行相应属性的设置即可。

展开更多......

收起↑