当前位置:首页 > 建站知识 > 详情
sousuo
sousuo

网站建设中背景图片常见的使用方法

上传时间:2023-04-20            浏览次数:140

  一:幻灯图或大banner图

  一个当下的网站往往离不开大尺寸的幻灯图片或banner大图,大图组合创意和文字给人带来的视觉效果是相当震撼的,再加上一般会显示在网页的第一屏重要程度不用言语,使用方式一般做背景来用,宽度1920px高度不超过700px,只要是新做的网站都会有这个模块。

  二:页面中间固定模式

  在这种使用方式下,大图片一般会以全屏尺寸来设计,如1920X900px的尺寸,平铺不重复做为网页某一块的背景,同时设置图片展现行为fixed固定不动,当用户拉动网页下拉滚动条的时候会造成页面内容在往上移动而背景固定不动的视频效果。

  三:小范围频道背景

  往往使用于网页小块的频道头或分类标题下,可以是纯颜色,如果想要达到很好的视觉效果就只能使用图片,做为背景图片时颜色往往较重,而上面的文字一般用亮色,用一个重的背景来衬托文字,视觉效果相当不错。

  四:局部动态效果展示

  在这种展示效果中用到的背景图片往往是以PNG图片为主的透明素材,用DIV+CSS写好布局再加CSS3的动画特效,能给人非常强烈的视觉体验,CSS3动画效果的强大也是FLASH没落的一个重要原因。

  五:网页精灵图(css sprites)

  所谓网页精灵图Sprites即使用一张大图把整个或部分网页用到的小图都全部集中到一张图片上,然后在网页使用时再通过各个小图的坐标位置来分别调用,使用负值来调用分别对应的图片位置。

本文作者:野狼优优

十六年网站建设相关经验
一站式为您提供网站相关服务

欢迎扫码咨询

发表评论
请遵守网络文明公约,理性发言
访客头像

还没有人来评论,快来抢个沙发吧!

继续浏览有关 网站建设 的文章
0371-56789390
公司地址

郑州市花园路东风路向西300路南弘熹台22层

联系我们