Dreamweaver CS3网页设计培训教程电子教案13.pptVIP

13.2.2 典型案例——通过添加行为制作“首饰展示”网页 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 13.2.2 典型案例——通过添加行为制作“首饰展示”网页 案例小结 本案例在网页中添加了“交换图像”行为和“设置文本”行为，主要练习为网页添加和修改行为的操作以及“交换图像”行为和“设置文本”这两个行为的具体使用方法。 使用行为能够很方便地在网页中添加一些原本需要进行编程才能实现的功能，如果读者对JavaScript感兴趣，则可以在代码视图中查看这些行为的代码；也可以对这些代码进行修改，以实现个性化的功能。 13.3 上机练习 13.3.1 添加“检查表单”行为 13.3.2 增大/收缩元素 13.3.1 添加“检查表单”行为 本练习将为12.3节中制作的“商品搜索”网页添加“检查表单”行为。 13.3.1 添加“检查表单”行为 操作思路： 选择表单中的【搜索】按钮作为添加行为的元素。 设置【商品关键字】和【商品所在地】文本框为必填、【价格范围】文本框为必填且为数字。 13.3.2 增大/收缩元素 本练习将为“手机报价”网页添加“增大/收缩”效果，当鼠标移动到图片上时，图片从80%渐变增大到100% 。 13.3.2 增大/收缩元素 操作思路： 为第1张缩略图添加动态效果。 用同样的方法为其他图片设置动态效果。 Dreamweaver CS3网页设计培训教程 * 第13课 用行为为网页添加交互功能 本课要点 具体要求 本课导读 上机练习 本课要点 行为的添加与编辑 主要行为的使用 具体要求 了解什么是行为 掌握行为的添加方法 掌握行为的编辑方法 掌握主要行为的使用方法 本课导读 通过行为，可以在网页上实现一些简单的交互效果和实用特效，它是Dreamweaver CS3预置的JavaScript程序。通过使用行为，不进行复杂的编程就能实现许多常用的功能。 13.1 行为的添加与编辑 行为是Dreamweaver CS3中内置的脚本程序，使用行为能让用户与网页进行交互，如打开网页后弹出一些提示信息及在页面中制作飘浮动画等。 13.1 行为的添加与编辑 13.1.1 知识讲解 13.1.2 典型案例——通过行为制作打字效果 13.1.1 知识讲解 Dreamweaver CS3中内置了23种较常用的行为。在使用这些行为之前，需先了解什么是行为以及如何添加行为。 13.1.1 知识讲解 1.什么是行为 2.认识【行为】面板 3.添加行为 4.编辑行为 5.获取更多的行为 1.什么是行为 行为由事件和对应的动作组成，事件控制何时执行，动作控制执行什么。例如，将鼠标光标移动到某个超链接上时，该超链接就会产生一个onMouseOver事件；至于超链接文本变为其他颜色等效果，则是动作的具体内容了。 2. 认识【行为】面板 通过【行为】面板可以添加和控制行为。选择【窗口】→【行为】命令或按【Shift+F4】组合键，打开【行为】面板 。 3.添加行为 将行为添加到body标签、超链接、图像或表单等网页对象中，可使其具有交互功能，实现一些特殊的效果。 添加行为的具体操作请教师参照软件和书中内容进行讲解。 4.编辑行为 可以对添加的行为进行修改，主要包括修改行为的事件、行为的动作和行为的顺序3个方面，具体操作方法请教师参照软件和书中内容进行讲解。 如果不再需要某种行为，则可以将其删除，方法是：选中要删除的行为，单击按钮或直接按【Delete】键。 5.获取更多的行为 单击【行为】面板上的按钮，在打开的【行为】菜单中选择【获取更多行为】命令，系统将启动网页浏览器并打开Adobe公司的官方网站，在其中可以下载更多的行为。另外，在其他网站也可以下载一些行为，下载的行为的扩展名通常为.mxp；也有一部分是直接以网页的形式提供的，对于这种行为，根据提示文本复制并修改相应的代码即可使用该行为。 13.1.2 典型案例——通过行为制作打字效果 案例目标 本案例将安装下载的行为，并在10.1.2节制作的“花样年华”网页中添加行为。 13.1.2 典型案例——通过行为制作打字效果 操作思路 （1）在【Adobe Extension Manager】窗口中安装下载的行为。 （2）添加行为。 13.1.2 典型案例——通过行为制作打字效果 操作步骤 具体操作步骤请教师参照软件和书中内容进行讲解。 13.1.2 典型案例——通过行为制作打字效果 案例小结 本案例练习了下载行为的安装和使用，不同的行为安装后在Dreamweaver CS3中出现的位置可能不同，可以在