|
认识网页中的图片格式 说明：影响网页表现的最大瓶颈是网络的宽带。网页的元素中，图片文件大小相对较大，较占宽带，影响网页打开速度。所以网页图片文件越小，打开网页越快，浏览者才有兴趣继续看网页。常用图片格式： 图片文件的格式是计算机存储这幅图的方式与压缩方法，要正对不同的使用目的来选择合适的格式。 PSD：是PhotoShop软件的格式 BMP：是微软公司图形文件的点位图格式，例如Windows自身的画图程序绘画默认生成BMP格式的图片。 JPEG：是与平台无关的格式，支持最高级别的压缩。由于JPEG文件大小可以远远小于BMP，所以JPEG广泛应用于网页制作领域。 GIF：GIF图片以8~256色存储图片数据。GIF图片支持透明度、压缩、交错和多图像图片（动画GIF），GIF透明度不是alpha通道透明度，所以不能支持半透明效果。适合网上传输。 PNG：图片格式可以任何颜色深度存储图片，它也是与平台无关的格式。支持透明度、压缩。IE浏览器对PNG支持不是很好，所以目前网页制作中很少使用。 说明：由于PNG的高品质及透明度支持，Flash动画制作中比较常用。一般适用于颜色少的图片，如我也标志、小图标和网页动画广告。 设置图片的宽度、高度和边框： <img src="图片地址" width="宽度" height="高度" broder="边框" title="提示文字"/> 注意：更改了<img/>标签的width属性和height属性，并不会改变图片文件的原始尺寸。 图文混合排版： <img align="top(图像顶部和同行文本的最高部分对齐)"/> <img align="middle(图像中部和同行文本的基线对齐【通常为文本行基线，并不是实际的中部】)"/> <img align="bottom(图像底部和同行文本的底部对齐)"/> <img align="left(使图像和左边界对齐【文本环绕图像】)"/> <img align="right(使图像和右边界对齐【文本环绕图像】)"/> <img align="absmiddle(图像中部和同行文本的中部绝对对齐)"/> 给图片加链接： <a href="链接地址"><img src="图片文件地址"/></a> 图片加上链接标签后，其默认有1像素粗的蓝色边框(类似于文字链接的蓝色下画线) 注意：如果不需要链接图片有边框，可设置border属性为0。 除了对整个图片设置链接外，还可以将图片划分为多个区域，每个区域可设置不同的超级链接。、这些区域叫做“热区”。包含热区的图片可以称为映射图片。 设置映射名称： <img src="图片文件地址" usemap="#映射名称"/> 注意：映射名称用于标识，读者可以自己定义。 定义各个热区及超链接： <map name="映射名称"> <area shape="形状1" coords="坐标1" href="超级链接地址1"/> <area shape="形状2" coords="坐标2" href="超级链接地址2"/> </map> shape和coordes的属性值： <area shape="default(默认值，为整幅图片)"/> <area shape="rect(矩形区域)"/> <area shape="circle(圆形区域)"/> <area shape="poly(多边形区域)"/> <area shape="矩形" coords="left、right、top、bottom" /> <area shape="圆形" coords="center-x、center-y、radius" /> 说明：手写HTML代码定义热区链接比较麻烦，需要制作者有很强的空间思维能力。推荐使用Dreamweaver设计视图制作，用鼠标拖拽可直接绘制热区链接。 制作滚动图片： <marquee><img src=" "/></marquee> 说明：双标签<center></center>，它可以使包含内容居中，不过由于不是很规范，一般情况下不推荐使用。 |
|
|
