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

[复制链接]
查看: 575|回复: 0
gggds 发表于 2009-12-27 13:59:27 | 显示全部楼层 |阅读模式
第四阶段:建立网页 原文见:http://www.computerarts.co.uk/tu ... ;stage=9&page=0
# R) |! [5 n) f' w$ ^6 Y; D7 M& L6 J9 {( T: U$ w
& D6 o$ I- K% b1 _& |

8 n6 E/ u. f$ P3 Q6 G* t* T1.我们的意图是使用FW组建一个页面范本。 因此我们很快地使用绘图工具完成了装饰把。 圆角是由圆角矩形画出然后用小刀工具切割的。
' N% d7 G/ D  o! w& o/ c( K2 ^9 `( N1 O9 J' b( }

% g/ N6 M" s6 f1 S/ R3 D! V: |* \; s
2.这些角片可以在设计中以转变成元件的方式重复使用。 每当有一个新的圆角要求, 它就可以方便地从库中提取并拖放到相同颜色的矩形边缘。 6 D% Y* ^, J+ \2 W( m) F
$ Z* Q. ^7 W! x  r* e
+ U3 n, U. I; c& W5 H

! \3 W, m$ C  M5 }& r; X3.我们的目的是创建展示用的页面。 我们初步建立了页面的表单输入框; 不过,这是个选项。 Fireworks MX 允许你以HTML重置切片。 首先选择你要重置的区域, 使用Edit>Insert>Slice将它转换成切片。+ v8 K) W: h5 D! [5 g; B

: e2 r. q9 W( l" P. |( R% M( q, y8 z4 F1 R. ~: _" a

6 d- \0 s* w, Y3 r8 }3 p4.在属性检查面版的\"Type\"下拉菜单选择HTML。 然后贴上所要求的HTML。 你能够在Dreamweaver编写代码并直接拷贝到电脑暂存区。 尽管在我们的例子中, 只是使用绘图工具模拟了一下。 0 C! F, o0 U; [" K
# r$ L. Q. \4 w9 E9 y9 @0 e$ e

# u, G- i1 P1 P
. g" |8 Q8 c9 [" A$ u' b- J5.内容部分在我们的例子中放置了简单的文本和位图。 再次声明, FW有能力在此版块直接插入HTML。 覆盖于此内容版块的矩形转换成了切片。 1 ]& f6 M4 U. e& i- R  b4 `

4 V, x- r8 H1 Q# C! I, o" p
' e6 ?! I9 K0 x0 f4 J. k  {/ h5 L; \; s% b8 L" S1 l# q0 w
6.以范例展示此FW文件, 到文件右上方快速输出按钮, 在菜单上选择使用浏览器预览。 当网页展示在你的浏览器上时, 出现的弹出菜单和翻转按钮 即是互动和动画元素。
( z5 U' n# x7 r*《使用 Fireworks MX 创建站点范例》翻译完毕,谢谢观赏。*

本版积分规则

精彩图文

Copyright   ©2015-2016  展示网  Powered by©Discuz!  技术支持:凡尚展览     ( 粤ICP备14065977号 )