（中职）Dreamweaver实例教程第9章教学课件_第1页
（中职）Dreamweaver实例教程第9章教学课件_第2页
（中职）Dreamweaver实例教程第9章教学课件_第3页
（中职）Dreamweaver实例教程第9章教学课件_第4页
（中职）Dreamweaver实例教程第9章教学课件_第5页
已阅读5页，还剩16页未读， 继续免费阅读

付费下载

下载本文档

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

文档简介

1、正版可修改PPT课件（中职）Dreamweaver实例教程第9章教学课件第九章网页特效 学习目标1）了解行为面板的基本功能。2）掌握常用行为的使用。9.1 行为面板基本功能 重点提示1）理解行为的作用。2）熟悉行为面板。 行为是实现网页上交互的一种捷径，Dreamweaver 8.0 行为将 Javascript 代码放置在文档中，以允许访问者与 Web 页进行交互，从而以多种方式更改页面动作或执行某些任务。行为是事件和由该事件触发的动作的组合。事件是动作被触发的结果，而动作是用于完成特殊任务的预先编好的JavaScript代码，诸如打开一个浏览器窗口，播放声音等。当对一个页面元素使用行为时，

2、需要用户指定动作和所触发的事件。 实例1 熟悉行为面板。9.2 “改变属性”动作的应用 重点提示1）动态改变文字大小2）使用“改变属性”动作交换图片实例2 动态改变文字大小。鼠标移到这段文字上，文字将被放大，单击鼠标时，改变文字的背景色，鼠标移开，文字恢复原大小。 实例3 变换图片。实现效果：当用户把鼠标移到图片上时，就换了一张图片；当把鼠标移开图片时，它又恢复了原来的图片。这种动态效果同样是用“行为”中的“改变属性”动作功能实现的。课堂练习利用表格做一个变色按钮，当鼠标移到按钮上时，按钮背景色变为红色#ff0000，当鼠标按下时，按钮背景色变为浅黄色#ffffcc，当鼠标离开按钮时，按钮背景

3、色恢复为原来的淡蓝色#ccccff，练习效果见下图。 鼠标不在按钮上时 鼠标移到按钮上 鼠标按下时9.3 制作弹出窗口 重点提示掌握网页中弹出窗口的制作方法。实例4 载入网页时弹出窗口。课堂练习1使用超级链接控制弹出窗口。 2图片控制弹出窗口练习。9.4 制作动态图片按钮 实例5 制作动态图片按钮。实例效果如下图所示。9.5 制作动态图片说明 重点提示掌握动态图片说明的制作方法。实例6 制作动态图片说明。当鼠标指向不同的图片上时显示一段关于相应图片的文字说明，实例效果下图A、B所示。 图A鼠标不在图象上图B 鼠标移到图象上9.6 设置状态栏文本重点提示掌握状态栏文本的设置方法实例7 在状态栏显示普通文本的提示。当鼠标移到这段文本上时状态栏显示关于文本的信息，鼠标离开这段文本时，状态栏中的信息消失，实例效果如下图所示。 9.7 播放声音 重点提示掌握如何为网页中添加声音。实例8 在普通文本上播放声音。实现的效果就是当浏览者的鼠标移到某段文本上就开始播放声音。本 章 小 结 本章详细地讲解了部分网页特效的制作方法和基

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

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

最新文档

评论

0/150

提交评论