网页背景图片(网页背景图片代码)
网页背景图片
在网站规划中,背景图片的运用很常见,那么我们怎么合理的运用背景图片呢?网站规划师们都知道规划中用图的重要性,但是在实践项目中,却时常简单为此苍茫,究竟该如何做好图片规划呢
1、清晰图片的意图
在一个网站中,浏览网页时所看到的图片不应仅做到吸引用户的视线,而更能让用户经过视觉影像,精确感受到网站传递的信息。
实践上,网页上的图片不只是美丽的像素块,所有的图片都应该是有意图的。
了解图片意图,对规划师来说便是清晰图片的规划目标,这是非常重要的一步作业。
2、整理规划中所需图片类型
没经过思考就直接开工是规划功率低下的元凶巨恶。
在图片规划前,规划师最好能参考现在已有的网页粗略布局和栏目等,从头整理列出所需的图片类型。
比如,按照栏目和模块对所需的图片分类:Banner、业务介绍、产品介绍/展示、公司介绍、团队介绍、新闻/资讯、客户事例等。
当然,规划师也可以根据项目实践情况,或最适合自己的方法选用更好的图片分类。
整理图片类型是协助规划师从头整理网站内容,让后面作业更有计划和针对性。
网页背景图片代码
为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。
基本语法:
<bodybackground="图片地址"></body>
background属性值就是图片的路径。路径可以是相对地址,也可以是绝对地址。
实例代码:
<!DOCTYPEhtml>
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<title></title>
</head>
<bodybackground="../images/bg.jpg">
</body>
</html>
背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片。
优秀作品:
最新作品: