电脑软硬件应用网
当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文
使用Fireworks MX快速制作精美的弹出菜单
使用Fireworks MX快速制作精美的弹出菜单
2005-12-30 19:13:01  文/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)。“砖”已经抛出去了,能否引来“美玉”,那就要看大家的了。

  • 上一篇文章:

  • 下一篇文章:
  • 最新热点 最新推荐 相关文章
    设计理论-fireworks VS photoshop 的…
    说说photoshop与Fireworks的区别与联…
    Fireworks 8制作精美网页效果图
    Fireworks简单方法打造网页“闪字”…
    使用Fireworks 简单绘制竹子
    Fireworks中设计网页虚线的几个妙招
    Fireworks制作妇女节主题宣传动画
    用Fireworks制作简洁清爽的网站界面
    Fireworks绘制简笔QQ企鹅
    Fireworks蒙版制作图片窗格效果
    关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 |

    Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号