赣州天琥设计培训学校 培训资讯

网页设计怎么设置背景

来源:赣州天琥设计培训学校  时间:2021-04-30 14:44:51

网页设计的背景,有颜色背景,沙纹背景,条状背景,照片背景,复合背景,局部背景,赣州天琥设计培训学校今天就来和大家说一说,一起来看看吧

  颜色背景的设计是较为简单的,但同时也是较为常用和较为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。下面赣州天琥设计培训学校给大家分享网页设计如何设置背景,希望为大家带来帮助。

赣州天琥设计培训学校

  颜色背景

  颜色背景的设计是较为简单的,但同时也是较为常用和较为重要的,因为相对于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般经过标签来指定页面的颜色背景

  其中的"color"表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。

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

  沙纹背景

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

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

  读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使较后的背景看起来要像一个整体,而不是若干图片的堆砌。

  其中的"picture"表示背景图片的URL路径。

  条状背景

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

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

  照片背景

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

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

  复合背景

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

  局部背景

  前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。

  较为常见的是在表格的设计当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。

尊重原创文章,转载请注明出处与链接:http://gzthu.5zix.com/news/89290/ 违者必究! 以上就是赣州天琥设计培训学校 小编为您整理网页设计怎么设置背景的全部内容。


申请试听课程

只要一个电话
我们免费为您回电

较新课程

赣州UI设计实战培训班

赣州UI设计实战培训班

UI设计前景好,缺口大

咨询 报名

赣州网页设计精英培训班

赣州网页设计精英培训班

快速掌握网页设计三大核心:1.熟练运用P

咨询 报名

赣州电商设计运营培训班

赣州电商设计运营培训班

随着电商的爆炸式发展,行业人才缺口巨大。

咨询 报名

赣州室内空间创意培训班

赣州室内空间创意培训班

随着中国房地产的崛起,买房热的兴起,家装

咨询 报名

赣州平面视觉创意培训班

赣州平面视觉创意培训班

该课程适合想要学习平面设计的学员,学习P

咨询 报名