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

[复制链接]
查看: 581|回复: 0
gggds 发表于 2009-12-27 13:59:45 | 显示全部楼层 |阅读模式
第一阶段:版面设计 原文见:http://www.computerarts.co.uk/tu ... ;stage=2&page=0
3 h1 C3 g% {, H2 s2 g8 X3 T  E4 C# C- s8 a/ }

4 A/ o* k  }' D- V! l4 L4 q- b8 o/ S3 p3 {9 w, r
1.在此教程我们要创建一个范例站点并且我们知道将需要几个元素: 一个抬头包含标誌 四个导航按钮带出弹出菜单 用户登入的两个面版 以及一大块内容区域 : g2 _' n4 _: ^! C4 T
+ l# T* j, }8 ~7 s2 G

. y; h! q, F8 ~% p$ O! p9 b9 r2 q: b" `% w
2.我们开始创建一个600x800的新文件,然后到View>Grid>Edit Grid. 在编辑网格对话框,设定网格大小为10x10并勾选\"显示网格\"和\"贴紧网格\"方块。 更改默认网格颜色为淡灰色。
4 G4 R8 e# `. ]2 e1 ^3 _( R) `, W( B+ p

- D8 i+ X# Z' C" A( F0 k# O; c7 l; M. |, d; }2 d1 {7 X; u
设定你的文件倍率使你能看到整个文件。 从工具栏选择矩形工具并用它划分你要放置关键元素的页面。 你可以用这方法来决定为每个元素分配多少空间以及位置布局。 : y0 |5 H: U. V1 B, v: k4 u9 P
- `1 s# ?1 j( F% ?
* @- b  B  n4 t) p+ P
+ e0 [2 O/ A# b
4.至此我们完成了版面安排。 页面抬头下有弹出导航菜单以及左侧一对浮动面版内更深入的导航。 现在你可以决定取用的色系。
& ~1 |: F/ P& ^* T4 R9 U  b7 j
; G' ^& g$ L6 R) |. ~) X2 a2 z6 z1 \5 |0 u5 J
1 i; V6 q) n9 o# ]3 L
5.在很多实例中你会从标誌或简报中找出色系。 然后你需要决定哪里要使用哪种颜色。 我们实现了一个简便的方法。 从CD中打开Tutorial\\Prototypes档案夹内的colourscheme.png文件。
/ W( q9 a2 j, n, L2 J+ K. ]2 X3 S, O4 O. l2 b
# H) L& f) Q  \% s7 }3 U

9 X7 P5 ^0 z& ], Y2 @) p6.这个PNG文件是个袖珍型页面版式, 包括大多数的标准网页配置的普通元件。 到Window>Swatches开启调色版并在此文件中给物件上色。 你可以用这方法在建立\"真的\"页面之前来决定色系。

本版积分规则

精彩图文

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