将Fireworks表格插入Dreamweaver
到目前为止，你已经体验了跨产品的交互，从Dreamweaver到Fireworks再回到Dreamweaver。现在你将会进一步体验这种循环，将一个Fireworks表格放置到Dreamweaver中，并在Dreamweaver和Fireworks中编辑它，最后回到Dreamweaver中看到已经更新的文件。8 R8 R4 y' a [- Z( K
; I8 a. ?: o9 O0 I% m1 H/ }6 ^( Y
你将从在Travel Detail页面中央空白区域放置一个Fireworks表格开始。首先，你要打开PNG格式的源文件。切换到Fireworks。在Fireworks中，选择File->Open。在弹出的对话框中，找到硬盘上存放xtutorial_dwfw4的目录，找到content.png文件，并打开它。6 }# F7 p+ q$ {1 @ A9 y
) r4 S' |' W+ {& B6 p! K e
7 U& Q6 B. k9 k
 / }; }4 e9 V# Y5 ^
) I' {; ]2 L" i! `$ N
' t/ Y# V, D, t9 O, V6 t( Z
content.png文件是一张大图片，但是已经被切割为很多个小矩形。如果想要了解更多关于创建切割的信息，请查看Fireworks帮助（Fireworks Help）中的使用热区和切割（Using Hotspots and Slices）。/ L1 F3 @3 o/ @2 H) X1 J( X( Y0 M
9 Q; b# V& B7 B& p7 l* s
点击工具条底部的显示切割（Show Slice）按钮显示出切割的边缘。3 j; L9 ?! p* ?9 J- u5 f
/ A5 d. m" L# @/ X( b% C: c
% Z8 H( L) W o% ]5 a$ _& ]9 ]
- N5 @- k! y% a1 T; \# P* _( V2 K% K+ d9 L
7 Y/ F: {# K# k. Z) A5 f/ X 当你输出这张图片后，每个切割都会成为一个HTML表格的单元格。选择File->Export。在Export对话框中做如下修改：将文件保存的目录修改为xtutorial_dwfw4/images下的table目录。将文件命名为content.htm。在Save As的弹出菜单中，选择HTML and Images。在HTML弹出菜单中，选择Export HTML File。在Slices弹出菜单中，选择Export Slices。选择Include Areas Without Slices。$ N6 ~$ X: m, S# b
& ^7 `5 s+ J7 Y" d% O2 y
2 m; a3 k$ o- W# b$ E r7 e5 V" W
 ; M5 Z% }6 N) A5 K+ `7 O" v U" f) I
k4 _9 ^; d. U5 v9 s6 }) _* U: U) j' G: p1 f( ]$ I
点击Save完成输出并保存相关文件。在Fireworks中，关闭content.png文件，但不要保存，同时不要关闭Fireworks。将Fireworks表格插入Dreamweaver。
! \9 `( _' y/ X3 T |9 Z D( ^" y6 @2 u3 b; L. l
现在，你已经将Fireworks表格输出到Dreamweaver网站中，接下来就可以把它放置到Travel Detail页面中了。切换到Dreamweaver，并确认当前窗口中是Travel Detail页面。点击表格中间空白单元格的左上角设置一个插入点。7 o" t% n* J G& h6 |. p+ T
, B* K4 ?$ e9 }1 g: K/ m [
+ J/ R4 b8 Y& `. k # r( c" v& k5 A& J' o/ H
# k6 v# ^' n% r+ e) W1 e
6 i+ m9 a$ B. r1 m& Q+ Y 你将会通过插入content.html的方法来添加Fireworks表格。当你添加Fireworks HTML代码的时候，所有相关的图片都会包含在内。在Dreamweaver中，点击Object面版上的插入Fireworks HTML按钮（Insert Fireworks HTML）。
' A. H1 [: T; v* g! a S
% q, V: }0 Q$ |* [) L
/ V: X6 V% P. T9 j ( g3 ~9 Z; {+ f; O8 ]5 e b
- z: }! |9 N, y {2 H2 i! ?; ~
6 B+ h8 t1 X+ _- R3 _6 J; r 在出现的对话框中，点击浏览（Browse），找到你硬盘上的xtutorial_dwfw4目录并在它下面的images/table目录中找到content.htm文件。点击ok来插入Fireworks表格。$ h3 `0 t7 n% U; G( A5 L5 b
* H; g2 `# A n7 f5 e' I4 s
3 o+ `) F! Z0 b
s7 a1 i: g& Z. i3 w, Z
% x' j& n+ _0 H, y4 ^$ b9 A, c6 h9 B* { G# v
7 I6 \6 G# Y2 ^8 f9 T% y) x
选择File->Save保存到Travel Detail页面完成修改。 |
发表于 2008-9-18 10:23
|