|
Fireworks、Dreamweaver和Flash被网页设计爱好者并称为“网页制作三剑客”,可见fw在网页制作上还是有很强的实力的,今天我们就来看看fwmx在网页制作上有哪些改进吧。 我们先准备一张很简单的图片,想要在此基础上加上一个pop菜单以及作一个网站的连接。* m( m4 U' S3 H( `
& a. I4 I' K9 ~7 F2 C# q6 r
+ Z# `2 F: [/ b0 ~6 T* D
, X0 W! k8 p7 ~; ]+ R 在左上角用文字工具写上了菜单的连接位置,选中,转换成slice切片,点击modify>pop-up menu>add pop-uo menu开始建立一个pop菜单。" {7 P) K6 k+ g1 f+ u$ }% `
b. @ i, T" F0 Z# v# L. q' m & ?& Y3 w& f f
. E6 m7 p; X2 e 在弹出的对话框中分别将相关选项填上,确定,一个简单实用的pop菜单就作好了。! s# G3 {% N+ C! j6 r2 a
* v& \. k7 h- Y( I6 J q3 V1 G" p
+ g" H' s3 d5 N' N- ?8 d; m% l% H' N" E% h. X0 A
1 P9 u) n/ E: X! D. ]. H4 C2 f
9 R9 x9 e* W4 ]* |, q3 J, ^( Q* f
& v+ T" H& C+ M4 ^# t" U5 m% ?2 ]- {

4 H: D# ]5 t9 Z, P0 f8 G! |: ^- R( I. D( ^
% E3 p2 Y4 F( w) k3 W
3 b" {' K7 @/ Q& D! p
) E) i" R' s6 r. t& q
这时图片上已经被切成了5个部分,选中文字切片,出现了菜单的位置。我们还可以直接用鼠标移动这个菜单出现的位置。
8 Y6 e3 p1 J- S' C3 Z; e$ O: ^( Q2 P1 q+ m2 D) a% [/ O9 I& [! q- S5 q; J2 J

}7 y3 V' ?3 B* a) }5 f; E$ z+ v * w- m" b7 R# z* b% q

8 W7 }8 y6 `7 y5 ^8 ~- o S& I
% i! h h1 b8 t, I9 u) n! c6 Y 接着在图片的右下角写上我的网站的地址,选中,将其作成一个hotspot,在properties面板中填好网站连接地址、注释等等。2 a; t" O+ J; J; n
0 d3 e8 D7 ^4 _6 t d/ Q* N, _/ ~ 5 V3 q& ?, |6 Q2 j9 u# A
1 x% \% l! A6 P
接着导出成HTML,一个简单的叶子就作好了。6 W; P y; J, v: g' j
: @3 V2 y: d! `2 p3 s! ?- B0 ^! a, w9 n0 a8 n
) W' q. J# L: B1 i" Q( K
fwmx还增加了一个新的功能:将HTML页面导入到一个png文件里。这样我们以后就不用担心png文件丢失了。 . g) d! b3 u7 }8 C
/ m- f y3 J) j( x 我也试着将刚才作好的那个叶子重新导入了一遍,发现确实很方便。- F# [1 A* S0 _- ^- \' {
W% ~3 f6 ~) C0 a' T" \! s- g K
2 k# S5 x) a8 c1 c. v% c" E2 o
+ M/ |7 y0 K1 D 原文件
* q/ l. ]6 S8 t, T
4 a; S V6 W# ?$ l4 @
7 ], [3 i$ |! J( ?+ E* U& W8 F" ~6 L5 d0 ^
导入HTML后的png文件 ! ^* `4 f0 G. C- P
fwmx在网页制作上的进步其实很大的。比如reconstitute table就是个很不错的方便功能,但是千万别把它作为抄袭的工具(当然也不是所有的叶子都能抄袭的);pop菜单用fwmx做起来也很方便,但是还存在着定位的问题,需要手动改改代码。毕竟Fireworks不是真正的网页制作工具,只是一个辅助工具。 |
|