第七章 ：网页背景设计
第七章 ：网页背景 2011/7/30
网页背景设计 好的背景能够让网站变得很美妙。
1.颜色背景
颜色背景的设计是最为简单的，但同时也是最为常用和最为重要的，因为相对于图片背景来说，它有无与伦比的显示速度上的优势。 其中的"color"表示不同的颜色，可以用各种不同的颜色表示方法，比较常用的有直接用颜色的英文名称，如blue、yellow、black等等，还可以用颜色的'十六进制表示方法，如#0000FF、#FFFF00、#000000等等，此外还可以用百分比值法和整数法，其效果都是一样的。
颜色背景虽然比较简单，但也有不少地方需要注意，如要根据不同的页面内容设计背景颜色的冷暖状态，要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。
2.沙纹小图片重复 背景
沙纹背景其实属于图片背景的范畴，它的主要特点是整个页面的背景可以看作是局部背景的反复重排，在这类背景中以沙纹状的背景是为常见，所以我们将其统称为沙纹背景。
初学主页制作者都有这样的经历，当试图把自己的照片作为页面的背景是，却发现浏览器上显示出来的不仅仅是一个照片，而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法，利用这一规律我们可以用一小块图片作为页面背景，让它自动在页面上重复排列，铺满整个页面，从而使网页的体积大大减小。
3.条状背景
条状背景与沙纹背景是比较相似的，它适用于页面背景在水平或竖直方向上看是重复排列的，而在另一方向上看则是没有规律的。
它也是利用浏览器对图片背景的自动重复排列，与沙纹背景所不同的是它只让图片在一个方向上重复排列。
颜色背景示例
<html>
<body bgcolor="#d0d0d0">
</body>
</html>
图片背景示例
<html>
<body background="clouds.gif">
<body background="http://www.sundxs.com/clouds.gif">
</html>
URL地址可以是相对地址（上面第一条语句），也可以是绝对地址（上面第二条语句）。
background属性将背景设置为图像，它的值是你所要使用图像的URL地址。如果这个图像的大小不及浏览器窗口，它将平铺占满窗口。
注意：如果打算使用背景图像，应该注意一下原则：
· 这个图像会使页面加载时间过长吗？图像文件的容量尽量不要超过10K。
· 这个图像跟页面上其他图像协调吗？
· 这个图像跟页面上的文字颜色协调吗？
· 这个图像平铺了以后看起来还可以吗？
· 这个图像吸引了文字的注意力，喧宾夺主了吗？
提示
一般的网站很少使用背景图像。 <body>标签的 bgcolor、 background 和text属性 在最新的HTML标准（HTML4和XHTML）中已被废弃。 W3C在他们的推荐中 已删除这些属性。 在HTML的未来版本中，层叠样式表（CSS） 将被用来定义HTML元素的布局和显示属性。
【 第七章 ：网页背景设计】相关文章：
1.第七章：链接
6.《工程力学简明教程》景荣春 第七章课后答案 清华大学出版社
7.网页设计方案设计