您现在的位置是: 软件 > 设计在线 > 正文


-PHP编程实录
-软件频道“五一”专刊
-多媒体播放
-ASP入门到精通

再谈无缝背景的制作
2003-05-06· ·阿文··51photoshop

1 2 3  下一页

  制作无缝背景,应该算是入职网页设计制作的必修课,这里希望给你另外一种新的方法或思路,希望你会用Photoshop和Dreamweaver 。

  首先我们要学会拆分背景图片,毕竟用在网上的图片,要尽量的小。所以,有一个原则:背景图片要做到不可再拆分,才算是成功的。

  在网页中,IE默认会将背景向右、向下的重复铺下来(当然,你也可以强制禁止背景图在网页中平铺)。

  关于拆分

  1)假如背景要做成下图所示,那你可以动下脑筋分析一下,如何拆分它:

  2)首先考虑不同的分辩率,假如现在是针对800*600的,但也要考虑1024*778的。就这张图来说,向下铺的时候,没有分辩率问题,但是向右铺就有分辩率问题产生。背景图宽度不够的话,在1024就会像下图所示:

  所以,如果不想右边重复出现图像块的话,那么,首先可向右增加画布宽度,超出部分,并不会显示出来,如图所示:

  3)现在要考虑节约的事了,花最少的钱办同样的事才是能手。底图不宜太大,免得别人下载时痛苦。因为背景是平铺的,所以可以考虑将重复的部分清除,通过分析,会发现其实用下面这部分就足够,其余的部分都是多余的:

1 2 3  下一页

■ 相关内容
 禁止背景图在网页中平铺
 JSP调用JavaBean在网页上动态生成柱状图
 网页菜单详解(1):基本原理
 简单实用的网页表格特效
 网页小技巧:随心所欲的分隔线
 网页设计欣赏:DAYBYDAY
 儿童用品网页设计:KIDSKOOL
 网页设计作品欣赏:简洁的首页
 网页动画设计制作步步进
感谢 访问天极网,如果您觉得该文章涉及版权问题,请看这里!