北京网站建设欢迎光临易企北京网络公司
您当前位置:易企北京网络公司 >> 网站建设 >> 浏览文章

做网站关键是网页背景的设置方法

文章标签:网站,关键,关键是,网页,背景,设置,方法 发布时间:2024年04月20日 浏览19

 网页制作中还有一个网页背景的概念。一个好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。有的大型网站也设置了背景,虽然说图片背景会降低网站的加载速度,但是却以其优美的样子受人们的欢迎。下面我们来看下网页背景的实现方式。
1.用颜色作为网页背景
如果说图片背景会降低网站打开速度,那么颜色背景就是一个良好的解决方案了。特别对于宽屏来说。淡淡的颜色背景比白色的背景好看多了。颜色背景是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过<body>标签来指定页面的颜色背景,格式是:
<body bgcolor="color">其中的"color"表示想要放置的颜色,可以用各种不同的颜色表示方法,一般我们用颜色的十六进制表示,如#aeaeae(淡灰色)、#ff0000(红色)等等,此外还可以用百分比值法和整数法,其效果都是一样的。

2.沙纹型网页背景
我们在网站制作的时候,如果没有对背景显示方法进行控制,那么当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。即横排和竖排,因为这个现象,我们可以用一小块图片作为页面背景,让他们铺满整个页面。这样就用不着大图片做背景了,因为大图片做背景,网页打开速度会慢的。 方法是:
<body background="picture"> 其中的picture表示背景图片的URL路径。
3.条状背景
与沙纹背景不同的是,条状背景只让图片在一个方向上重复排列。
首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过
<body background="picture">
将其设为页面背景。 这样图片就会在竖直方向排列了。还可以通过在<head>里面加入
<style type="text/css">
<!--
body {
background-image: url(picture);
background-repeat: repeat-x;
}
-->
</style>
来设置,其中picture是图片的路径。

无任何重复的背景
无任何重复的背景可以这样来做,在<head>里面加入
<style type="text/css">
<!--
body {
background-image: url(file:///E|/web/my_web/../images/aboutus.jpg);
background-repeat: no-repeat;
}
-->
</style>

上一篇:如何让网站上的网页布局更加合理
下一篇:建立一个网站的十大好处
点击数:  相关搜索:网站 关键 关键是 网页 背景 设置 方法