背景颜色和图像的使用
日期：2011年08月30日它的一个网页设计的基本原则：颜色负荷的快速图像（通常）加载缓慢。考虑到这一点，如果您的网站使用一个背景图片 - 轻文，尤其是黑暗的影像。包括免费的背景颜色，以提供一个更简单的视觉过渡到慢加载背景图片。
小心处理所有的页面背景
背景图像可以在一个新手设计师之手的危险工具。想想一些真正可怕的平铺的背景图片，你的网站上看到的：格子，迷幻的漩涡，这并不是说，所有的背景图片是坏。小心使用，在视觉上吸引人的页面背景图像增强，强调网站的目的网站。
例如，一个网站，并在新英格兰地区销售的秋季观叶游可以使用背景图像的红叶。由于这样的背景下，而暗，我们用浅色的对比文字。
<body background="m50leaves2.jpg"> <div align="center"> <h1> <font color="White"> <b>Fall Foliage Tours</b> </font> </h1> <h2> <font color="White"> <i>Register Now!</i> </font> </h2> <h3> <b> If you don't see the solid background color first, <BR> be thankful for your fast Internet connection! </b> </h3> </div> </body> |
注意：没有指定的背景颜色，因此被视为您的访问者看到一个标准的灰色背景，而他们等待图像加载。包括在BODY标记的BGCOLOR属性，可避免此问题。选择一个属性的互补色（暗红色的，例如），让游客与低速拨号连接一个流畅的视觉过渡，从页面的背景色，背景图片。
这里的例子。
<body background="m50leaves2.jpg"" bgcolor="#800000"> <div align="center"> <h1> <font color="White"> <b>Fall Foliage Tours</b> </font> </h1> <h2> <font color="White"> <i>Register Now!</i> </font> </h2> <h3> <b> If you don't see the solid background color first, <BR> be thankful for your fast Internet connection! </b> </h3> </div> </body>
快速Internet连接的访问者可能不会注意到你的努力，但小于或等于28.8连接将欣赏轻松的色彩过渡。
表背景也有利于
表也包含背景图像和颜色，但Netscape解决了除Explorer背景属性不同。请记住，使用背景=“”属性里面嵌套表，以防止重复背景图像的每一个细胞内的Netscape浏览器 。
Netscape也可解决不同的资源管理器的背景颜色。bgcolor属性在外部表中接管优先的背景图片，使内部表的细胞显示的图像，而不是BGCOLOR。你的背景图片显示大的颜色块，在内部表，其中包含文字的每一个细胞。
这里是如何，显示在Netscape：
如果您确定您的网站将被视为与资源管理器 - 例如公司内部网 - ，那么你可以放心地使用免费的背景颜色表图像。在这个例子中，我们使用一个JPEG文件，作为一个表的背景图片。效果 - 不是因为它的互补色！ - bgcolor属性设置为“蓝色。” 该表将闪烁蓝色的图像加载之前。
这里的例子。
<body bgcolor="#EFF0E3"> <div align="center"> <table background="background_sm.jpg" bgcolor="blue" cellspacing="2" cellpadding="2" border="0" height="400" width="250"> <tr> <td> <table background="" align="center" cellspacing="0" cellpadding="0" border="0"> <tr> <td></td> <td></td> </tr> <tr> <td></td> <td></td> </tr> </table> </td> </tr> </table> </div> </body>
重要的设计考虑
人们在计算机显示器上读取，它已经够难的，所以一定要确保您的页面背景选择不使任务更加困难。看看为指导的优点：大多数商业网站使用白色背景黑色文字。这种组合提供了最高的对比度和，是最容易阅读。不过，许多初学者喜欢平铺的背景图片，因为它是一个巧妙的方法和容易做到的。
这也是一个简单的方法，无意品牌网站，作为业余的，所以一定要小心。背景图像有节制地使用和优化他们GIFBot因为图像会增加您的网页加载时间 。由于一些最基本的技术往往在不同的浏览器显示不同-和浏览器版本-彻底测试您的网站 。NetMechanic的HTML工具箱使得这项任务变得更加容易扫描您的网站，并提醒您，跨浏览器可能不会显示正确的元素。