4　图像

4．2　网页中的图像文件格式（top）
4．2．1　GIF（top）
　　GIF是一种压缩的8位图像文件，广泛用于网络传输，属索引彩色模式（最多只有256色）。
　　GIF格式可以保存动画和透明（无背景色）图像。
　　新的 GIF89a格式，能储存成背景透明化的形式（支持 Alpha通道），并且可以将数张图存成一个文件，形成动画效果，还支持位图模式、灰度或索引颜色模式图像。
4．2．2　JPEG（top）
　　JPEG（JPG）是一种高效率的压缩格式，在存档时能够将人眼无法分辨的资料删除，以节省存储空间。JPEG格式支持CMYK、RGB和灰度颜色模式。
　　JPEG格式通过选择性地去掉数据来压缩文件，是有损压缩。它比GIF图像包含更多颜色方面的信息，优点是色彩比较逼真，文件也较小。在多媒体及网页中用到的照片和图像适合存为JPEG格式。
4．2．3　PNG（top）
　　 PNG （读成 “ ping ” ）－ Portable   Network   Graphics ， 即，可移植的网络图象文件格式。是针对 GIF 格式的 专利产生的。
　　 PNG－Fireworks的默认格式。高版本的IE均支持。
　　 不论 PNG 的技术和知识产权具有多大优势，就其应用 来说，它仍然不能与 GIF 相提并论，在网络 (Web) 图像 模式中还只能算个小字辈 。W3C 的 Chris   Lilley 也承认 PNG 并非无所不能。使用 JPG 文件格式存储照片效果要好一些。 GIF 提供了 PNG 所不具备的动画能力，尽管 PNG 的姊妹版 MNG （Multiple-Image   Network   Graphics 读成 "ming"）或称 多重图像网络图形也支持动画效果。
4．2．4　正确选用GIF和JPEG（top）
　　通过上面的介绍，不能看出，GIF与JPEG的优缺点。在网页中插入何种格式的图像，应该根据需要选择。
　　此外，作为压缩格式的JPEG文件，存在一个压缩比的问题。有条件时，应该使用Photoshop提高图像文件的压缩比。一般说来，这样做，不会影响图像的质量。
　　例如，一幅130万像素数码相机拍摄的图像，提高压缩比后，文件大小可缩小一半以上。
4．3　网页中的图像（top）
4．3．1　插入图像（top）
　　将光标移至需插入图像处，单击“插入”·“图象”（或单击“插入”工具栏的“常用”页上的“图像”按钮）。
 　　在“选择图像源文件”对话框上，选定所需的图像文件。
　　“相对于”框，选定“文档”，然后单击“选择”。
　　若选择的文件不是本站点中的，则会出现询问是否将该图像文件保存到本站点中的对话框。单击“是”后，将它保存到本站点中。具体操作在“拷贝文件为”对话框上进行。
4．3．2　图像属性参数（top）
　　选中图像后，图像的属性参数，在“属性”（下图）面板将设置。
　　提示：MX2004的图像属性面板与MX版的差异主要是：编辑区的命令按钮多 。
4．3．3　图像与文本的相对位置（top）
　　选中插入网页的图像后，在“属性”面板上，“对齐”框中，可以设定图像与文本之间的相对位置。
　　“浏览器默认”，取决于浏览器的设置。
　　“基线”，将文本或其它元素的基线与所选图像的底边对齐。
　　“顶端”，将文本或其它元素在所选图像所在行的最顶端。
　　“中间”，将文本或其它元素的基线排列在所选图像的中间。
　　“底部”，将文本或其它元素的基线排列在所选图像的底线。
　　“文本上方”，将所选图像的顶端与文本的最顶端对齐。
　　“绝对中间”，将其它元素排列在当前行的绝对中间。
　　“绝对底边”，将其它元素排列在当前行的绝对底边。
　　“右对齐”，将所选图像靠右排列，文本在左边向左国境线文本排列。
4．3．4　改变图像尺寸（top）
　　在“属性”面板上，可以精确设定图像的高度和宽度。同时也可用鼠标拖动图像的八个控制点方法，达到改变图像尺寸的目的。
　　注意：如果需要恢复图像的原始尺寸，单击“属性”面板上的“重设大小”按钮即可。
4．3．5　编辑图像（top）
　　这里所说的编辑图像是指调用专门的图像处理软件来编辑图像。最常用的是调用Fireworks。
　　1、设置需调用外挂程序，方法是：
　　⑴单击“编辑”·“首选参数”。
　　⑵在“首选参数”对话框（右图）的左侧“分类”框中选中“文件类型/编辑器”后，在“扩展名”框中选中图像、声音、多媒体文件的扩展名，如“JPG、JPE、JPEG”，然后单击“编辑器”框左上角的“＋”按钮。
　　⑶在“选择外部编辑器”对话框上，选定所需的程序文件后，单击“打开”。
　　⑷对应“扩展名”框中的某一（组）扩展名，“编辑器”框中，如果有两个以上程序（编辑器）名，其中一个注明为“主要”，用户可以更改，即，选中另一个程序名，然后单击框上方的“设为主要”按钮。
　　2、调用外挂程序，方法是：
　　选中网页中的图像，然后单击“属性”面板下部的“编辑”按钮。外挂编辑程序即启动。
　　或者，单击“使用Fireworks最优化”按钮，启动Fireworks编辑。
　　提示：Fireworks启动时，出现右图所示的对话框。用户单击“ 使用 PNG ”，则另建一个PNG文档，进行编辑；单击“使用此文件”，则直接对网页中的图像进行编辑。
　　若选用Fireworks源文件框中，另两个选 项，则此后将作为默认选项
4．4　设置网页背景（top）
　　设置网页背景色/图像，均在“网页属性”对话框上进行。
　　单击“修改”·“网页属性”，打开“网页属性”对话框。
4．4．1　设置网页背景色（top）
　　设置网页背景色的方法有两种：
　　一是在“背景”右侧的文本框中直接输入颜色号，如红色为“#ff0000”；
　　二是单击“背景”旁的颜色框，然后在打开的颜色对话框上选择，所需的颜色。
4．4．2　设置背景图像（top）
　　设置网页的背景图像的方法也有两种：
　　一是直接在文本框中输入图像文件的路径和文件名；
　　二是直接浏览按钮，然后在“选择图像源”对话框上选定。
4．5　Dreaweaver中巧妙处理图像（top）
4．5．1　给图像加文字说明（top）
　　在图像“属性”面板的“替代”文本框中，输入替代图像的文字。即，浏览器中图像不能显示时，显示的文字。
　　注意：与FrontPage中，“图片属性”对话框的“常规”选项卡上“替代表示”选项区中“文本”框输入的内容作用相同。
4．5．2　制作低分辨率图像（top）
　　为了让浏览者尽快看到图像，先让浏览器下载一张低分辨率的图像，显示给浏览者看，然后再下载高品质的原图像。
　　这需要先在Photoshop等软件中制作一张低分辨率图像，然后在图像“属性”面板上“低品质源”框中输入低分辨率图像的路径和文件名。
　　注：FrontPage 2000，在“图片属性”对话框“常规”选项卡上设置。
4．5．3　图像映射（top）
　　就是将一张图像的某个部分制作成超级链接源。FrontPage中称为设置热点（利用“图片”工具栏按钮命令）。方法是：
　　⑴选中网页中图像后，在“属性”面板上选择“地图”中的“矩形热点工具”、“椭圆形热点工具”和“多边形热点工具”中的一个，然后在图像上“圈”出所需的范围。
　　注意：矩形和椭圆形热点工具直接在图像上拖动即可；多边形热点工具，则需在角点处单击。
　　⑵在“链接”框中，链接目标的文件名或锚点名（不能用中文）。链接目标可单击“浏览”按钮后选择。
　　如果在“目标”框中，选择“_blank”，则打开新窗口显示链接目标；
4．5．3　跟踪图像（top）
　　 跟踪图像（通常是网页版式设计图），仅仅在编辑时显示（用于提示），且可设定透明度。

主页　　　　　　　　　　　　　（top）