网页背景图片使用经验二则

Author: 刘琪 Date: 2001年 11期

    为了制作漂亮的网页,相信许多斑竹,站长绞尽脑汁,不停地开发着网页的特殊效果,从Photoshop图片到Flash动画,甚至Java特效。但是,很多网页“上面”的东西,没有考虑到浏览者的整体感受,其实,网页的“背面”──网页背景的美观也很为重要。它,不仅能给予人整体的美感,而且还会从心里面给人以轻松的感觉,以下就说一说关于网页背景制作的个人心得。
      由于我们现在的网速实在很可怜,考虑到现实情况,所以,站长们在做图时总要考虑到它的“占地面积”,还要做很多的剪裁工作,但这些在背景制作里不是问题,因为在网页背景里不管是Frontpage还是Dreamweaver都会自动使用平铺效果。所以,不用把图片做得很大,只要注意平铺后的整体性。以下是几个背景制作的例子:
  #1    一、条纹式背景,又称电视N制条纹。是最近很流行的图片制作手法,具体制作:
      1.用Photoshop打开新文件,设定文件大小Width=1,Height=2,单位是像素(pixels)。然后用放大镜放大为1600%。
      2.使用矩形工具(Rectangle Tool),随便选择一个颜色,圈上图像的一半(如图1)(^11040702a^),然后保存图片为GIF或JPG等。
      3.在Dreamweaver中,按右键选择网页属性(Page Properties),在网页背景(Background Image)项上按浏览(Browse),找到该图片(如图2)(^11040702b^)。
  #1    二、气泡式背景,这种比起上一种就要大一些了,具体制作:
      1.用Photoshop打开新文件,设定文件大小Width=8,Height=8,单位是厘米(cm)。
      2.选择一种颜色,用油漆桶工具(Paint Bucket Tool)第一层做成背景色。
      3.新建一层,用椭圆工具(Ellipse Tool)在该层上画一些不规则的圆圈,注意是不规则的圆圈,随便选一种颜色,然后在层风格(Layer Style)里的外部发光和内部发光里进行设置。
      4.在Dreamweaver中,按右键选择网页属性(Page Properties)在网页背景(Background Image)项上按浏览(Browse),找到该图片。
      怎么样,各位,是不是又简单又实用呀?而且,文件还很小,十分适合我们当前的网速,效果非常好。其它复杂一些的制作方法就不在这里多说了。你可以到http://1niu.qzone.com去找你所需要的背景图案,还有很多的东东呢!