预览加载中,请您耐心等待几秒...
1/9
2/9
3/9
4/9
5/9
6/9
7/9
8/9
9/9

在线预览结束,喜欢就下载吧,查找使用更方便

如果您无法下载资料,请参考说明:

1、部分资料下载需要金币,请确保您的账户上有足够的金币

2、已购买过的文档,再次下载不重复扣费

3、资料包下载后请先用软件解压,在使用对应软件打开

第PAGE\*MERGEFORMAT9页共NUMPAGES\*MERGEFORMAT9页网页设计怎么设置背景颜色背景颜色背景的制定是最为简单的,但同时也是最为常用和最为重要的,因为相关于图片背景来说,它有无与伦比的显示速度上的优势。在网页文件中,一般通过标签来指定页面的颜色背景其中的color表示不同的颜色,可以用各种不同的颜色表示方法,比较常用的有直接用颜色的英文名称,如blue、yellow、black等等,还可以用颜色的十六进制表示方法,如#0000FF、#FFFF00、#000000等等,此外还可以用百分比值法和整数法,其效果都是一样的。颜色背景虽然比较简单,但也有不少地方必须要注意,如要依据不同的页面内容制定背景颜色的冷暖状态,要依据页面的编排制定背景颜色与页面内容的最正确视觉搭配等等。沙纹背景沙纹背景其实属于图片背景的范畴,它的主要特点是整个页面的背景可以看作是局部背景的反复重排,在这类背景中以沙纹状的背景是为常见,所以我们将其统称为沙纹背景。初学主页制都有这样的经历,当试图把自己的照片作为页面的背景是,却发现浏览器上显示出来的不仅仅是一个照片,而是同一照片在水平和竖直方向上的反复排列。这就是浏览器处理图片背景时的规律方法,利用这一规律我们可以用一小块图片作为页面背景,让它自动在页面上重复排列,铺满整个页面,从而使网页的体积大大减小。读者到现在恐怕都已经知道了沙纹背景的原理和实现方法,就是找一个小的图片,越小越好,但注意要使最后的背景看起来要像一个整体,而不是假设干图片的堆砌。其中的picture表示背景图片的URL路径。条状背景条状背景与沙纹背景是比较相似的,它适用于页面背景在水平或竖直方向上看是重复排列的,而在另一方向上看则是没有规律的。它也是利用浏览器对图片背景的自动重复排列,与沙纹背景所不同的是它只让图片在一个方向上重复排列。以在竖直方向上排列为例,首先用图像处理软件做一个从左到右为蓝白渐变的水平条状图片,其长度与页面的宽度相当。将其设为页面背景,经浏览器显示后,就成为整个页面从左到右蓝白渐变的分栏颜色背景。当然,也可以用类似的方法实现条状背景在水平方向上的重复排列。照片背景把自己或朋友的照片作为页面的背景让大家看到,是有点令人激动的事情,但浏览器对图片的自动重复排列却使这一愿望难以实现。怎么办呢?只有想不到的,没有做不到的,这里我们用上一点简单的CSS。这样,在网页页面中,就可以看到你的照片位于页面的正中间,而且在拉动浏览器窗口的滚动条时,照片仍然位于页面的正中间而不随页面内容一起滚动。如果你觉得照片位于页面的正中间不满意,你也可以随意地调整它在页面中的位置,只必须要调整background-position的值就可以了。复合背景如果你在学习上面的"照片背景'时"不当心'也设置了标签里的颜色背景,那么你看到了什么?颜色背景还起作用吗?对,你能看到你的照片浮于你设的颜色背景之上,二者能够同时正常地显示出来。这就是复合背景的魅力,更为吸引人的是,当你所设置的图片背景因为某种不可知的因素而不能正常显示的时候,浏览器能够自动用你所设置的颜色背景取而代之。它的制定方法,就不用我再多说了吧!局部背景前面我们所说的背景都是整个页面的背景,能不能在页面上为某个局部的内容设置属于它自己的背景呢?回答是肯定的。最为常见的是在表格的制定当中,我们可以为表格设置一个不同于页面的背景,甚至在不同的表格单元中,我们也可以设置各个表格单元自己的背景。2网页背景制定流行趋势现在的流行趋势是什么?就像服装和发型会变,网页制定的风格也在变。关于背景来说,趋势的变化尤其特别。目前,大量的网站在首屏采纳了大图。一些背景是清楚、写实的(如照片和插图),而另一些则可能是抽象隐晦的。大尺寸的、虚化或模糊的图也随处可见。色块背景也很流行,但已经不是通常那种永不过时的黑和白。很多制定师使用激烈、浓重的颜色来帮助网站内容从背景中突显出来。最后,图案和纹理也用得很多。不过形状的大小最近改变了不少。越来越多的网站在背景中采纳大块的图案,而此前曾经流行的则是小的图案。大面积的图案与低反差的内容带来一种很微妙的感觉。细小的纹理背景也非常流行,用以给制定增添真实的感觉。清楚的图像使用逼真、清楚的图像从来不会过时,但是流行与否则取决于使用的方法。越来越多的此类图像现在是直接作为背景,而不是作为其它背景之上的照片。插图也日渐流行。同样,色彩是非常重要的,因为它决定了插图的品质。模糊或虚化的图像使用虚化或模糊图的状况会有些复杂。它只有在图片本身品质很好的状况下才会带来好的效果,如果为了掩饰图片质量的低劣而去虚化,效果会适得其反。一般我们必须要要很清楚为什么要把一张图虚化。有时候非常显然的模糊会有很好的效果(像Humaan网站中柔化的山峰),而有