Fireworks设计制作漂亮网页

　　总有人在那里 夸耀自己的ps(photoshop)技术，好象是平面就要用ps做， 后果众多做网页的设计师也用ps做平面图 而后切割导图，再做网站，今日我就来说说用fireworks一样 可以做出好的网页设计， 惟独你有心!

先看最后 动机图:

下面开始 讲解:

　　1.布局

　　先来说一下 我们制作网页普通的大小

　　高度：

　　没有一个固定值，由于每个人的阅读器的工具栏不同，我见过有的阅读器工具栏被插件占了半个屏幕，所以高度没有确切值 。

　　宽度：

　　1、在IE6.0下，宽度为显示器分辩率减21， 比方1024的宽度-21就变成1003 。但值得 留神的是IE6.0(或更低)无论你的网页多高都会有右侧的滚动条框 。

　　2、在Firefox下，宽度的分率辨减19 。 比方1024的宽度-19就变成1005

　　3、在Opear下，宽度的分率辨减23 。 比方1024的宽度-23就变成1001

　　注：Firefox或Opear在内容少于阅读器高度时不显示右侧滚动条 。

　　所以假如是1024的分辩率，你的网页不如设成1000安全丝毫 。

　　假如是800的分辩率普通都设成770 。

　　这些需求清楚而且牢记，否则很可能做出来不 相符阅读器要求，不过普通我们都回设定的再略弱小丝毫，应为有些阅读器加了插件或者 其余的东西宽度会有 变迁 所以 800的分辩率普通设定760左右，1024的设定990左右.

　　我这样用辅助线和标尺把大约 规模划分出来， 留神我的划分，正好是770，和1000的地方，应为我要做的网站是1024分辩率下的，然而考量到依旧可能存在800分辩率的消费者，所以我回把重要的内容和菜单都 搁置在770以内，770-1000的地方放一些辅助的东西，这个习惯特殊是在做一些门户网站设计的时候更要考量以下，毕竟改善消费者体验也是我们要考量的问题.

　　2.开始工作

　　我们 接续 讲解，现在我们来画上部菜单 部分的内容，其实很 容易拉，便是画一个方框，一个圆， 而后组合，外加渐变就 可以了，如下图设置

3.下面我们来画哪个 类似徽章的东西

　　其实也很 容易，创意是 类似奖状上贴的哪个获奖 标记一样，会让网站 活泼丝毫，嘿嘿.

　　我们 取舍多边形，如图:

　　设置如下， 接续贴图，大家要 留神一下图层顺序，拖动到下层就好了

　　恩 要 留神，这个图层我们固定了以后通常就不动了，所以要锁定，否则鼠标晃来晃去很容易把图移位，注 用意层那里点一下就多了一个小锁子，容易吧，这下他就彻底不 烦扰我们了!