网页的背景色和背景图选择得好,会是页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。那么带背景的网页是如何制作出来的? 很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景图的要求当然是越漂亮越好,文件越小越好。这里我们不谈论图片的制作了。
当你有了一幅可以自然拼接的图像后,在dreamweaver中,我们可以设置background图片。
打开源文件我们可以看到〈body〉标签中多了一串代码。代码的表达式如下:
<body background="images/back001.gif" bgcolor="#ffffff" >
这里的images/back001.gif就是background的值,其图像文件名为一个url。 当然我们可以在源代码中直接加入上面的代码。
下面是一个小例子。假如我们有了一幅适合做背景的小图,文件为back001.gif,下面就可以重新编写html代码了。
下面是这段代码产生的显示效果:
怎么样?如果你选择的背景图片质量很高的话,背景会更漂亮的。