网页的动态效果.doc_第1页
网页的动态效果.doc_第2页
网页的动态效果.doc_第3页
网页的动态效果.doc_第4页
全文预览已结束

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

第9课 网页的动态效果一、 教学内容图片的动态效果文字的动态效果二、 教学目标初步掌握网页动态效果的制作能合理使用网页的动态效果。三、 教学重难点图片的动态效果文字的动态效果四、 教学准备网络教室，Frontpage五、 教学过程导入讲述：在前面的学习中,我们学会了在网页上制作滚动字幕.那么同学们是不是都会做了呢？练习：学生复习滚动字幕的制作。新授讲述：大家在上网浏览的过程中,有没有注意到有些网页上的某些图片会在你用鼠标点击后变成另外一张图片 或者是有些文字会从不同的地方突然飞出来？演示：教师演示几个网页的动态效果。讲述：其实这种效果我们称为网页的动态效果,这种动态效果分为两种,一种是图片的动态效果,一种是文字的动态效果.今天我们就先学习做图片的动态效果。（板书:图片动态效果）我们先学习图片的动态效果做一个图片的动态效果需要以下几步步骤:步骤一:单击格式菜单中的动态HTML效果命令.步骤二:单击工具栏中的,插入一张图片.步骤三:选定图片,单击开启下拉列表中选择一种事件,如单击事件.步骤四:在应用下拉列表中,选择一种效果,如:交换图片效果.步骤五:在选择设置中,单击选择图片.步骤六:选择图片.步骤七:单击确定按钮返回页面.教师演示操作过程板书:格式动态HTML效果单击插入图片按钮选定,选择开启事件选择应用效果完成效果设置单击确定完成学生按照教师所演示操作过程,完成在网页上制作图片动态效果的过程.下面我们学习文字的动态效果（板书:文字动态效果）做一个文字的动态效果需要以下几步步骤:步骤一:输入文字欢迎光临!,并设置文字格式.步骤二:将光标置于文字一行内,在动态HTML效果工具栏中选择网页加载事件,在应用下拉列表中选择效果,如飞入效果,飞入的方式为从底部.教师演示操作过程板书:输入文字设置文字格式在动态HTML效果工具栏中选择事件选择应用效果选择方式学生按照教师所演示操作过程,完成在网页上制作文字动态效果的过程.注意:在上本课教学内容时要提醒学生,以上两种动态效果一定要在预览状态或者是在浏览器窗口中才能看到动态效果.提问：如果在制作网页动态效果的过程中,对于自己所做的动态效果不满意或者是做错了,那怎么办呢？讲述：我们就可以删除动态效果，你可以把所做的动态效果删除.删除的方法就是打开动态HTML效果工具栏,利用其中的删除效果按钮就可以把动态效果删除.练习完成P42中的练一练和
人人文库> 全部分类> 生活休闲 > 科普知识

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论