用Fireworks制作下拉菜单和交互图片

用FW做网页不仅和DW结合紧密，而且FW的交互功能也是非常强大的，今天来做一下很常见的2个实例，虽然很平凡
但我希望加上大家创意以后会让你的灵感飞翔起来！
1,新建一个200*200的画布 画成如图样子 要注意的是 图上的橙色的条是由4个50象素宽的条组成，然后复制一帧,如图。(图1)
) W# S- o7 ?" h  }! i* |" D


4 @2 I) }( s2 G* ^. C

6 H9 n; y' j, b. |+ h2.选中第2帧，把中间的条改变任意的颜色。(图2)
  y* p% K, q& v) ?" s" h



. S2 ?- E( p! b2 J- O- u& b
3 c1 s. M" v( T! @3 y3.将图片进行切割，然后右键单击条声的切片，选择图中选项。(图3)
7 A) l# L. G8 V  V: B3 z
2 g/ ?% M! Q+ }( d$ O

3 \% ^$ |: `' n. n' i1 P3 f
2 U7 c6 z2 X, R3 @
4.注意看图中红色的筐，用鼠标可以直接点上面的热区，也知道自己设定。(图4)

[color=red'][1]
?[2]?下一页??

: Y% G7 r1 L. Y4 x! u8 [
" x/ q+ @2 ?7 ]( W1 ]3 O% Q  w
  B& [" b: t: q1 R




5.打开“文件”》》“导出”会出现如图面版。 注意HTML和切片的设置 关于FW的图象优化我以后会专门写一篇教程，因为针对web的图象输出是一个大问题。(图5)

7 I$ Y! b3 ^; j1 I" K* L0 |
7 c1 m, o* c2 K$ \
! B: U+ v7 Y1 j3 K1 O0 |

6.现在让我们来做下拉菜单，同样的用右键点某个切片，选择下拉菜单会出现如图画面，在内容中，你先要想好一共有些什么栏目，他们的从属关系又是怎么样的，我建议自己先画一个这样的类似站点地图的图案，然后开始新建一系列的菜单。按图中的“+ -”号旁边的两个图标可以调整各栏目的隶属关系。在外观中可以设定下拉菜单的风格，大小，字体等。在高级中有关于下拉菜单的高度宽度等设定。(图6)


" d( Z6 l% r' V$ z- M
4 H% ~7 T9 R$ V7 @

7.用鼠标可以拖动图中兰色热区的位置，而热区的位置是代表了下拉菜单执行的位置。
2 G) f5 L4 k7 r; r还有一点值得注意，如果你没有严格定位，而是随意的用鼠标拖动下拉菜单的位置导出为HTML后 在800*600和1024*768分辨率下下拉菜单的位置会改变。(图7)
) M4 l" o0 N+ m7 a  I% D
$ f( r* r& u7 ]/ V7 @. W
) F( o: n) A4 C; Q
9 F1 g5 ?5 j8 r, x# A

; X, q5 b  b& H' g0 c3 J最终效果图
+ G. b4 X8 H  c6 s% e9 o
& j4 P. _( R. N

# a! v( ^# m& K上一页??[1]?
[color=red'][2]
* h! p; Z0 X( ~2 O1 i?