【摘要】教案通常又叫课时计划，包括时间、方法、步骤以及教材的组织等。它是教学成功的重要依据。小编为大家整理了修饰首页教案，希望对大家有帮助。

美景装饰 修饰首页

(一)本课教学目标：

1、能够打开保存的站点。

2、能够为网页设置背景颜色或背景图片，并为网页添加背景音乐。

3、能够在网页中插入组件，如滚动字幕和悬停按钮。

4、培养学生自学能力和小组合作学习意识。

(二)教学设计与教学建议：

1、课堂引入分析：

制作好的网页看起来整齐多了，但白色的背景使得网页看起来不太美观，静止的页面让网页的视觉效果不够吸引人。本节课的主要任务就是美化网页。因此在课堂的引入部分可以这样设计:

首先，教师可以让学生打开第3课制作的主页，想办法让自己的主页更漂亮。这个环节可以采用小组合作共同探究的学习方式，然后让做得漂亮的小组汇报探究学习的成果。

其次，教师出示一个带有"滚动字幕"和"悬停按钮"的网页，让学生观察，并说一说与自己制作的网页相比有哪些优点。讨论在生活中是否见过这样的效果。

学习在网页中插入"滚动字幕"和"悬停按钮"，学生可参考教材或教师提供的学习资料进行自主学习，如果自学有困难也可采用小组合作的方式进行学习。这样可以兼顾到对知识技能掌握不同程度的学生，同时也体现了学生在课堂教学中得主体地位。

2、重点内容分析：

本节课的重点是美化网页，为网页添加背景颜色，背景图片或背景声音，插入滚动字幕和悬停按钮，让网页在视觉和听觉上更具冲击力。

让学生想办法使自己的主页更漂亮。在完成这个任务中，学生可能会想到用以下这些手段来美化网页:

(1)设置字体，字号，字的颜色。

(2)插入艺术字。

(3)为网页添加背景颜色或背景图片。

(4)设置表格的边框和底纹。

(5)设置单元格的边框和底纹。

为网页添加背景颜色和图片，与在Word或PowerPoint中的操作相似，因此只要告诉学生是在"网页属性"对话框中进行设置就可以了，让学生自己尝试做。本节课的难点放在插入滚动字幕和悬停按钮上。

在生活和学习中，学生经常在公交车，地铁，火车站，机场，银行，商场等地方看到"滚动字幕" 。 "悬停按钮"这种效果也很常见，如使用各种软件时，当鼠标指向工具按钮时，按钮的颜色会发生变化。当学生理解了什么是"滚动字幕"和"悬停按钮"之后，操作起来也就变得容易了。

3、归纳提高分析：

本节课涉及到的知识可以归纳为以下几点：

(1)打开保存的站点。

(2)插入组件——字幕和悬停按钮，可以使网页具有动态效果，网页更加生动。

(3)为网页添加背景颜色，背景图片或背景声音，可以增加网页的视觉和听觉效果。

需要注意的是:

(1)要想浏览网页经过修饰的效果，一定要先保存网页，再预览。

(2)字幕和悬停按钮的效果在"普通"网页模式下是看不到，在"预览"网页模式下可以看到。

(三)教学补充：

1、在"网页属性"对话框中为网页设置背景，是针对整个网页进行设置的。而实际上我们在因特网上看到的许多精彩的网页，不同的内容会有不同的背景，这是怎么做出来的呢其实非常简单，带有不同背景的网页是用表格规划的，每一个单元格都是一个独立的部分，只要选好单元格，设置单元格的底纹，就可以达到目的。效果如右图所示。

2、在网页中除了把文字做成悬停按钮外，还可以用图片制作悬停按钮，效果是鼠标悬停之前为一张图片，鼠标悬停之后换成另外一张图片。打开教材22页，按图4-8所示打开"悬停按钮属性"对话框，然后按下图所示操作:

①单击"自定义"

②单击"浏览"

④单击"确定"

③选择图片

第一次通过"浏览"插入的图片是鼠标悬停前要显示的图片。

⑤单击"浏览"

⑦单击"确定"

⑥选择图片

鼠标悬停前

鼠标悬停后

第二次通过"浏览"插入的图片是鼠标悬停后要显示的图片

【总结】修饰首页教案就为大家整理到这儿了，希望对大家有帮助，更多精彩内容尽在精品学习网。

小编推荐：

五年级信息技术：修饰课程表教案

五年级信息技术：制作课程表教案