宝鸡网站制作之网页背景设计技巧

   一个漂亮的网站，背景尤其重要，流量网站时，首先看到的是背景，一个好的背景才会把客户眼球吸引住，就相当于一个房间里的墙壁地板一样，好的背景不但能影响访问者对网页内容的接受程度，还能影响访问者对整个网站的印象。如果你经常注意别人的网站，你应该会发现在不同的网站上，甚至同一个网站的不同页面上，都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景，还有它们的设计方法都是怎样的呢，现在就由我来为大家介绍宝鸡网站制作网页背景设计技巧。 

　　1.颜色背景 

　　 颜色背景的设计，是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。在网页文件中，一般通过＜body＞标签来指定页面的颜色背景，其HTML语法为： 

　　＜body bgcolor="color"＞ 

　　其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。 

　　颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。 

　　2.沙纹背景 

　　沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。 

　　初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。 

　　读者到现在恐怕都已经知道了沙纹背景的原理和实现方法，就是找一个小的图片，越小越好，但注意要使最后的背景看起来要像一个整体，而不是若干图片的堆砌。其实现的HTML语法如下： 

　　＜body background="picture"＞ 

　　其中的"picture"表示背景图片的URL路径。 

　　3.条状背景 

　　条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。 

　　以在竖直方向上排列为例，首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片，其长度与页面的宽度相当。也通过 

　　＜body background="picture"＞ 

　　将其设为页面背景，经浏览器显示后，就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然，也可以用类似的方法实现条状背景在水平方向上的重复排列。 

    4.局部背景 

　　前面我们所说的背景都是整个页面的背景，能不能在页面上为某个局部的内容设置属于它自己的背景呢？回答是肯定的。 

　　最为常见的是在表格的设计当中，我们可以为表格设置一个不同于页面的背景，甚至在不同的表格单元中，我们也可以设置各个表格单元自己的背景。请看下面这个表格例子： 

＜table border="1" width="300" height="150" bgcolor="#C0C0C0"＞ 

＜tr＞ 

＜td width="60" height="50" bgcolor="#00FFFF"＞＜/td＞ 

＜td width="60" height="50"＞＜/td＞＜td width="75" height="40" bgcolor="#00FF0D"＞＜/td＞ 

＜/tr＞ 

＜tr＞ 

＜td width="60" height="40" bgcolor="#FFFF00"＞＜/td＞ 

＜td width="60" height="40" bgcolor="#FF0000"＞＜/td＞ 

＜td width="60" height="40" bgcolor="#FF00FF"＞＜/td＞ 

＜/tr＞ 

＜/table＞ 

  以上就是聚汇为大家带来的宝鸡网站制作网站背景的设计技巧。网站背景设计的问题也就说得大概也就差不多了，但新的网页制作技术也在不断涌现，每天都会有新的技术出现，说不定明天就会不适用，但是想要说的事这样设计目的是引起广大网页制作者对背景设计的注意，毕竟，背景对网站来说实在是太重要了，当然，网站还是要以内容为第一的。