Fireworks制作导航栏与弹出菜单.ppt

《Fireworks制作导航栏与弹出菜单.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第9章制作导航栏与弹出菜单本章目标掌握行为面板的基本操作掌握制作导航栏与弹出菜单的方法29.1行为面板9.1.1关于行为9.1.2行为面板的操作39.1.1关于行为Fireworks作为网页设计专业软件，使其不仅可以用于网页效果图的制作、网页动画的制作、切片与热区的快速操作，同时，可以为切片、按钮或热区添加交互行为，这些交互行为，使得Fireworks在网页制作方面也有很强的辅助优势。在Fireworks中，我们称这些交互为行为，实际上，Fireworks中的行为，就是利用JavaScript和CSS代码实现图像交换、弹出菜单这些网页中常用的

2、交互效果，只是Fireworks利用其【行为】面板，为网页设计师在进行这些交互效果的实现时，更为便利，不必再书写大量的代码，所有的交互添加，都采用可视化操作。用户即使对JavaScript和CSS代码一无所知，也可以在Fireworks8中创建多种JavaScript按钮和CSS或JavaScript弹出菜单。在导出按钮或弹出菜单时，Fireworks会自动生成在Web浏览器中显示所必需的CSS代码或JavaScript。在MacromediaDreamweaver中，可以轻松地将Fireworks中的CSS代码、JavaScript和HTM

3、L代码插入到网页中，也可以将这些代码剪切后粘贴到任何HTML或CSS文件中。49.1.1关于行为行为的添加，是Fireworks与其他图像图形软件最大的区别之一。由于Fireworks的这种行为添加的功能，使得我们在实际工作中，可以利用其制作演示网页，以便于公司的客户人员，更好地与客户沟通，通过演示网页，我们不仅能看到整个网页的界面结构、色彩方案等外观，更能让用户能够体验到点击的乐趣，使得整个网站的业务洽谈及客户沟通更为顺畅。Fireworks中的行为，实际上是分为事件与动作两部分。所谓事件，即行为触发的条件，比如鼠标点击或滑过、页面载入或载

4、出等，通俗地说，用户在触发动作的时候，采用的是什么样的操作。有了事件，当然要有动作，用户在进行一个操作后，将会发生什么结果，这就是我们所说的动作，如弹出菜单、图像交换等。因此，动作就是，行为的事件执行后，所能够得到的交互效果。上面，是我们对行为、事件、动作三者间的简述，需要强调的是，行为包含着事件与动作，缺少了事件或动作的行为，在网页中，是不会有任何交互效果，事件与动作对于行为来说是缺一不可的。Fireworks中的行为添加主要通过行为面板来完成。59.1.2行为面板的操作（1）选择切片或热区，执行【窗口】→【行为】命令，或按快捷键【Shif

5、t+F3】，打开【行为】面板，可以看到，在面板的左边为显示事件，右边为显示动作，如图；（2）点击，即可弹出行为列表，从中选择一种行为，添加后的行为会出现在【行为】面板中，如图；69.1.2行为面板的操作（3）选择面板中的行为后，可以执行以下操作：：用于删除行为；：显示隐藏的行为；：编辑行为；：删除动作。79.2制作轮替图效果9.2.1关于轮替图9.2.2简单交换9.2.3交换图像89.2.1关于轮替图所谓轮替图，就是当鼠标滑过一个图形时，该菜单将角发另一个图形的显示。动作的触发对象始终是一个网页对象：切片、热区或按钮。最简单的轮替图像是将第1

6、帧中的一个图像与紧挨着它的下面第2帧中的图像轮替，也可以生成更复杂的轮替图像。轮替图像可以交换来自任何帧的图像，不相交轮替图像交换来自除触发对象切片之外的切片中的图像。当在Fireworks中选择一个使用行为手柄或【行为】面板创建的触发对象网页对象时，将显示它的所有行为关系。默认情况下，轮替图像交互由一条蓝色行为线表示。99.2.2简单交换创建简单交换图像是将两个重叠的帧进行交换，并且只涉及一个切片。具体操作如（1）执行【编辑】→【插入】→【切片】命令建立切片；（2）按【Shift+F2】组合键，打开【帧】面板，在【帧】面板中，单击【新建/重

7、制帧】按钮创建一个新帧；（3）在新帧上，创建、粘贴或导入用作交换图像的图像，并将该图像放在刚才创建的切片的下方；（4）在【帧】面板中，选择第1帧，返回到包含原始图像的帧；（5）选择切片并将鼠标放在行为手柄上方，鼠标变成手形，单击行为手柄，并从菜单中选择（6）添加简单变换图像行为选项，如图；109.2.2简单交换（7）按【F12】在浏览器中预览效果。119.2.3交换图像在浏览网页时，常会发现一些效果，如当鼠标指向个网页图像时，在网页的另一个位置会出现一个图像，这是不相交变换图像效果。不相交变换图像交换的是另一个与其自身位置不同的网页图像。当鼠

8、标滑过或单击一个触发器图像时，作为响应，在网页的另一个位置中出现一个图像。鼠标滑过的图像被视为触发器，发生更改的图像被视为目标。与仅使用一个切片的简单变换图像一样，