《44网页的美化与特效制作》教学设计.doc

《4.4网页的美化与特效制作》教学设计 昌乐中学 刘凤 一、教材分析 网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重要的手段，是网站建设中一个非常重要的环节。所以本节是网页制作中最重要、最精彩的部分，也是学习网页制作的重点内容。正是由于有了各种美化网页的方法，网页才会显得吸引学生的学习。因此，要通过本节的学习，充分激发学生的学习兴趣。 二、学生学习情况分析 同学们爱问好动、求知欲强、想象力丰富，对实际才做活动有着浓厚的兴趣，对直观实物感知较强，正处于形象思维向抽象思维逐步过渡的阶段。因此，在学习过程中，应鼓励学生自己观察，亲自动手操作，进行学生讨论和交流，师生共同归纳总结，体验学习。 在本节课之前，学生已经学习过如何制作一个简单的网页，并且已对网页进行简单的修饰，这位学生进一步对美化网页做好了充分准备。 基于以上学生情况的分析，本节大胆采用以学生为主体，教师为引导的教学思路进行设计。 三、教学策略 以任务驱动的方式引导学生，注重以学生为主体，让学生主动探索，主动操作来构件知识体系，把理论运用到实践，倡导学生互帮互助小组合作。教学过程中，教师应引导学生参考借鉴优秀网站在动态效果、布局上的做法，自主地学习有关动态网页制作方面的知识，并应用到自己的网站设计中。 四、学习目标 （一）知识与技能： 1、学会在网页中制作动态特效包括滚动字幕和图片动态效果。 2、掌握在网页中插入动画和视频的方法。 （二）过程与方法： 1、通过欣赏示范网页，了解网页中加入会“动”的元素，以美化网页的特效。 2、通过任务和实践来掌握美化网页的几种方法。 （三）情感、态度与价值观： 1、体验精美网页的动感效果，培养网页设计的审美能力，激发学习兴趣。 2、培养创新能力和动手能力，增强自主探究的能力。 五、教学重点、难点 （一）网页中图片动态效果的实现。 （二）网页中动画的插入方法。 （三）注意页面的布局要协调。 六、教学资源 （一）计算机及多媒体网络教室系统 （二）Frontpage2003软件、各种网页案例。 七、教学过程 环节 时间 教学内容 教师活动 学生活动 设计意图 导入 3分钟 出示2个对比明显的网页（修饰过动态的和静态的）。 师：通过以上展示的内容，大家更喜欢哪一个网页呢？哪种情况会带给我们美的享受？ 师：可见，修饰和美化作用是多么重要啊！我们制作网页也是如此。 师：同学们发现一下漂亮的那幅网页进行了怎样的美化呢？ 生：滚动字幕、图片动态效果和插入动画。 展示网页 引导学生欣赏并指出前后网页的不同 欣赏并感知总结前后两副网页的不同。 通过图片和网页的对比，让学生真切感受到滚动字幕、动态效果、动画对网页的强化作用，引发学生的学习热情。 自主探究亲身体验 自主探究亲身体验 15分钟 亲身体验1——制作滚动字幕 师：根据学案提示，独立完成制作滚动字幕的设置，看谁设计的效果好。 任务：制作一个滚动字幕。 素材：桌面\亲身体验1234。 要求：认真按照学案提示步骤操作，细心观察、大胆实践、勇于探究。 通过实践思考问题： 1、在滚动字幕的设置中，滚动方式“滚动条”、“幻灯片”、“交替”各有什么不同。 2、在编辑状态下文本会动吗。 亲身体验2——制作图片动态效果 任务：制作一个图片动态效果。 素材：图片（桌面\亲身体1234\images）。 要求：认真按照学案提示步骤操作，细心观察、大胆实践、勇于探究。 通过实践思考问题： 1、在制作图片动态效果时，“网页加载”模式，里面有“交换图片”选项吗？ 2、在编辑状态下图片会动吗。 亲身体验3——插入动画 任务：在网页中插入动画和视频(选作)。 素材：图片（桌面\亲身体验1234\images） 动画（桌面\亲身体验1234)。 要求：认真按照学案提示步骤操作，细心观察、大胆实践、勇于探究。 通过实践思考问题： 1、动画画面的大小能调节吗？ 2、在编辑状态下，动画能播放吗？ 教师巡视指导 提出问题与要求 发现问题及时提示 学生自主探究并演示效果 思考每个亲身体验后面的问题，在实践中找到答案，并用清晰的语言总结出来。 让学生动手操作，通过观察参数对显示效果的影响强化对知识点的理解。 学生为主体，教师作为引导。 综合实践自由创作 20分钟 巩固与提高，迁移运用——小试牛刀 利用老师提供的素材，结合亲身体验中所学习的知识，小组合作制作一个完整美观的网页。 主题：我的青春我做主 要求： 1、充分运用本节课所学的网页制作技巧。 2、大胆创新、灵活处理，充分发挥自己的潜能，遇到问题求助小组其他成员，组内协助完成。 3、将文件保存并关闭后，将桌面中的“美化与特效”文件夹中的“我的青春我做主”重命名为“青春+姓名”，并上传。 通过前面的操作，大家对几个操作有了初步的认识，还需要通过进一步实践来巩固