图片背景网页在网站建设中的运用

详细操作

可以突出主风格

利用大图设计网站背景，并不是随随便便拿张觉得漂亮的图片就能做背景，首先图片要与网站富有极强的相关性，与网站定位保持一致，其次是展示出网站的风格色调，尤其是体现在颜色搭配方面，如果图片已经满足了其它方面，就差色彩与主题的融合的话，可以通过改变图片的明暗，色彩饱和等来平衡网站的整体风格特色，避免出现与主色格格不入的现象。

可以突出特色

网站不管是通过何种方式来增加特色，都是围绕着用户体验来实现的，使用图片作背景也即是其中一方面，除了用色彩刺激用户的视觉感，其次就是通过独有的网站特色来吸引用户，那么网站特色背景的设置有时候是一种品牌印象效应，能够更快速地记住你的网站，并且使得用户更有兴趣浏览网站的更多内容。

图片背景在网站建设中运用注意项

图片和页面的位置

采用图片背景，如果网页与图片的显示不与完全融合的方式实现的话，那么背景图片和网页的位置要考虑相对位置的实现，随着显示屏大小的变化，相对位置保持不变，如果网页没有与背景图片协调好，不同的设备打开网站，其页面与大图背景产生混乱，如图片靠左，页面靠右，则会给用户带来不好的体验，违背了运用图片背景建站的初衷。

网页的焦点建设

虽然使用图片背景建网站更有气势和吸引力，但是要时刻注意用户的注重焦点，这样做的主要目的是让用户更多的浏览网页的内容，而不在于研究背景的大图，所以焦点始终是要放在网站的重点内容上，记住背景只是一种衬托以及对网页的点缀，对网页背景图片的美化也要适可而止。

图片运用和谐

上面已经说到，图片背景使用最重要的一点是要协调，现在的PS技术已经完善得很强大了，无论是哪一类的图片，只要内容相关，色彩调配都不是问题，但一定不能忽视这一点给用户带来的体验，只有完成好这一步，才称得上是给网站的正能量。

用户类似问题：

问题1：在设计网页的过程中，想把一张图片放为那个网页的...

body{ background-image:url(img/2.jpg); background-repeat:no-repeat;} img/2.jpg这个换成你的图片地址 把这段代码放到和之间 >>详细

问题2：html网页制作中如何设置背景图片（如何引用）

两种方法： html： 说明：这是在网页中插入一副图像，能调整图像大小，能拉伸图像，但是不能平铺图像，图像要占用页面的空间的，一般情况下，文字不能在这样的图像上面。 css: #yourID { background-image:url('xxx/xxx.jpg'); } 说明：这是背景... >>详细

问题3：网页制作中，使用的背景图片有什么要求

没啥特殊要求，图片够大，你自己喜欢就行，百度图片频道，搜‘桌面’，‘美图’，都有不少选择 >>详细

问题4：在网页制作中怎样插入背景图片

用上面的命令，如果你用的是Dreamweaver 8，里面有个直接插入图片的 >>详细

问题5：网页设计中,怎么对已经整合的背景图片进行定位

background-position:x y; 图片的x轴和y轴坐标是根据从左往右，从上往下的原则获取的！ 例如，某图片的大小是600宽，300高， 取左上角第一个：background-position:0px 0px; / background-position:left top; 取左上角同行第二个：background-po... >>详细