课前，先分组。大家都有QQ号了吧？那大家有没有开通自己的QQ空间啊？是不是发现有的同学的QQ空间特漂亮？为什么这么漂亮啊？哦，花了钱啊，我们今天不管把他装扮漂亮要花多少钱，我们先弄清除，他为什么可以装扮得这么漂亮？都有哪些因素让你觉得它漂亮，吸引人？引导、归纳、总结：背景、音乐、特效诶，很可惜，QQ空间里要把自己的空间打扮漂亮是要钱的，但是，我们的网页想要打扮得这么漂亮是不用钱的。今天，我们就来学学怎么用特效、用背景、用音乐让我们的网页动起来、靓起来、响起来，如果大家学得有好又快，我们还可以学学怎么把大家平时喜欢的flash动画插入我们的网页，让我们的网页闪起来。首先，我们来看看怎么让我们的网页动起来！我们启动frontpage，观察屏幕下方这四个按钮。，以前大家都在“普通”页面编辑，今天我们网页特效的实现就要用到这个代码和拆分页面了。拆分页面我们发现一半和我们平时在设计页面看到的一样，一半都是一种代码语言。而代码界面更密密麻麻的代码语言，这种语言我们称为HTML语言。那么什么是HTML呐?HTML语言，又称为超文本标识语言。有同学开始头晕了，看起来好难哪？其实，理解和掌握都是非常容易的。简单到什么程度呢？你知道HEAD单词的中文含义是什么吗？你知道BODY单词的中文含义是什么吗？那就简单了，在HTML中，文件结构基本上是这样的：这个HTML语言我们应该怎么看呢？老师示范下，HTML语言开始，HTML语言结束。头开始，头结束。身体开始，身体结束。什么什么开始，什么什么结束。简单么？好，我们回frontpage里面看看。（稍微提点一下table、td、tr）。指点HEAD区域，BODY区域。那有同学问，其它的呢？我们还是看不懂，没关系，我们只需要知道其它东西（展示课件）比如说HEAD头部分里的都是网页的属性啊，说明一类的东西，BODY部分是网页的主体，其它的代码都比如说背景颜色、文字色彩、表格这些的。其它的我们现在不需要懂，懂得上面那些就绝对足够了。有兴趣的同学课后可以深入理解好，理解了HTML语言，我们特效的实现就非常简单了，我们特效是另一种语言，但是这个语言我们不用懂，我们只需要从网上找到别人做好的有特殊效果的一段代码，然后插入到我们的HTML语言中去。当然了，要找个空白的地方，而且如果没有特殊要求：比如要求插入到HEAD里面去的，那你要照要求在HEAD区域找个空白处粘贴，其它的一般直接放到BODY区域的空白处。现在我们剩下的事情就是找一些好的网页特效，然后插入HTML语言里。老师这里已经给大家精选了一些特效，比如说这个网页漂浮的花瓣（打开特效页面），老师给大家演示一下怎么变成自己页面上迷人的一道风景，大家看好罗。复制。演示打开FrontPage，并打开自己的文件夹。（顺带讲普通页面和拆分、代码、浏览页面）。再强调加到空白区域。已经开始着手做自己网站的同学可以用自己的网站做，没有的同学也没关系老师给大家提供了一个素材，大家可以用它做。请大家先试试第一步的，学有余力的同学可以试试第二步。遇到问题可以寻求贴心小助手的帮助也可以互相帮助。学生操作。时间到。停下，成功的同学请举手，小组长去统计完成的人数并选出最佳者。大组长下去登记分数并选出大组优胜者。还没完成的同学现在可以参考老师提供的帮助再试试看。好，结果出来了。（广播）请第一大组的优胜者把你加了特效的页面打开，老师广播你的窗口。演示、评价。选出全班的第一名。（如果学生问题比较大的，教师再演示下。）我们的网页已经动起来了，那我们再看看怎么让网页靓起来。也就是如何给网页加背景。这个很容易，有些同学可能都已经会了。能做出来的话小组加一分。有没有？学生演示。（如果发现该同学把大图或断裂的小图做背景就讲解下）这样的话我们的网页就可以靓起来了。学生操作好，时间到。停。打开评价方法。做好的同学请举手，小组长点人数，推举小组代表的。大组长下去登记并从代表中选取最好的。教师提示背景图片的选择。而想让网页响起来其实和让网页靓起来的方法很类似，有没有同学知道？学生演示对，我们说背景音乐背景音乐，从背景中找也没错的，当然也可以在空白处右键点击“网页属性”中找到。