任务二 网页的动态效果 课件 (1)

课件16张PPT。任务二 网页的动态效果课前导入 在前几节课中我们学习了如何建立站点，并在站点中围绕“我的家乡”为主题制作了主题网站，建立几个网页。在网页中我们插入了相关图片，进行了排版，建立了超链接，网页表格等内容。
请同学们欣赏这些网页，你们发现这些网页和我们以前学习制作的网页有什么不同？
???教师展示一个动态网页。
浏览网页
请浏览以下网页及一个网站如www.sohu.com以及网页
这些网页好吗？为什么？有哪些地方我们的网页没有实现？
什么是动态网页？教学主题网页中有哪些常见的动态效果？
怎样利用frontpage2003实现网页
常见动态效果？ 探究完成同学们观察这几个熟悉网站发现有一些动态字幕，广告条等等，那么这些动态效果是怎么实现的 ？
动态字幕怎样插入？
如何让字幕移动的速度变快？
怎样设置它的属性 ？分组讨论 自动3人一组，分成若干小组来讨论。
探究目的：学习科学探究方法，探讨解决问题
通过网络、图书查找资料。
分工合作、小组讨论。
通过探讨，查阅、实验等小组合作的方式试图回答问题。
插入字幕 字幕又称为流动文字框，在网页中以流动的方式来突出显示某个文本内容。 在字幕属性“对话框”中，文字的运动方向只有左右，那么怎样实现上下方向？
如果用户想实现向上和向下滚动必须修改Html源代码才能完成。具体操作是：在源代码编辑状态下，为滚动标签＜maquee〉添加 direction即可。＜marquee direction=“up”〉滚动的字幕文字向上〈/marquee〉。把up改为down即可实现字幕向下滚动的效果。 我们发现在表格布局的网页中，如果单元格的图片是作为背景图的，可以插入动态字幕；但某个插入图片的单元格，如果再插入动态字幕时原先的图片会消失，为什么 ? 知识拓展（一）解决方案插入新的层，在层中插入即可。
演示插入层来实现同一单元格两个对象的插入
课外思考：如果要在同一单元格插入3个以上不同的对象，怎么办？？ 我们观察了几个网站，的确发现有些网页的元素在鼠标静止时为一种形状，当鼠标单击或经过时为一种形状，为什么？对以上问题，讨论查询得出结论：

原来是使用了动态HTML效果 。它的原理是网页用了两个不同元素，即静态时为一个元素，鼠标触发事件后换做另一个。
知识拓展（二）动态 html是指创建出如逐字移出网页的文本、当指针移到文字上时，文字变色和网页间旋转变换等各种动态效果。移动的文本、变化的图片、按钮和时间都属动态 html效果。
实现方法：要创建动态网页效果，只要依次单击菜单“格式”、“动态HTML效果”，在“动态HTML效果”工具栏中选择适当效果即可。
实践演练学生制作动态网页指导学生进行小组交流与自我评价 1、按小组交流作品；
2、每小组评选一个较有特色的作品在全班展示；
3、根据老师提供的量规表进行自我评价。通过小组讨论和自我反思，不断发现自己的优缺点，提升自我。 我们决定选取我的家乡主题网站中主页的一段文字，制作动态HTML效果。做一做 THE END再见