设为首页
收藏本站
3D模型素材下载
开启辅助访问
素材下载
展览专用单个3D模型下载
展位展览
在线看展
论坛
展示行业交流平台
关于
本版
文章
帖子
日志
相册
用户
QQ登录
微信登录
忘记密码?
注册
登录
展示网
»
论坛
›
中国展示培训学习/Demonstrate professional
›
展示设计教程,学习/Display design tutorial
›
用Fireworks制作简洁清爽的网站
返回列表
发布主题
用Fireworks制作简洁清爽的网站
[复制链接]
查看:
240
|
回复:
0
gggds
当前离线
积分
22694
IP卡
狗仔卡
gggds
发表于 2009-12-27 03:15:07
|
显示全部楼层
|
阅读模式
网络的已经成为人们日常生活中的一部分,就像生活中房子,大部分人也想拥有自己网络空间,如果把自己的房子设计的漂亮大方呢?下面我们就以一个简洁清爽的页面为例来教大家如何设计一个好网页。
# n- ~ Q* g" t9 ~5 Z" N9 |
1. 启动Fireworks,新建一个大小为180*200像素的画布,设置画布颜色为 #EFEFEF。
+ I% G$ m( e6 g! L" ~! |1 {
2. 在工具栏中选择矩形工具,绘制一个154* 183的矩形,在属性面板中设置这个矩形的填充色为#A9B1BE,描边设置为1像素的柔化,颜色为#677387,如图所示。
8 j7 t! i) C9 l$ d# `- z
* k5 v% E! @: x. ]+ X; z5 J- w' q7 F
+ K& _/ S& a+ Y8 t: A' U; y
) O* ~4 W4 P/ j+ u* ^
. L& f# N, {7 K
1 ]: A% V- C; H
3. 利用矩形工具绘制一个宽 152,高 19 的矩形,在属性检查器中设置描边为无,填充类别改为线性, 修改线性填充的颜色样本,第一个颜色样本的颜色为#E6FFFF,然后单击渐变色阶下面的区域,新增 一个新的颜色样本,颜色为 #A4BECF,最后一个颜色样本为 #FFFFFF,具体设置如图所示:
6 H5 S. S- r7 m. _0 K' g! o
F( w: r" |6 T! o/ v r. B( [
- G9 m" R6 s! X w b
Q/ l! z5 X$ B* e
2 Z1 \& J6 y H1 @: w9 Q
2 @6 F+ y5 g h; Z
回到画布上,调整一下渐变方向,现在你的图看起来应该像是下图那样。
2 q& E o% O2 z, ~+ s
; Z9 j- c1 c. k
2 k) r; Z N6 }6 J, P+ v) n
8 z" ?; L! l/ A, |
w& ~) f7 F& n5 k6 C* g) S9 b
4. 以步骤 3 同样的方式制作下面的矩形。
3 \$ j0 H+ Q7 Q/ W4 m! d. c
/ S: |, ]: k+ H( X- [% e
+ G5 l' E. X' v; p0 I# z3 J
0 ?$ Y% G3 R0 X: n; l+ }6 O' E/ P
3 S' t* w. X. M2 \* e
5 K9 D t( k2 j. R- C
% q/ A" B' t T5 O( k* L
选中下边的矩形,在属性检查器的效果菜单中,选择“阴影和光晕”>“投影”,为矩形添加一个阴影效果, 具体参数如图所示。
, K! P' ^7 K6 Z }2 b5 f
7 v2 |9 v5 a, ^( Z. E
% C/ x% m& |6 ]- U2 j' U* l
$ V1 }; _2 q/ T& S% O8 P7 A+ y
7 b) `1 O: E' Q& U4 c- }
* {; `# z. t) I
5.使用直线工具画出两条长为153的线段,颜色为 #677387,描边种类为1 像素柔化,分别放在上方矩形的下边及下方矩形的上边。
$ R5 n# y: u3 Q) R/ m! K
6. 加入标题列的文字,字体为 elektr_02_5,大小为 10,不消除锯齿,加入内容区的文字,字体为 04b03b,大小为 8,不消除锯齿,
9 A- i* z* @8 K/ N' l) a
; s, q+ E* D) I, U! ]) l- o
( v% I6 N% z2 a2 j; q' B
回复
使用道具
举报
提升卡
置顶卡
沉默卡
喧嚣卡
变色卡
抢沙发
千斤顶
显身卡
返回列表
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
注册中国展示论坛
本版积分规则
发表回复
回帖并转播
回帖后跳转到最后一页
精彩图文
快速回复
返回顶部
返回列表