一、说说网页版面的宽度和高度
网页版面的宽度一般设为以下几种比较常见:
(1)宽度760像素,高度不限,适合在800*600像素的显示分辨率下使用。
(2)宽度860像素,高度不限,适合在1024*768像素的显示分辨率下使用。
(3)宽度960像素,高度不限,适合在1024*768像素的显示分辨率下使用。其实960、980、990的宽度都不错,如果想做类似于百度,GOOGLE这种网站的联盟广告,990有些非常大的优点。这一点,以后你做了就明白了。因为它可以一行放两上不同的广告。正好能放得下。否则分布广告位的时候,会让你很头疼。
003像素,高度不限,适合在1024*768像素的显示分辨率下使用。
(5)宽度大于1003像素,高度不限,适合在大于1024*768像素的显示分辨率下使用。一般都是页头宽度比较大的版面,比如像现在的淘宝商城的页头效果。
如果我们用fireworks或PS设计版面,一般情况下,不要在版面周边留白(即,画面上的图片都最好紧挨着边缘,不要有空白的部分,由其是页面头部,头部下边的中间部分自然会有合适的留白出现,可以不用理会)
二、网页设计练习方法
其实做网站有点像练书法,不过比练书法要轻松有趣一些。我们也是要经过以下一些方法的练习,才能达到一定的水平。
描红临模:抓取一张网页,如果你用的是360浏览器,“文件”菜单里有一个“将网页保存为图片...(CTRL+M)”的功能,你可以直接将一个网页保存为一张PNG格式的图片,这样对你临模一个网站有很大的关系。做网页设计,如果是把别人的网站做为参考来学习制作,临模描红这样的方法是同时使用的。也就是说,你现在可以打开你保存的网页,然后锁住它所在的图层,一点一点画就行了。画个三五张网页,你也许就明白一张网页是怎么做的了。你就会一些基础概念。当然,当你学会了HTML、CSS、JS之后,你将会对如何做一张更加实用的网页会有更深刻的理解。
三、该画和不该画的部分
一张网页,其实有些部分是要画的,有些部分是不用画的。比如,网页上的照片,产品图片,风景图,FLASH动画,广告位上的图,这些都不需要你把里面的画面画出来。在设计网页的时候,留下空位,上面打上字,比如说这里是广告位,这里是产品图等等就可以了。而那些菜单名称等一些小的图标按钮,我们往往都是要画出来的。不然将来切图,或者要用这些图的时候,可能因为上面的字要变更或其它因素,就没有办法使用别人原来的图片,图切不出来就无法使用。这就会变成一个比较大的问题。这些是初学者应该注意的一些问题。