新手htm第九章.docVIP

??? 今天看到的丰富多彩的网页，都是因为有了图像的作用。想一想过去，网络中全部都是纯文本的网页，非常枯燥，就知道图像在网页设计中的重要性了。??? 在HTML页面中可以插入图像，网页常用的图像格式有JPEG和GIF两种。 ●??JPEG格式 ??? JPEG(Joint?Photographic?Experts?Group)是特别为照片图像设计的文件格式。JPEG支持数百万种色彩。JPEG是质量有损耗的格式，这意味着在压缩时一些图像数据被丢弃了，这降低了最终文件的质量。然而，图像数据被抛弃得很少，不会在质量上有非常明显的不同。 ●??GIF格式 ??? 图形交换格式GIF是网页图像中很流行的格式。虽然它仅包括256种色彩，但GIF提供了出色的、几乎没有丢失的图像压缩。并且，GIF可以包含透明区域和多帧动画。它靠水平扫描像素行、找到固定的颜色区域进行压缩，然后减少同一区域中的像素数量。因此，GIF通常适用于卡通、图形、Logo、带有透明区域的图形、动画等。 ??? 页面中插入图片可以起到美化的作用。插入图片的标记只有一个，那就是IMG标记。 9.2.1??插入图片标记IMG ???插入图片的时候，仅仅使用IMG标记是不够的，需要配合其他的属性来完成。 9.2.2??图像的源文件属性SRC 配合SRC属性指定图像源文件所在的路径，就可以完成图像的插入了。 基本语法 IMG??SRC=“FILE_NAME” 语法解释 通过SRC属性指定路径，File_Name为要插入图像的路径。 文件范例：9-1.htm 通过IMG标记的SRC属性插入图片。 !--?------------------------------------------?-- !--????????????文件范例：9-1.htm?????????????-- !--????????????文件说明：插入图片???????????-- !--?------------------------------------------?-- HTML HEAD TITLE插入图片/TITLE /HEAD BODY H1主流的网页设计软件/H1 IMG?SRC=“9-1.jpg” 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表，其最新版本MX2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网站建设的需要。P /BODY /HTML 文件说明 第11行插入了JPEG格式的图片文件。 显示结果 如图9-1所示的就是插入图片后页面的显示效果,默认情况下文字和图片处于同一行。 9.2.3??图像的提示文字属性ALT ??? 提示文字有两个作用。当浏览该网页时，如果图像下载完成，鼠标放在该图旁边会出现提示文字。也就是说，当鼠标指向图像上方的时候，稍等片刻，可以出现图像的提示性文字，这用于说明或者描述图像。第二个作用是，如果图像没有被下载，在图像的位置上就会显示提示文字。 基本语法 IMG??SRC=“FILE_NAME”?ALT=“说明提示文字” 语法解释 说明提示文字的内容中英文均可。 文件范例：9-3.htm 通过IMG标记的ALT属性设定图片的提示文字。 !--?------------------------------------------?-- !--????????????文件范例：9-3.htm?????????????-- !--???????文件说明：设定图片的提示文字???????-- !--?------------------------------------------?-- HTML HEAD TITLE设定图片的提示文字/TITLE /HEAD BODY H1主流的网页设计软件/H1 IMG?SRC=“9-1.jpg”?ALT=“超梦幻劲爆网页Dreamweaver?MX?2004、Flash?MX?2004、Fireworks?MX?2004?完美结合，作者最新出版的一本书” 目前，网页技术进入了一个新的阶段，现在的网页再也不是图片的堆积和枯燥无味的文本了，人们现在追求的是网页的动态效果和交互性。而Macromedia公司的网页设计三剑客软件Dreamweaver、Flash、Fireworks正是交互性网页设计的杰出代表，其最新版本MX2004继承了前期版本的优点，进行了功能的进一步整合，非常适合于网页设计和网