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

第一阶段：版面设计 原文见：http://www.computerarts.co.uk/tu ... ;stage=2&page=0
7 x) v) l$ h* Y
8 P5 s4 h2 B4 V( ?. H' W3 a2 X

1.在此教程我们要创建一个范例站点并且我们知道将需要几个元素： 一个抬头包含标誌 四个导航按钮带出弹出菜单 用户登入的两个面版 以及一大块内容区域
; R$ P0 d6 \) Q) ?  L& K+ J+ L9 a% J

4 V$ X% {" x, I6 f: H& r6 G: |! [
8 e  h5 _3 B) ~0 p& t6 g2.我们开始创建一个600x800的新文件，然后到View>Grid>Edit Grid. 在编辑网格对话框，设定网格大小为10x10并勾选\"显示网格\"和\"贴紧网格\"方块。 更改默认网格颜色为淡灰色。
& {% i. S: i3 \6 c) Z! ^1 l6 D2 a

) v; D& k  C+ N# i
设定你的文件倍率使你能看到整个文件。 从工具栏选择矩形工具并用它划分你要放置关键元素的页面。 你可以用这方法来决定为每个元素分配多少空间以及位置布局。
& O! i9 U, @! ^3 P# N0 e& T

. O/ g0 ^6 T9 r8 j
4.至此我们完成了版面安排。 页面抬头下有弹出导航菜单以及左侧一对浮动面版内更深入的导航。 现在你可以决定取用的色系。



+ M# {' Y4 q* d- I* \5 I5.在很多实例中你会从标誌或简报中找出色系。 然后你需要决定哪里要使用哪种颜色。 我们实现了一个简便的方法。 从CD中打开Tutorial\\Prototypes档案夹内的colourscheme.png文件。
: X6 H$ h- M! B6 l' D( ^1 h
5 {0 w& z5 r% @) r: [9 @6 x, c
$ Z4 t: w3 H7 }5 L1 \: ]
  X6 A- A! D  w- J6.这个PNG文件是个袖珍型页面版式， 包括大多数的标准网页配置的普通元件。 到Window>Swatches开启调色版并在此文件中给物件上色。 你可以用这方法在建立\"真的\"页面之前来决定色系。