资源描述
Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,1-,*,北京源智天下科技有限公司,联系方式:,http:/,第,5,章 图像,第一讲:初识网页图片,5.1,网页图片概述,图片是图像中最为常见的一种。在图片中,一般包括,.gif,、,.jpg,、,.png,、,.bmp,等后缀的图片。一般,.gif,的图片是透明的、动画的、容量小的图片,,.jpg,的图片是高清度的、容量大的图片,,.png,的图片是透明的(在某些浏览器显示不到)、容量小的图片,,.bmp,的图片是清晰度不高,容量较大的图片。,由于网站需要,想使用透明效果的和想网站空间小一点的,一般会用,.gif,后缀的图片。如果是想让网站的图片高清度一点的,一般使用,.jpg,后缀的图片。而,.png,后缀的图片由于限制得比较多,都会比较少使用。,.bmp,图片由于清晰度不高,容量较大,也比较少使用。通常制作网页时,设计师们会喜欢用,jpg,图片,因为,jpg,图片清晰度高,容量又不会太大。,5.2,背景图像的设定,背景图像指的是在网页背景里插入图像。当图像本身不够大时,背景图像可以根据网页的需要自动复制多个图像来覆盖满一个网页的背景。这就需要用到,background,属性,把,background,属性写在,body,标签里面,就可以使整个网页都有背景图像。链接的图像可以是不会动的图片,也可以是会动的图片。设置网页背景需要使用,background,属性。,5.3,网页中插入图片标签,在网页中,单单使用文字内容来填充网站会显得很单调。这时候就需要图片来对网站进行进一步的修饰。在网站中插入图片要使用,标签,,标签在代码里不会成对出现,所以在使用里,需要在,标签里加多一个,/,号。,选择路径,src,设定替换文本,alt,选择宽度,width,选择高度,height,设定低分辨率,lowsrc,设定映像地图,usemap,设定排列,align,设定边框,border,设定水平间距,hspace,设定垂直间距,vlign,标签常用的属性包括:,5.4,图像的超链接,链接本地图像,链接网上图像,链接本地页面,链接网上页面,图像超链接和页面的超链接在链接原理上比较相似,都是使用,标签,但比页面的超链接多出了很多的用法。图像超链接是把,标签嵌套在,标签里面。在很多时候使用文本内容超链接是不够了,页面里的菜单、栏目等很多地方都需要用到图片的链接。,图像超链接包括有:,编辑图像矩形热区,编辑图像椭圆热区,编辑图像多边热区,插入图像占位符,5.5,用,标签插入,avi,文件,使用,标签不止可以插入图片,还可以插入视频格式。,avi,文件指的是视频文件,它包括其它格式的视频文件,这也大大满足了设计师们丰富内容的需求。,使用路径,dynsrc,循环播放次数,loop,播放方式,start,插入,avi,文件的属性包括有:,5.6,小结,本章学习了图像在网站中的用法,通过学习,可以了解到图像除了用来插入到内容中,还可以做为背景、链接等。还有更精彩的是可以使用,标签来播放视频文件,这也就成就了网站的多姿多彩的页面内容。但是由于图像文件占网站的空间会比较多,所以这里提倡不要使用像素太高的图片和容量过大的视频文件。,性格决定命运,专注成就人生,杭州私家侦探,
展开阅读全文