HOME
联系方式
付款方式
网站地图
 
沈阳网站制作,沈阳网站建设
沈阳网站建设咨询QQ: 4006558158
沈阳网站建设,立足沈阳,面向企业,您身边的企业信息化服务专家!
盛图快捷导航:模板建站 | 在线订单 | 在线留言
 
首页 关于我们 品牌建站 自助建站 模板建站 域名注册 虚拟主机 可信认证 网站商务通 经典案例 网站推广 联系我们
 
我想咨询网站制作价络 我有网站想给网站改版和维护 我要建网站,请为我提供解决方案 24小时服务QQ: 4006558158
建站知识

一站式服务,让您的网站更具竞争力和影响力!

沈阳网站制作中常用的几种背景
发布日期:2012/10/30
 
阅读次数:945
 网站设计中的背景是相当重要的,好的背景往往能吸引人的注意力,并且能让别人注意到你的网站。如果你经常注意别人的网站,你应该会发现在不同的网站上,甚至同一个网站的不同页面上,都会有各式各样的不同的背景设计。究竟都有哪些不同样式的背景,还有它们的设计方法都是怎样的呢,现在就由我来为大家作一个比较完整的总结。 

  1.照片背景


  把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。在网页文件的<head>……</head>之间加入下面的CSS语句:


  <style type="text/css">


  <!--


  body{background-image:url(/html/myphoto.jpg);


  background-repeat:no-repeat;


  background-attachment:fixed;


  background-position:50% 50%}


  -->


  </style>


  这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只需要调整"background-position"的值就可以了。


  2.局部背景


  前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。


  3.条状背景


  条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。


  以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。也通过<body background="picture">将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。


  4.沙纹背景


  沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。


  初学主页制作者都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。


  读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是若干图片的堆砌。其实现的HTML语法如下:<body background="picture">其中的"picture"表示背景图片的URL路径。


  5.复合背景


  如果你在练习上面的“照片背景”时“不小心”也设置?lt;body>标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的设计方法,就不用我再多说了吧!


  6.颜色背景


  颜色背景的设计是最为简单的,但同时也是最为常用和最为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过<body>标签来指定页面的颜色背景,其HTML语法为:<body bgcolor="color">其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。


  网站设计颜色背景虽然比较简单,但也有不少地方需要注意,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。

( 沈阳网站建设)
友情合作

链接说明:本站接受PR>=4的首页链接,互换链接时,请先做好本站链接,链接联系QQ:4006558158

品牌 · 服务 · 影响力 ——企业信息化服务专家 沈阳域名注册 | 沈阳网站制作 | 沈阳网站建设 | 沈阳网站优化 | 沈阳服务器租用 | 沈阳网站开发 | 沈阳网络公司

盛图服务网络: 沈阳 |  鞍山 | 海城 |  辽阳 |  锦州 | 大连 |  营口 | 丹东 |  朝阳 |  盘锦 |  抚顺 |  铁岭 | 葫芦岛 | 本溪 | 阜新

Tel:4006558158 Email:hhidc@syhhidc.com Fax:024-83992248 Address:沈阳市沈河区青年大街219号华新国际大厦11楼11BC单元

(C)2005-2010 www.syhhidc.com. 沈阳恒昊互联网络有限公司 版权所有 严禁抄袭复制 使用须知 | 著作权声明 辽B-2-3-20060003-19