background image

Studio

 

,轻轻松松即可快速办到。首先在

Fireworks 

 

里开始,选择某个图片, 然

 

后在

Set Pop-Up Menu

 

的对话框里选择

Insert· Pop-Up Menu,你可以输入项

目(

items

 

)的名称并选择

Plus (加入)按钮,来新增该项目。你可以继续在跳

出来的讯息框里进行细项设定,例如设定该项目所要用的文字及连结,当然也可以

 

新增子选单、并重新安排下一层的设定。完成时,选择

Next (下一步),继续设

 

定偏好值,例如颜色、字体等等。这时选单完成后,可以预览

HTML 语法,也可

 

预览影像。再选择

Finish (完成)。这时当鼠标移动到原来的图案时,会出现选

 

 

单系统的内容一览。 接着将制作好的档案汇出时,

Fireworks 会自动生产出所有 

Dreamweaver 

 

需要用到的

HTML、JavaScript,以及影像档案。

4. 让图档动起来!

 

如果你同时安装有

Dreamweaver/Fireworks Studio,这两种产品搭配的完

美程度将使你赞不绝口。即使你不是专业的图档设计者,在设计网页时也多多少少

 

想把一些

GIF 图片文件修改得活灵活现。Dreamweaver 可以让你制作动画不求

 

人喔!在标准窗口里选择要进行修改的图片,然后在

Property Inspector 里选择

编辑钮(

Edit

 

)。如果你安装的

Dreamweaver

 

里附有

Fireworks  

Fireworks 

 

就是

Dreamweaver 

 

预设图片编辑器,这时图片就会自动加载到

Fireworks。

 

(若仔细看,各位会发现

Fireworks 

 

的画面会出现

Editing From 

Dreamweaver 这样的文字和图样,指示你可以由 Dreamweaver 里进行图片编

 

 

辑。) 好了,现在在

Fireworks 

 

里选择要编辑的图片,选择

Modify ·Animate 

·Animate Selection  

 

。 接下来完成

Animate dialog box 里的设定,选定动画的

 

框架数,动画移动的方向、透明度等等设定。你也可以选择

Frames 工具列设定

 

移动速度,选择

Object 

 

面版来改变设定。要汇出档案时,只要选择

Optimize 工

 

具列,在档案类型的地方选择

Animated GIF。完成以后,Fireworks 就会自动

 

将图片以最佳化设定汇出,并且自动将

GIF 

 

图档更新,还会在

Dreamweaver 里

 

将更新过的图档秀出来。选择

File ·Preview in Browser,这样就可以在浏览器

里预览刚刚制作完成的可爱图档!

5. 

 

让按钮有闪动效果

 

Dreamweaver

 

中,不用有

Flash 

 

程序,也可以制作有闪动效果的

Flash 

 

按钮对象。

4.0 

 

版内建有好几个

Flash 按钮对象,可以制作好几个不同形式的按

 

钮。选择

Insert ·Interactive Images ·Flash Button 就可看到有哪些内建按钮。

在对话框内甚至可以用鼠标指到想要使用的按钮形式,然后看看在浏览器里的效果
如何。用鼠标光标把要用的按钮形式选起来,再依序输入参数,例如按钮上的文字、

 

字形、颜色、连结等,或是自定文件名称。按 下

OK

 

。接下来就会有一个

SWF 档

 

产生,档案并会自动置入你的网页中。按一下这个做好的档案,会看到

Property 

Inspector (属性明细)中会秀出档案的属性。将档案属性秀出来时,如果扩展档

 

案属性明细表,会出现

Play (播放)钮,选择之后可以不用开启浏览器来预视按

钮的闪动效果。

6. 制作流动文字

 

 

在网页中增加 流动文字就像增加我刚刚介绍的

Flash 按钮一样简单。相同地,

 

不用安装

Flash

 

,用

Dreamweaver 4.0 提供的新功能就可以轻松办到。常用 

HTML 语法写网页、没有交互式媒体经验的网页制作者也可以轻松制作出小巧的