译：使用FWMX创建站点范例 (5-5)

第四阶段：建立网页 原文见：http://www.computerarts.co.uk/tu ... ;stage=9&page=0



1.我们的意图是使用FW组建一个页面范本。 因此我们很快地使用绘图工具完成了装饰把。 圆角是由圆角矩形画出然后用小刀工具切割的。
5 [8 j4 y( [3 p: n' G+ W

% R8 T9 p/ ^; V2 N) W, I1 o5 |) T7 `
; W- J" M  W" [: L2 a1 y3 }6 p. Y2.这些角片可以在设计中以转变成元件的方式重复使用。 每当有一个新的圆角要求， 它就可以方便地从库中提取并拖放到相同颜色的矩形边缘。
0 u; n4 N/ }2 B# Q. L

+ J% A% _5 u5 g4 {6 j- S
2 B# H9 ~, ^1 l- s3.我们的目的是创建展示用的页面。 我们初步建立了页面的表单输入框； 不过，这是个选项。 Fireworks MX 允许你以HTML重置切片。 首先选择你要重置的区域， 使用Edit>Insert>Slice将它转换成切片。



1 Z: x% W9 K: U4.在属性检查面版的\"Type\"下拉菜单选择HTML。 然后贴上所要求的HTML。 你能够在Dreamweaver编写代码并直接拷贝到电脑暂存区。 尽管在我们的例子中， 只是使用绘图工具模拟了一下。

+ Q4 c# T  ]) s& _
. }& S; {' b2 I/ c2 E) }; D
- B0 g8 Q# Z& T! M5.内容部分在我们的例子中放置了简单的文本和位图。 再次声明， FW有能力在此版块直接插入HTML。 覆盖于此内容版块的矩形转换成了切片。
2 ~' U: P6 X1 D& K! b
) ^3 D0 ]$ X& a1 f* X6 T6 d, n

6.以范例展示此FW文件， 到文件右上方快速输出按钮， 在菜单上选择使用浏览器预览。 当网页展示在你的浏览器上时， 出现的弹出菜单和翻转按钮 即是互动和动画元素。
4 J" b$ Y8 A5 K; q$ j) D＊《使用 Fireworks MX 创建站点范例》翻译完毕，谢谢观赏。＊