首页
关于视觉癖
设计服务
热门主题
投稿通道
设计师入驻
设计师招聘
在线留言
联系我们

热门主题

当前位置:视觉癖 > 热门主题 >

网页背景图片(网页背景图片代码)

发布时间:2022-05-02 15:27 所属分类:热门主题 浏览次数:
  网页背景图片
  在网站规划中,背景图片的运用很常见,那么我们怎么合理的运用背景图片呢?网站规划师们都知道规划中用图的重要性,但是在实践项目中,却时常简单为此苍茫,究竟该如何做好图片规划呢
  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>
  背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片。
作品标签: 图片 代码 网页背景

评论列表(共143人参与)参与讨论或分享设计作品获得视觉癖积分奖励