如何设置网页背景及技巧--

如何设置网页背景及技巧--

ID:20444837

大小:27.50 KB

页数:5页

时间:2018-10-10

如何设置网页背景及技巧--_第1页
如何设置网页背景及技巧--_第2页
如何设置网页背景及技巧--_第3页
如何设置网页背景及技巧--_第4页
如何设置网页背景及技巧--_第5页
资源描述:

《如何设置网页背景及技巧--》由会员上传分享,免费在线阅读,更多相关内容在行业资料-天天文库

1、如何设置网页的背景及技巧--如何设置网页的背景及技巧-- 网页的背景色和背景图选择得好,会是页面增色不少。如果选取单一的背景色,难免显得单调,如果选择整个图片做背景,由于图片本身的文件大,造成网页的加载时间长,一般用户很难有耐性等待下去。网页中的背景设计是相当重要的,尤其是对于个人主页来说,一个主页的背景就相当于一个房间里的墙壁地板一样,好的背景不但能影响访问者对网页内容的接受程度,还能影响访问者对整个网站的印象。那么带背景的网页是如何制作出来的?很简单,一般是采用一幅很小的图片,然后铺展开,形成很漂亮的背景。对背景

2、图的要求当然是越漂亮越好,文件越小越好。这里我们不谈论图片的制作了。当你有了一幅可以自然拼接的图像后,在Dreamweaver中,我们可以设置background图片。打开源文件我们可以看到〈BODY〉标签中多了一串代码。代码的表达式如下:这里的images/back001.gif就是BACKGROUND的值,其图像文件名为一个URL。当然我们可以在源代码中直接加入上面的代码。下面是一个小例子。假如我们有了一

3、幅适合做背景的小图,文件为back001.gif,下面就可以重新编写HTML代码了。8888888888

4、>

  如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景,还有它们的设计方法都是怎样的呢,现在就由好IP网络来为大家作一个比较完整的总结。  1.颜色背景  颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景,其HTML语法为:  其中的"color"表示不同的颜色,可以用各种不同的

5、颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。  颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。  2.沙纹背景  沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常

6、见,所以我们将其统称为沙纹背景。  初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。  读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:  其中的"

7、picture"表示背景图片的URL路径。  3.条状背景  条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。  以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过  将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重

8、复排列。  4.照片背景  把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网页文件的……之间加入下面的CSS语句:  这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。