(刘杰讲第四节制作动态网页.docVIP

制作动态网页（初中信息技术八年级） 必修作业模版内容1．教学设计学科名称2．所在班级情况，学生特点分析3．教学内容分析4．教学目标5．教学难点分析6．教学课时7．教学过程8．课堂练习9．作业安排10． 附录（教学资料及资源）11． 自我问答 第八节 制作动态网页 ? 教学目的： ⒈； ⒉掌握滚动字幕的制作； ⒊按钮；⒋掌握使用放大镜效果； ⒌学会； ⒍学会网页。 ? 重点难点： W和动态HTML效果的制作。 ? 教学方法： 讲解、演示和学生上机操作 课时： ??? 3课时 教学步骤： 〈导入新课〉 同学们，我们学会了用FrontPage200制作网页的一些基本的操作，我们的网页更漂亮在网上我们看到很多网页上的元素都能动起来，那么我们是不是也想让我们的网页动起来呢？下面我们就来学习动态网页的制作。 〈板书〉????????????????? 第八节 制作动态网页 我们看到，许多网站都有，其实它的制作并不复杂。现在我们来为我们的“环保”网站〈板书〉一、[演示] huanbao网站中，“century.htm”的框架页面，将两幅标题的图片轮流显示在页面上。 操作步骤： (1)?依次单击“插入” 菜单中的“组件”“插入web组件”的对话框。 (2)在“插入web组件”的对话框中“组件类型”中选择“包含内容”，在“选择内容类型”中选择“预定图片”?。 (3)?。 ??图(4) 在“预定图片属性”对话框中，通过“浏览”确定“在预定的时间内”显示的图片及“在预定的时间之前和之后”显示的图片?。 (5)?(6)单击“确定”按钮。? 这样，我们的“”就做好了。 下面我们来创建滚动的文字字幕。 〈板书〉 二、滚动字幕 [演示] 在主页的标题图片下面插入滚动字幕，文本内容为“让地球更绿，让我们的家园更美好”。 操作步骤： ?（1）插入点到，“插入” 菜单中的“组件”“组件类型”中选择“动态效果”，“字幕属性”对话框。 （）在“文本（T）：”中输入字幕内容。方向设置为“左”速度“延迟”用来设置字幕每次移动的时间间隔，该参数越大，字幕移动越慢；“数量”用来定义字幕每次移动的距离，该参数越大，字幕移动越快我们使用默认值。“表现方式”“滚动条”可以让文字沿设置的方向，从字幕区域的一边出现，到另一边消失。“幻灯片”可以让文字沿设置的方向，从字幕区域的一边出现，当文字到达字幕区域的另一边时停止滚动并保持在屏幕上。“交替（A）” 可以让文字在字幕区域来回移动。我们把“表现方式”设置为“滚动条”。 区域设置字幕的大小。，其余采用默认值。 （），单击“确定”按钮。 我们切换到“预览”来看一下其效果。下面我们来。 〈板书〉 三、，。我们切换到“预览”来看一下其效果。〈板书〉四、动态HTML效果我们在在century.htm网页的下框中输入有关地球日的资料，将其定义为在网页加载时“从右下部”“飞入”页面的动态效果。 [演示] 操作步骤： (1)??? 将插入点移到的，选定上述文字，然后单击“”菜单中的“”，选中“DHTML效果”，弹出“DHTML效果”工具栏。 (2)?在“动态HTML效果”工具栏。 接下来我们来学习“动态HTML效果”的制作。 〈板书〉 五、动态HTML效果操作步骤： (1)???然后单击“”菜单中的“”，选中“DHTML效果”，弹出“DHTML效果”工具栏。 (2)?如图4-4-9所示，选择 “单击”。最后，。 〈板书〉 六、[演示] 操作步骤： 1）．? 单击“” 菜单中的“”，“网页”对话框。 2）．? 3）．? 可以单击“一直循环”左侧的复选框来连续播放，也可以在“循环”右侧的文本框中输入数字，指定循环播放的次数。 单击“确定”按钮即可。 〈总结〉 今天我们学习了六种动态网页效果的制作。其中，前种是利用“插入”菜单里的“组件”子菜单。而第五种“动态HTML效果”，是使用“”/“工具栏” / “动态HTML效果”。第六种是使用“”/“网页过渡”。请同学们在上机操作是熟练掌握它们。 板书设计： 第八节制作动态网页 一、二、滚动字幕 三、四、 五、动态HTML效果六、? 上机操作1： 、滚动字幕、? 上机操作2： 使用动态HTML效果、? ?