45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

使用Fireworks MX快速制作精美的弹出菜单

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:13 作者:45IT收集

弹出菜单是当您将指针移到浏览器中的触发图像时出现的菜单。它包含链接其它网页的项目列表。它们是怎么做出来的呢?我们可以利用Macromedia公司提供的 Fireworks MX这款软件,快速而又方便地做出精美的弹出菜单。制作步骤如下:

1. 打开Fireworks MX

2. 选择菜单栏“文件→新建”(或直接用快捷键“Ctrl+N”),弹出“新建文档”对话框。在这儿可以设置画布的大小及颜色,我们选用默认值,点击“确定”。

3. 选择菜单栏“文件→导入”,弹出“导入” 对话框。根据自己的需要选取一幅图片(也可利用Fireworks MX制作),点击“打开”。此时鼠标转化为插入指针,将插入指针放到画布的适当位置,点击鼠标左键即可导入所选图片

4. 在图像仍被选定时,选择菜单栏“编辑→插入→切片”(图1)。或在图像仍被选定时,将鼠标移到图像上,点击鼠标右键,选择“插入切片”。一个切片随即插入到图像的上方。默认情况下,切片具有绿色层叠。


5. 选择覆盖“文学名著”图形的切片,选择“修改→弹出菜单→添加弹出菜单”。“弹出菜单编辑器”随即打开。

6. 双击左上角的文本框。在文本框中键入 “亚洲文学”,然后按Enter键。下一个文本框被高亮显示,供您创建另一个项目。

7. 键入“欧洲文学”,然后按Enter键。

8. 再创建三个项目,分别为“美洲文学”、“非洲文学”和“大洋洲文学”。

9. 双击“亚洲文学”项目的“链接”文本框。输入URL地址,然后按Enter键。如果是为了练习,可以输入任何URL,如果是实际使用,一定要使用实际的URL。
10. 为其余项目输入URL。

11. 单击“完成”关闭“弹出菜单编辑器”。在工作区中,弹出菜单的轮廓显示为附加在切片上。

12. 若要测试弹出菜单,请选择“文件→在浏览器中预览→在[您的首选浏览器]中预览”在浏览器中预览文档(或直接按快捷键“F12”)。

注意: 弹出菜单必须在浏览器中预览,因为在 Fireworks 中使用“预览”选项卡时看不到它们。文档在浏览器中打开之后,将指针移到“文学名著”图形上。您创建的弹出菜单出现。单击每个项目以测试链接。

13. 至此一个简单的弹出式菜单已经完成。

14. 接下来的工作就是进一步修饰和美化这个弹出式菜单。回到“原始”状态,选择覆盖 文学名著 图形的切片。

15. 选择“修改→弹出菜单→编辑弹出菜单”。“弹出菜单编辑器”随即打开。或将鼠标指向图形切片中心处的圆形图标(称为“行为手柄”),当鼠标变为小手的形状时,单击鼠标左键,在弹出的菜单中选择“编辑弹出菜单”。

16. 我们可以分别利用“外观”、“高级”、“位置”三个不同的编辑窗口对这个弹出式菜单作综合的修饰和美化。具体如何修饰,我想大家一看就会明白的,这里就不再详述,关键在于自己想要什么样儿的效果。

17. 下图是作者制作的效果(图2)。“砖”已经抛出去了,能否引来“美玉”,那就要看大家的了。

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识