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左右。
[1] [2] [3] 下一页