繁體中文当前位置: 首页 > 图文教程 > 平面设计 > FireWorks > 下拉菜单全攻略之Fireworks篇
- FireWorks
- Fireworks教程：英文网页导航的制作方法
- Fireworks教程:打造漂亮的水波gif动画
- Firewoks教程：摇动变形打造摇滚波字体
- Fireworks翻译教程：打造滚动的足球动画效果
- Fireworks教程：设计制作漂亮网页的过程
- Fireworks教程：路径组合打造公告栏挂绳效果
- 分析宽高自适应的九宫格背景图片切割的技巧
- Fireworks教程:合成制作怀旧石头字效果
- Fireworks教程：通过实例讲解光影的运用
- Fireworks教程：分享动画制作的心得
- Fireworks教程：运用滤镜制作旋转的四叶草动画
- Fireworks教程：简单打造可爱粉色gif闪图
- Fireworks教程：图片转换动态个性签名的制作
- FireWorks教程：外发光效果巧应用
- Fireworks教程：运用字体打造酷酷涂鸦墙壁效果
- Fireworks教程：结合PS制作马赛克变换动画效果
- Fireworks教程：制作可爱晶莹果冻字
- Fireworks教程：运用滤镜打造特色打孔字效果
- Fireworks实用教程：gif动画图片批量添加水印的方法
- Fireworks教程：打造仿梦幻水墨画效果
FireWorks 中的 下拉菜单全攻略之Fireworks篇
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-11-22 浏览: 42 ::
收藏到网摘: n/a
■ Fireworks 4/Dreamweaver 4双剑合壁造弹出菜单
与图形设计制作软件的龙头老大-Adobe公司的Photoshop相比，Macromedia公司的Fireworks 4(以下简称FW4)可谓短小精悍，同时，她对于网页图形制作的强大支持，也使其轻松获取了大批网页设计师的信任和追随。配合Macromedia网页制作三剑客中的另一位大名鼎鼎的剑客Dreamweaver 4(以下简称DW4)，FW4可以轻而易举地做出时下网页中甚为流行的弹出菜单(亦称下拉菜单)。如果你对DHTML网页编程不甚熟悉，看到代码就头疼，不如跟随笔者一起亲身体验FW4的魅力所在吧！
一、 在FW4中制作菜单
1．制作母菜单按钮
打开FW4，选择File菜单下的New，或者按Ctrl+N快捷键，如图一新建一个文件，尺寸200X30像素，精度72像素/英寸，背景透明。
选择Window菜单下的Tools打开工具面板，从工具面板上选择矩形工具，
画一个100X30像素大小的矩形，选择Window菜单下的Info打开信息面板，直接输入数值精确调整尺寸和位置；
选中这个矩形，Ctrl+C复制，Ctrl+V原地粘贴，这时候两个矩形重叠，将上面这个矩形拖到旁边，同样使用信息面板定位；
然后分别选中这两个矩形，调整它们的填充色和边框色，方法有两种，一是利用工具面板上的Color工具区里的Stroke和Fill按钮，
二是选择Window菜单下的Stroke和Fill分别打开线型面板和填充面板，在面板上选择，注意的是线型要选"Pencilà1-Pixel Hard"或"BasicàHard Line"(如图)，
这样输出后才能做出细边框效果；从工具面板上选择文字工具，输入文字，注意选择文字的平滑度为No Anti-Alias（关闭反锯齿，如图），
然后同时选中文字和其中一个矩形，从Modify菜单下的Align中分别选择Center Vertical和Center Horizontal来对齐文字和矩形，效果如图所示。
2．制作弹出菜单条目
同时选中对齐后的文字和矩形，选择Insert菜单下的Convert to Symbol，或在矩形上点鼠标右键，在右键菜单里选Convert to Symbol，或者按F8快捷键，在弹出对话框里的Type中选Button(按钮)，将这个矩形转换成一个按钮对象，
这时，将鼠标移到按钮对象中间的圆形标志上鼠标会变成手形，单击圆形标志，在弹出菜单中选择Add Pop_up Menu…，
然后就可以在弹出的Set Pop-Up Menu设置窗中设置你的弹出菜单了。如下图，笔者已经设置了一些菜单条目。
大家可以在Text中设置条目的文字名称，在Link中设置条目的链接路径，在Target中设置打开链接的目标窗口，设置完后点一下"+"按钮就可以生成一个菜单条目了；如果想删掉，点中条目，再点"-"按钮就可以删除条目；如果想修改条目设置，只需点中条目，修改各项设置后点Change按钮即可。FW4的弹出菜单是可以做多级
评论 (0) 