吉林省长春市第一零四中学八年级信息技术下册《丰富网页—加入动感组件》教案课题丰富网页二——加入动感组件课型新授课设计人刘颖喆教学目标知识目标：为“东坡居士斋”的首页添加动感字幕，为其它页面添加交互式按钮。能力目标：学习在网页中添加相应组件的方法。情感目标：分别为添加相应的动感组件，增加学生的动手能力和审美情趣。重点动感字幕难点交互式按钮教学过程差异个性设计教学资源一、引课同学们在制作网页时，经常喜欢添加一些动感的元素，来增加网页的动感效果，这些效果大大加强了网页的吸引力这节课我们将来共同探究动感组件滚动字幕、交互式按钮的使用方法。二、应知应会（一）、字幕浏览网页时经常会发现有一行字幕来回地闪动，如“欢迎光临，我的朋友！”你是否倍感亲切？现在我们就共同来为“东坡居士斋”网站营造这一片宾至如归的温馨气氛。（1）打开首页，单击要添加字幕的位置，选择“插入”—“web组件”（2）在“组件类型”下方，单击“动态效果”，在“选择一种效果”的下方，双击字幕，打开“字幕属性”（3）在“文本”中输入汉字（4）在“方向”区中指定字幕移动的方向（5）在“速度”区域中指定字幕文本移动的速度1、来回闪动的文字（字幕）2、按钮（交互式按钮）如何更改字幕的格式呢？（6）在“表现方式”区中指定字幕文本的移动方式（7）如果要指定字幕组件的大小，可以选中宽度或高度复选框，然后输入所需要的宽度或高度的像素值（8）指定重复次数，可以选“连续”（9）在“背景色”下拉表框中选择一种颜色作为字幕的背景颜色（10）这样好看而实用的字幕就做好了（二）交互式按钮（1）在“网页”视图中文档窗口的底部，单击设计（2）将插入点放在要添加按钮的位置（3）单击“插入”—“交互式按钮”，弹出“交互式按钮”对话框（4）在“交互式按钮”对话框中“按钮”选项卡得“按钮”列表中，单击按钮样式（5）在“文本”框中，键入要显示在按钮上的文本（6）在“链接”框旁边，单击“浏览”（7）在“字体”选项卡中，可以设置在交互式按钮上文本的字体格式（8）在“图像”选项卡中可以对交互式按钮的宽度、高度、表现方式和按钮背景进行设置三、作品展示评价小组同学合作探究创建交互式按钮。学生踊跃展示作品互相评价作品完善作品学生畅谈收获和感受
