《网页的美化》教案
《美化网页》教案
举例：在讲解层叠与继承时，通过案例展示不同选择器的优先级，以及如何通过继承减少重复代码。在网页布局难点上，通过实际操作演示如何使用CSS实现一个简单的响应式导航栏，让学生通过实例理解布局的方法。对于伪类和伪元素，通过具体实例（如鼠标悬停时按钮变色、添加内容前后的装饰元素）来帮助学生理解并应用这些高级技巧。
- CSS样式的应用：强调如何将CSS样式应用到HTML网页中，包括内联样式、内部样式表和外部样式表的使用方法。
-网页布局美化：重点教授如何使用CSS进行网页布局设计，包括盒模型概念、浮动布局、弹性布局等，以及如何实现响应式设计。
举例：在讲解CSS选择器时，通过具体示例（如改变段落的字体、颜色、大小）让学生理解类选择器、ID选择器等的应用方法。
3.强化团队协作能力：在实践操作环节，学生分组合作完成网页美化任务，提高沟通与协作能力，培养团队精神。
4.增强问题解决能力：学生在美化网页过程中遇到问题时，能够自主查找资料、分析问题、寻找解决方案，培养其独立解决问题的能力。
三、教学难点与Biblioteka 点1.教学重点- CSS基本语法与选择器：重点讲解CSS的基本语法规则，包括选择器的类型（如类选择器、ID选择器、标签选择器等），以及如何通过选择器对HTML元素进行样式设置。
3.实践操作：指导学生运用所学CSS知识，对已有的HTML网页进行美化，包括字体、颜色、布局等方面的调整。
《网页的美化》教学案例及教学反思
《网页的美化》教学案例凤县双石铺中学王晓丽八年级信息技术【教学目标】：【知识与技能】1．学会修饰网页中的文字，为网页添加背景，在网页中插入滚动字幕。
2．学会根据网页的内容自主修饰网页，保持网页整体的一致性。
【过程与方法】通过操作练习，使学生感受学习知识的过程，总结操作规律，培养学生自主学习与团结协作的能力。
【情感态度与价值观】在学习过程中感受美、创造美，提高审美情趣，体会创作的乐趣。
【教学重点】修饰网页中的文字，为网页添加背景，在网页中插入滚动字幕。
【教学难点】根据网页的整体效果，自由修饰网页，使网页更漂亮。
【教学方法】任务驱动—情景教学—自主探究—协作学习—评价反思【教学手段】多媒体微机室、课件【教学过程】：《网页的美化》教学反思本节课主要是让学生在FrontPage中修饰网页。
这部分内容关于操作技能方面对于八年级的学生来说难度并不算大。
课一开始，我就给学生下发没修饰的《诗话凤县》的网页，然后教师再打开我的网页就是修饰了的网页做比较，从而激发学生学习的兴趣。
大家对比哪一个更漂亮？我的网站多了那些元素？----背景，音乐、滚动字幕，引出课题，然后指导学生打开课本，明确本节课的任务。
学生自己阅读课本内容后，尝试操作：给网页添加背景。
学生交流讨论后，再示范操作。
教师点拨。
下一个添加字幕大家还是参照课本进行自主操作，最后还是学生示范。
学生操作完后，展示学生的作品。
在前面经过FrontPage几节课的学习后，大部分学生已经掌握了制作网站的一般步骤，但是对于修饰网页学生了解的不多，这节课将自学与教师点拨相结合达到完成目标。
保存网页是最重要的一个步骤，一部分学生保存后发现，有的内容都是无法显示。
因为框架网页的保存和其他普通网页的保存是不同的，所以我在一开始就让学生感受这一不同点，起到了很好的预防作用，只有很少的学生保存时发生错误。
在这个任务中，除了让学生充分了解框架网页保存的特殊性，也要让学生知道，在新建框架网页时的一般方法。
网页的美化与特效制作教案
网页的美化与特效制作教案一、教学目标1. 让学生了解网页美化的基本原则和方法。
2. 培养学生掌握HTML和CSS的基本语法和用法。
3. 使学生能够使用JavaScript实现网页的基本特效。
二、教学内容1. 网页美化的基本原则和方法：页面布局、色彩搭配、字体与排版、图片处理等。
2. HTML基本语法和用法：标签、属性、注释、文档结构等。
3. CSS基本语法和用法：选择器、属性、注释、样式规则等。
4. JavaScript基本语法和用法：变量、数据类型、条件语句、循环语句、函数等。
5. 网页特效的实现：鼠标悬停效果、下拉菜单、滚动动画等。
三、教学过程1. 讲解网页美化的基本原则和方法，通过实例演示和分析，让学生理解和掌握。
2. 讲解HTML的基本语法和用法，通过实例演示和练习，让学生掌握HTML 的基本标签和属性。
3. 讲解CSS的基本语法和用法，通过实例演示和练习，让学生掌握CSS的选择器和样式规则。
4. 讲解JavaScript的基本语法和用法，通过实例演示和练习，让学生掌握JavaScript的基本语法和函数。
5. 讲解网页特效的实现方法，通过实例演示和练习，让学生掌握如何实现简单的网页特效。
四、教学方法1. 采用“讲解+演示+练习”的教学模式，让学生在听讲的跟随老师一起操作和实践。
2. 使用多媒体教学工具，如PPT、网页演示等，直观地展示和讲解知识点。
3. 鼓励学生提问和参与讨论，解答学生在学习过程中遇到的问题。
4. 布置课后作业，巩固所学知识，提高学生的实际操作能力。
五、教学评价1. 课堂表现：观察学生在课堂上的参与程度、提问和回答问题的情况。
2. 课后作业：检查学生完成作业的质量，评估学生对所学知识的掌握程度。
3. 项目实践：让学生独立完成一个网页美化与特效制作的项目，评估学生的综合运用能力。
教学资源：教材、多媒体教学课件、网络资源、编程工具。
六、教学环境1. 硬件环境：计算机教室，每台计算机配备浏览器、文本编辑器和网页制作相关软件。
网页的美化(教参)
（一）教学设计部分⇨教学内容分析本课的主要内容与地位本课的主要教学内容为：设置网页的背景、设置表格（单元格）的背景、设置背景音乐、插入Flash动画和插入滚动字幕等几个知识点，以实现对网页的美化。
网页是否美观大方、给人以美感，很大程度上决定于网页中各元素的色彩搭配是否合谐、得当，色调是否与网站的主题相吻合，以及网站中的元素是否能满足网站要表达的感情等等。
对网页进行美化是每一个网站建设者不懈追求、永无止境的探索过程。
本课与前后内容的关系网页美化是对前期所做的网页在视觉、听觉效果上的修饰，是提升网站可观赏性的一个非常重要的手段，是网站建设中一个非常重要的环节。
⇨教学目标分析知识目标/技能目标知识目标1.了解对网页进行美化常用的方法。
2.理解美化网页对网站质量提高的作用。
技能目标掌握设置网页及表格的背景、设置网页中背景音乐、Flash动画和滚动字幕的一般方法；过程与方法目标提高学生信息的加工、管理、表达和交流的能力。
情感态度与价值观目标提高审美意识，发现美、认识美，美化生活从自身做起。
通过对网页中文字、布局和色彩的合理设计，尽可能达到较好的视觉效果。
本课的重难点重点：设置网页背景、设置背景音乐、插入Flash动画和滚动字幕难点：网页的色彩调配本课的课时分配建议一课时⇨教学策略设计建议教法建议在本节课的教学过程中，教师应引导学生参考借鉴优秀网站在色彩、布局上的一些做法，自主地学习有关版面设计和色彩搭配方面的知识，并将其应用到自己的网站设计中。
对于本节几个知识点中涉及的对话框，教师应布置合理的分组，由学生通过实践体会对话框中各参数的含义。
学法建议因本课的学习在很大程度上决定于学生对美的鉴赏能力，这就要求学生要在平时多注意身边的色彩、版面设计的方法，如：电视广告、杂志封面、街头广告牌等，并将它们应用到自己的网页设计中来。
⇨教学资源与环境建议本课教学资源索引1.第三课的半成品网页：Index.htm、Parents.htm⇨教学评价建议自评、互评、师评要注意的问题学生是否具有乐观向上的学习意识；学生能否掌握进行网页修饰的基本方法；学生是否具有发现美、欣赏美，并利用技术手段加以实现的能力。
《网页的美化》课堂教学案例
教学 过程 ：……教师 ： （ 口述 ）下 面 ，我 们 一 起 来 看 这 张 圆 角 网 页 。 教 师 ： （ 问 ） 怎 么做 呢 ？ 学 生 ： （ 考 ） 提 思
识 ，更应让 学生在学 习知识的过 程 中掌握 学 习新知识 掌握新 同答 ，有 Ｉ 司学说 查看 源文件 ，看 看 别人 是怎 么做 的 。教 师 ： 本领 的能力 ，具有较强 的后学 习能力 。此研 究点 ，也 促使教 （ 点评 ）非 常好 。通 过学习他人 的办法 ，或许能找 到解决 自己
格来布局 网页 ，进行页 面元 素 的定位 。所 以 ．就从表 格 的美 的作品 ）师生点评 。教师 ： （ 口述边展 示 ）今 天 网页 的制 边 化入手 。而表 格的美化 ，最基本 的是细线条 的制作 。所 以本 作就到这儿 。先来 同顾一 下学习 的内容 ．主要 是三张用不 同 堂课 主要探 讨 如何做细 线表 格 的 网页。第 二 。素材 的选择 。 方 法 来 完 成 了 的 网页 。 而 且 ，思 考 方 法 也 不 一 样 。 学 生 ： 同 选 择流行于 网上的大家非 常熟悉 好奇 的腾 讯网 、学 生‘ 胁期 答 ｊ张不 同的方法 。教师 ： （ Ｕ述 ）学 习有时 ，不仅仅在 于 制作的产品介绍 网页和经典 的 尚页 ，目的是 激发学生 学习 的 学习知识 的＿ ，还 在于学 习到知识 以外 的东两 。就像 ，听 本身
三 、 案例 评 析
１ ． 的选择 ：很有必要 ：教师敢于别 出心裁 ．在学科教 课题 ２弓入 ：先放后收 ，既激发了学生的学 习兴 趣 ．又集中了 ．ｌ
是让学生在做 中学 ，做 中进 。第 三张 网页 ，通过查看 源文什 学 上 引 领 时 尚 。
二张 网页时 ，教师提供 同样方 法的视频材料 。以帮助 学 习能 学生学 习的注意力 。非常好 ，也非 常 自然 。教师 的点评 ，也 力较差 的学生 。也能利用 此方法 来完成 。上 述三种方 法正是 反映 出教 师不仅具有 丰厚 的理 论知识 ，还具 有扎 实 的实践经 业 内人 士 常用 的方 法 ，也 是 后 学 习 能力 的具 体培 养 案 例 。 验 ，具 有 过 硬 的业 务 水 平 。 （ ）小 结 ：教 师 先 说 一 下 “ 天 网 页 的 制 作 就 到 这 儿 ” 一 下 ３ 今 ３ 学过程 ：三个 实例分别使用 ｊ种不 同的方法来解决 。 ． 教 子结束学生 的制作 ，使学生 的注 意力 回到教 师身上并 开始 听 正好 符合 “ 中用 、做 中学 、学巾做 ”的教 学理念 ．与研究 做
网页的美化教学设计
《网页的美化》教学设计教材分析：《美化网页》是八年级教材第2章《网页制作》第4节内容，它是在学生学会建立站点、丰富网站的内容基础知识后，学习怎样对网页进行修饰和美化，使网页制作的水平进一步提高，以达到让人赏心悦目、流连忘返的目的，并为下一节的超级链接打下基础。
因此，本节课承上启下，对学生提高制作网站的兴趣和信息处理的能力上都有十分重要的作用。
教学目标：1、了解美化网页的常用方法，理解美化网页对提高网站质量的作用。
2、学会在网页中设置背景、音乐、Flash动画和滚动字幕。
3、提高审美意识，善于发现美，美化生活从自身做起。
教学重点、难点：重点：本课的重点是设置网页的背景。
让学生逐步学会知识的迁移和新旧知识的融会贯通。
让学生知道计算机中的许多操作都是相通的或类似的。
难点：本课的难点是插入滚动字幕和插入Flash动画。
教法方法：1、采用“任务驱动”教学法，以指导学生完成一个个具体的学习任务而开展课堂教学，以尝试发现、综合对比、总结归纳、网络教室直观演示等形式贯穿整个教学过程。
2、采用以点带面的方法，让学生进行分组练习，会的带动不会的。
学法：为引导学生自主探究学习，培养学生良好的学习方法与学习习惯，通过上述教法，坚持以学生自主学习为主，让学生通过观察，自己发现问题、分组研讨问题、亲自尝试、合作解决、最后由学生自己归纳总结，来完成本课的五个任务。
让学生以练为主，以亲自尝试实践、积极动脑动手来学习新知。
教学过程设计：（一）情景导入首先通过两个装修前后房间的比较，让学生回答喜欢哪一个房间？同学们都喜欢装修后的，从而得出，同一个房间，经过修饰之后，就会变得美观、漂亮。
学生回答，教师总结：多了音乐、背景、FLASH动画和滚动字幕。
那么怎样来实现这些修饰效果呢？今天我们就来共同探讨如何在网页中插入音乐、背景、动画和滚动字幕。
从这节课开始，网页在我们的手中将会变得五彩斑斓。
（二）新授内容划分团队，小组比赛，通过幸运星的奖励培养学生的竞争意识和集体荣誉感。
信息技术教学《美化网页》
信息技术教学《美化网页》信息技术教学《美化网页》【通用2篇】信息技术教学《美化网页》1教学目标：1、通过学习在网页中插入图片、设置图片属性、编辑图片和添加背景，学会美化网页的方法；2、通过探究学习，小组合作，培养学生动脑、动手能力，合作交流能力；3、通过学习提高学生的审美能力、自身艺术修养水平。
教学重难点：重点：插入图片、设置图片属性、编辑图片和添加网页背景难点：合理美化网页教学准备：相关教学课件、网站、图片等教学过程：一、作品对比，导入新课1、展示网页，引发兴趣：引言：教师展示未美化的网页和美化过的网页，学生认真观察。
揭题：通过美化的网页，更吸引我们，那么怎样美化网页？揭题（板书：8.美化网页）二、回顾旧知，打开网站展示学习要领（板书：一、插入图片）三、回顾旧知，打开网站1．教师演示讲解2、学生活动：打开桌面上的.网站四、引导在网页中插入图片1．回顾：如何在ppt中插入图片。
2．师生互动交流。
在网页中插入图片和ppt中插入图片的方法非常相似，教师提示插入图片过程3．布置任务：活动一。
4．巡视全班，个别辅导。
5．学生代表演示，发现问题。
3．学生边复述过程教师边出示板书。
定位光标—插入—图片—来自文件五、设置图片属性1．教师展示未排版过的网页，讨论交流，说明光插入网页还不够，还要对图片进行设置。
（板书：二、设置图片）2．教师演示设置图片方法。
同学们边复述操作方法教师边出示板书鼠标右击图片—图片属性—外观3．学生动手设置图片。
做一做：活动二4．巡视全班，个别辅导。
引导学生在探究过程中，要细心观察图片属性对话框中各选项设置，如保持纵横比。
六、编辑图片1．提问：只要图片的文字或者画的部分，可以做到吗？那就要编辑图片。
（板书：三、编辑图片）2．教师演示编辑图片步骤，出示板书。
鼠标右击图片—显示图片工具栏3．学生动手编辑图片。
4．巡视全班，个别辅导。
引导学生编辑图片除了“裁剪”功能，还有其他编辑图片的的功能，如调整图片的明亮度等七、添加网页背景1．展示美化过的网页。
八年级信息技术上册《网页的美化》教案及教学反思
一、教学目标知识与技能：1. 了解网页美化的基本原则和方法；2. 掌握使用HTML和CSS代码美化网页的技巧；3. 能够运用图像、色彩、布局等元素，设计出美观、实用的网页。
过程与方法：1. 通过案例分析，学习网页美化的原则和方法；2. 利用HTML和CSS代码，实践网页美化的技巧；3. 小组合作，设计并展示美化后的网页。
情感态度价值观：1. 培养学生对网页美化的兴趣和审美意识；2. 培养学生创新精神和团队合作能力；3. 培养学生关注信息技术发展的意识，提高信息技术素养。
二、教学重难点重点：1. 网页美化的基本原则和方法；2. 使用HTML和CSS代码美化网页的技巧。
难点：1. HTML和CSS代码的运用；2. 网页美化的创新设计。
三、教学准备教师准备：1. 教学PPT；2. 网页美化案例及素材；3. HTML和CSS代码示例。
学生准备：1. 学习过的HTML基础知识；2. 学习过的CSS基础知识。
四、教学过程1. 导入：通过展示精美的网页，激发学生的学习兴趣，引出网页美化的主题。
2. 新课导入：介绍网页美化的基本原则和方法，如布局、色彩、图像等。
3. 案例分析：分析并进行网页美化案例的讲解，引导学生理解并掌握美化方法。
4. 实践操作：让学生利用HTML和CSS代码，实践网页美化的技巧，教师巡回指导。
5. 小组合作：学生分组合作，设计并展示美化后的网页，互相评价、交流。
6. 总结提升：总结本节课的学习内容，强调网页美化的原则和方法。
五、课后作业1. 完成课后练习，巩固本节课所学内容；2. 设计一个个人主页，运用所学网页美化技巧，下节课进行展示。
教学反思：本节课通过案例分析和实践操作，让学生掌握了网页美化的基本方法和技巧。
在教学过程中，注意引导学生关注网页美化的原则，培养学生的审美意识。
通过小组合作，培养了学生的创新精神和团队合作能力。
但在教学过程中，也要注意因材施教，针对不同程度的学生给予适当的指导，提高课堂教学效果。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
《网页的美化》教学设计教材版本青岛版课题《网页的美化》学校龙子心中学授课教师杨斌课型新授课授课班级初二（1）班课时 1课程纲要依据本节课的定位在于“熟练掌握”的程度上，旨在让学生通过对《网页的美化》的学习，了解掌握美化网页的方法、步骤，熟练掌握美化网页的操作，提高审美意识，激发学生对网页制作进行更深入的学习和研究的兴趣。
教材分析结合本校学生和教学环境的特点，深入地领会由青岛出版社出版的初中《信息技术》（八年级）教材的编写意图，设计了制作“情感小屋”网站的主题活动，制作“情感小屋”网站。
学情分析初二学生已经学习了很多信息技术基础知识，并且具备了一定的操作计算机、上网搜索、编辑图象的能力。
通过前几周的学习，学生对网站制作有了初步的认识，并建立了站点，制作了首页，而且还通过表格归整了网页中的各元素，使网页趋于整洁。
但是，由于制作的网页中还未有设置背景、背景音乐、Flash动画、字幕等元素，还显得单调。
他们希望能够通过学习新的知识，进一步美化他们制作的网页。
教学目标①了解美化网页的常用方法，理解美化网页对提高网站质量的作用。
②学会在网页中设置背景、音乐、Flash动画和滚动字幕。
③提高审美意识，善于发现美，美化生活从自身做起。
教学重点在网页中设置背景、音乐、Flash动画和滚动字幕。
教学难点在网页中设置音乐、Flash动画。
教学方法讲授法、自主学习法、任务驱动法、实验探究法等教学资源计算机及多媒体网络教室系统、FrontPage2003软件等板书设计网页的美化一、美化网页的作用二、美化网页的方法三、美化网页的流程四、具体操作：1. 插入背景音乐2. 设置网的背景3. 设置表格的背景4. 插入Flash动画5. 插入滚动字幕时间（分）教学内容教师活动学生活动设计意图212 3 （课前2分钟预备）对比提问：（2分钟）观看图片：未精心布置的房间与布置后的房间、丑女与美女提问：你更喜欢哪一个？为什么？（更喜欢后者，因为后者更赏心悦目，“养眼”，美）观看网页：未经美化的网页与美化后的网页（index.htm , school.htm , Domain.htm , Neighbor.htm）提问：你更喜欢哪一个？（更喜欢后者，因为前者相对比较单调，浏览后者使人“耳目一新”）引入新课：（1分钟）我们这节课就来学习并自己动手操作一下如何从前者变成后者，如何使网页更加具有美感。
使网页更加漂亮的过程就是“网页的美化”。
讲授新课：（38分钟）网页的美化一、美化网页的作用通过刚才的比较，相信同学们已经对美化网页的作用有了一定的认识，现在我们再来看一些网站，加深了解。
展示一些比较优秀的网站。
（百度视频、新浪、网易、搜狐、秘密花园等）二、美化网页的方法一般都用哪些方法美化网页呢？⒈插入背景音乐听到自己喜欢的音乐，可以让我们消除疲劳，在网页上设置背景音乐，也可以让浏览者心旷神怡。
展示无背景音乐和有背景音乐的Index.htm网页。
⒉设置网页背景在制作网页时，为网页加上背景颜色或背景图片，可以让网页更加美观、生动活泼、更能衬托网页的主题。
展示无背景与有背景的Index.htm网页。
⒊设置表格的背景我们在设计网页的过程中有时也需要对网页中某一局部的背景颜色进行设置，以达到强化有关内容的效果。
对比无表格背景与有表格背景的Index.htm网页。
⒋插入Flash动画我们浏览网页时，会看到很多广告形式的动画。
在网站设计中，如果在我们自己的网页上也能插入几个Flash动画，肯定会使网页增色不少。
对比无Flash与有Flash动画的Index.htm网页。
5. 插入滚动字幕在网页设计中，我们也会采取各种方式让文字或图片动起来，以吸引浏览组织展示提问导入新课板书讲授展示讲解展示讲解展示讲解展示讲解展示讲解展示讲解就坐安静观看思考回答听讲观察思考记忆观看记忆观看记忆观看记忆观看记忆观看记忆观看记忆组织课堂设置情景引起学生兴趣为引入新课做铺垫引出新课内容白板文字显示教学整体结构演示直观体验演示直观体验演示直观体验演示直观体验演示直观体验演示直观体验间（分）教学内容师活动生活动计意图3 83 13 6 者的注意力。
为了让一些纯文本的内容（如标题）更醒目，一般通过改变字体、字号、颜色或产生动态效果的方法来实现。
其中效果最好的当属在网页中使用滚动字幕。
展示无滚动字幕与有滚动字幕的index网页。
三、美化网页的流程⒈确定主题（基调）思考：网站“情感小屋”的基调，是凝重的，还是轻松的？⒉搜集素材（音乐、图片、Flash动画）⒊加工素材（剪裁音乐，修改图片、动画，制作图形、动画）⒋选择美化网页工具——FrontPage2003软件⒌美化网页（插入所需元素）四、美化网页将全班分成两组，一组同学完成任务一，二组同学完成任务二。
任务一：设置网页背景、表格背景自主学习：浏览教学网站——（1）设置网页背景；（2）设置表格背景。
设置D:\情感小屋\School.htm的网页背景为D:\素材\背景9.jpg，表格背景设置为颜色RGB(cc,99,ff)。
并保存，预览。
完成了任务一的同学完成任务二。
任务二：设置单元格背景、设置背景音乐自主学习：浏览教学网站——（1）设置表格背景；（2）插入背景音乐。
设置D:\情感小屋\Neighbor.htm的单元格背景如图所示，背景音乐为D:\素材\友谊地久天长.mid。
并保存，预览。
完成了任务二的同学完成任务一。
学生演示操作：任务一或任务二。
总结：提醒同学们在操作时要注意：1. 先打开要编辑的网页；2. 设置表格背景必须确保光标在该表格中；3. 设置单元格背景必须确保光标在该单元格中；4. 看清是编辑状态还是预览状态；5. 保存时注意图片、音乐的存放位置。
（挑选该班学生易出错的方面提醒）让学生再整改。
任务三：添加滚动字幕、Flash动画、设置单元格背景自主学习：浏览教学网站——（1）设置表格的背景；（2）插入滚动字幕；（3）插入Flash动画。
为D:\情感小屋\Domain.htm添加滚动字幕“海内存知已，天涯若比邻”；插入Flash动画D:\素材\月亮之上.swf；设置纯文字单元格的背景色如下图所示。
播放讲解布置任务巡视指导组织演示总结提醒布置任务巡视指导思考互动回答接受任务学习动手操作演示操作整改网页接受任务学习动手操作了解美化网页的流程培养自主学习能力培养表达能力培养反思意识培养自主学习能力间（分）教学内容师活动生活动计意图3 161 1学生演示操作：任务三。
总结：提醒同学们在操作时要注意：1. 准备素材时要分文件夹放置（imamges , sound , swf）；2. Flash影片属性的“透明”属性；3. 字幕的表现方式、连续次数。
拓展探究：根据我们所学到的知识，看看能否将主页中的Banner加动画效果，结果如下图。
素材：（１）D:\素材\rain.swf；（２）D:\素材\banner3.png。
（注意空中雨滴，水上波纹 rain.swf动画）提示：可以浏览学习网站——拓展探究五、改名，复制：将“D:\情感小屋”文件夹改名为“情感小屋—网页的美化”，并将该文件夹复制到自己的网盘中。
（因为学生机都安装了还原卡，所以必须保存在网盘中，以后才可以继续制作。
）总结归纳：（1分钟）网页的美化一、美化网页的作用二、美化网页的方法三、美化网页的流程四、具体操作：1. 插入背景音乐组织演示总结提醒提出问题布置任务播放总结归纳演示操作接受任务学习动手操作讨论探究改名复制观看回忆听讲梳理听讲培养表达能力探究学习巩固记忆探究学习复制到自己网盘中以备以后继续制作对知识点进行梳理间（分）教学内容师活动生活动计意图12. 设置网的背景3. 设置表格的背景4. 插入Flash动画5. 插入滚动字幕课后作业：（1分钟）美化“情感小屋”其他网页的Banner及导般栏，如index.htm中样式。
布置作业记录继续完成主题教后反思1.设计理念：使用任务驱动法，让学生完成任务。
分组合作探究法，让学生分组操作，并演示。
2.教学亮点：引导学生用教学网站自学，并分组合作探究。
培养学生自学及合作能力。
3.待改进地方：本课内容较多，学生学习时稍嫌紧张，可以设计为两课。
拓展探究中的Banner3.png文件，可以试学生自己通过Banner1.jpg修改做出来。