信息化讲堂INFORMATION

更多>>最新上线
更多>>联系我们
     
  • 24小时服务热线:400-622-6631
  • 企业邮箱:kefu@4006226631.com
  • 网址:www.meiren365.com

  •  

     

济南网站设计通常使用的背景
文章来源 : 美仁网络 发布时间 : 2015-06-12 浏览量:

在网站设计的过程中,对于背景来说,通常是非常重要的,往往是通过背景来吸引人的注意力,对于不同的网站,都会有着不同的背景风格,那么对于不同的背景,应该有哪些设计的方法呢?下面小编带您去了解济南网站设计通常使用的背景?

 


1.济南网站设计局部背景


对于网站的设计页面的时候,我们可以使用局部背景来进行设计,最为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。


2.沙纹背景设计


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


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


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


3.照片背景设计


有时候在设计背景的时候,将照片可以作为页面背景让大家看,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。


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


4.济南网站设计复合背景


对于复合背景来说,你在设计页面的时候,不仅设置了照片背景,还有设置了标签里的颜色背景,这样的话我们能看到的就是你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。


5.颜色背景设置


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


6.条状背景


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


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


对于网站背景设计来说,最简单的就是颜色是设计,不过有些地方是需要注意的,如要根据不同的页面内容设计背景颜色的冷暖状态,要根据页面的编排设计背景颜色与页面内容的最佳视觉搭配等等。以上就是小编为您分享的济南网站设计通常使用的背景,希望能够给您带来帮助!