【精品】第二单元第9课 修饰网站首页（课件＋教案＋素材）-人教新课标版-五年级信息技术下册

【精品】第9课修饰网站首页（教案） 人教新课标(2014秋)-五年级美术下册 【教材分析】 《修饰网站首页》是由人民教育出版社信息技术编辑室组织编写的三年级起点版《信息技术》五年级下册第二单元《制作网页》第9课。 【教学目标】 1.了解修饰网页的基本知识。 2.学会在网页中添加滚动字幕和悬停按钮。 3.掌握为电子信箱地址添加超链接的操作方法。 【教学重点】 1.制作悬停按钮和制作滚动字幕的操作方法。 【教学难点】 1.为电子信箱地址添加超链接的操作方法。 【课时安排】 1课时 【教学方法】 情节导入法、任务驱动法。 【课前准备】 多媒体网络教室、教学课件。 【教学过程】 1. 导入新课 师：同学们，上堂课我们学习了如何《制作网站首页》。（出示“星星网上家园”的首页。两张网页) 师：“星星网上家园”的首页。两张网页中哪一张更吸引你们呢？ 生：第二张。 师：第一张“星星网上家园”的首页是利用我们上堂课知识制作的，第二张“星星网上家园”的首页是经过修饰的。今天我就和同学们来学习修饰有关的课程：《修饰网站网页》。 (课题：修饰网站网页） 2. 修饰网站网页 学习导航： （一）制作悬停按钮 （二）制作滚动字幕 （三）添加电子信箱地址超链接 （一）制作悬停按钮 悬停按钮能产生很好的视觉效果，同时还可以创建它与其他页面的超链接。 把首页文件中的6个栏目名称制作成悬停按钮。 1.打开“文件”菜单，单击“打开站点”命令，打开站点“李敏的网站”。 2.在“文件夹列表”框找到首页文件index.htm后双击，编辑区中显示出网页的内容。 3.选定页面中的一个栏目名称，如“迷人风景”。 4.依次打开“插入”菜单、“组件”菜单，单击其中的“悬停按钮”命令。 5.出现“悬停按钮属性”对话框时，删除“按钮文本”框中的文字，然后输入按钮文字“迷人风光”。 6.单击“按钮颜色”选择框中的下拉列表按钮，在弹出的颜色选择框中选择一种按钮颜色，如绿色。单击“效果”选择框中的下拉列表按钮，在下拉列表框中选择“反色发光”。 7.单击“效果颜色”选择框中的下拉列表按钮，在弹出的列表中选择一种颜色作为“发光”效果的颜色。再适当设置按钮的宽度和高度。 8.单击“字体”按钮，打开“字体”对话框，适当设定文字的字体、大小和颜色。 9.单击“确定”按钮，关闭打开的对话框。原来的栏目名称所在的位置就会出现悬停按钮。 10.选定按钮，根据实际需要，拖动按钮周围的操作点，适当改变按钮的宽度和高度。 保存网页后，在IE窗口中浏览网页时，把鼠标指针移到按钮上，按钮就会出现“反色发光”效果。 练一练： 仿照上述操作，制作其他几个栏目名称的悬停按钮。 试一试： 新建一个网页，在网页中制作几个悬停按钮，选择“填充颜色”“颜色比”“发光”“凸起”等效果，浏览效果后删除这个网页。 小拓展： 制作下面的悬停按钮，浏览时把鼠标指向网页中的“仙人掌”图像时，它会变成“向日葵”图像。 提示：打开“悬停按钮属性”对话框后，单击“自定义”按钮，打开“自定义”对话框，参照下图适当设置其中的选项。 （二）制作滚动字幕 适当地给网页添加一些动态效果，能够增强网页的吸引力。FrontPage提供了丰富的动态效果。其中，滚动字幕是网页中比较常用的一种简单动态效果，它可以使网页获得生动的文字滚动效果。 在首页文件中添加下面的滚动字幕。 1.在编辑区中显示首页文件的内容，把插入点移到栏目名称所在单元格中（第2行）。 2.依次打开“表格”菜单、“插入”菜单，单击其中的“行或列”命令，打开“行或列”对话框参照下图选定有关的选项后单击“确定”按钮，在表格中插入一行。 3.把插入点移到新插入的一行中，依次打开“插入”菜单、“组件”菜单，单击其中的“字幕”命令，屏幕上出现“字幕属性”对话框。 4.在“文本”框中输入“博学而笃志，切问而近思。” 5.适当设置方向、速度、表现方式、文本对齐方式、大小、重复次数、背景颜色等选项。 6.设置好有关选项后，单击“确定”按钮。关闭打开的对话框。 7.选定插入的滚动字幕，单击格式工具栏中的“居中”按钮，使字幕水平居中。 8.利用格式工具栏，适当设定滚动字幕的字体、字号及颜色等。 保存并浏览网页，观察字幕的滚动效果。 如果效果不满意，可以单击网页编辑区左下角的“普通”标签，返回网页编辑窗口，然后双击滚动字幕。屏幕上弹出“字幕属性”对话框时，再进一步调整字幕的效果。 提示： 屏幕上出现“字幕属性”对话框时，单击对话框中的“样式”按钮，可以进一步设定字幕的样式。 选定滚动字幕后，执行“格式”菜单中的“字体”命令，打开“字体”对话框，也可以设定字幕的字体、字号、颜色、修饰效果等。 试一试： 双击滚动字幕，出现“字幕属性”对话框时，改变其