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

[复制链接]
查看: 585|回复: 0
gggds 发表于 2009-12-27 13:59:27 | 显示全部楼层 |阅读模式
第四阶段:建立网页 原文见:http://www.computerarts.co.uk/tu ... ;stage=9&page=0 % W9 Z% \% N* ?+ m4 O# V$ o  g
. e( D+ q" g' }

0 r0 o& Z5 Q% q) H  ^: \
, C4 d7 e& }& U1.我们的意图是使用FW组建一个页面范本。 因此我们很快地使用绘图工具完成了装饰把。 圆角是由圆角矩形画出然后用小刀工具切割的。 6 a4 U% c, I+ D2 @
7 [+ H. K$ }3 V. B

+ v. Y/ D( ]. t# }  m. s# {6 q0 p$ \8 R# [
2.这些角片可以在设计中以转变成元件的方式重复使用。 每当有一个新的圆角要求, 它就可以方便地从库中提取并拖放到相同颜色的矩形边缘。
' H; N$ G# ]9 @% A) Z$ k- |' x3 ^! v0 {1 m( g6 e

+ h7 @; M% }( S6 z; t2 h5 \# `# e+ }) [+ Q% V% v
3.我们的目的是创建展示用的页面。 我们初步建立了页面的表单输入框; 不过,这是个选项。 Fireworks MX 允许你以HTML重置切片。 首先选择你要重置的区域, 使用Edit>Insert>Slice将它转换成切片。
; b1 {  g! ^" y8 J& x' }- q! Y1 U" @  A) [. i/ w& I
; E" C& A! ?/ L: C" @1 x) c; p- z, v; c1 e

  B6 y+ y6 k$ @/ ?4.在属性检查面版的\"Type\"下拉菜单选择HTML。 然后贴上所要求的HTML。 你能够在Dreamweaver编写代码并直接拷贝到电脑暂存区。 尽管在我们的例子中, 只是使用绘图工具模拟了一下。
; P6 N# m. o/ @. I6 h
6 J% \2 ]; A+ ]+ x2 i! I
/ }, t, s- e  G% N+ c; s. X2 C8 f7 J$ H7 ^$ `3 h) H8 m
5.内容部分在我们的例子中放置了简单的文本和位图。 再次声明, FW有能力在此版块直接插入HTML。 覆盖于此内容版块的矩形转换成了切片。
% L, `4 `% ]7 D2 p) z7 R7 s! u: i, q' w" Z

- D1 }: {1 [9 S* |  ~/ |5 x' U3 Q9 I# \& ?, ?. i4 N
6.以范例展示此FW文件, 到文件右上方快速输出按钮, 在菜单上选择使用浏览器预览。 当网页展示在你的浏览器上时, 出现的弹出菜单和翻转按钮 即是互动和动画元素。 & L8 t: W" e9 k# b. \
*《使用 Fireworks MX 创建站点范例》翻译完毕,谢谢观赏。*

本版积分规则

精彩图文

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