第4章 Dreamweaver中使用图像和多媒体1.pptVIP

第1篇 网页设计与制作基础 * * 第4章 Dreamweaver中使用图像和多媒体 了解图像的基本格式及多媒体的种类。 掌握图像在网页中的使用方法。 掌握在网页中插入各种多媒体元素的方法。 学习目标: * * 4.1使用图像 1.网页中的图像格式 格式 特征 GIF 支持背景透明；支持动画；支持图形渐进；支持无损压缩 JPEG 能支持上百万种颜色，从而可以用来表现照片 。但JPG也不如GIF图像那么灵活，它不支持图形渐进、背景透明，更不支持动画 PNG 使用彩色查找表 ，流式读/写性能 ，逐次逼近显示 ，透明性 ，辅助信息 ，独立于计算机软硬件环境 ，使用无损压缩 * * 4.1使用图像 2.插入图像 图像插入过程: 将光标定位在文档中要插入图像的位置。 执行以下操作之一： 单击菜单栏中的“插入” →“图像”命令。 在“插入”栏的“常用”类别中，单击“图像”按钮 打开“选择图像源文件”对话框选择需要的文件名称。 在“相对于”下拉列表中选择“站点”。 * * 4.1使用图像 3. 设置图像属性 ◆图像属性窗口 * * 图像属性设置： ●设置图像大小 设置图像大小可以直接在“宽”和“高”两个文本框内输入新的数值即可。还可以直接用鼠标拖动来改变图像的大小。具体操作为： （1）选中要改变的图像，图像四周出现控制点。 （2）拖动任一个控制点则可改变图像大小，如图： * * ●设置替换文本 替换文本指当鼠标指针放在图像上时，有时会出现一些提示文本，可以有网页中插入图像后，选中图像，在“属性”面板的“替换”文本框添加替换文本 * * ●设置图像对齐方式 设置图像对齐方式，在图文混排的网页文档中是非常重要的，在Dreamweaver CS4中图像的“属性”面板“对齐”下拉列表中有10种对齐方式可供选择 * * ●其他图像属性 “源文件”：指定图像的源文件。单击“浏览”　按钮 或者直接键入文件的路径，可以重新定义源文件。 “替代”：用于指定在图像不能正常显示时，显示的关于图像的文本提示信息。在某些浏览器中，当鼠标指针滑过图像时也会显示该文本。 “垂直边距和水平边距”：以像素为单位设定图像与周围的网页元素间的距离。 “边框”：是以像素为单位的图像边框的宽度。默认为无边框。 * * 4.1使用图像 4. 编辑图像 ——优化。单击此按钮可以打开“Fireworks”程序对图像进行优化。 ——裁剪。可让修剪图像的大小，从所选图像中删除不需要的区域。 　 ——重新取样。可对已调整大小的图像进行重新取样，提高图片在新尺寸和形状下的品质。 ——亮度和对比度。可让调整图像的亮度和对比度设置。 　　 ——锐化可调整图像的清晰度。 * * 4.1使用图像 5. 鼠标经过图像 在网页中图像可以设置鼠标经过时图像不同的状态，其操作过程如下： 在“文档”窗口中,将光标定位在要显示鼠标经过图像的位置。 执行以下操作之一，打开插入鼠标经过图像对话框： 单击菜单栏中“插入“→“图像对象” →“鼠标经过图像”命令。 在“插入”栏的“常用”类别中，单击“图像”按钮右侧的箭头，在弹出的菜单中，选择“鼠标经过图像”命令。 打开“鼠标经过图像”对话框，如图 * * 4.2 多媒体的使用 1.在网页中插入Flash动画 ◆Flash动画的类型： ● Flash源文件(.fla) ● Flash电影文件(.swf) ● Flash库文件(.swt) ● Flash元素(.swc) * * ◆插入Flash动画： 操作过程：要在网页文档中插入Flash动画，首先将光标移至所需插入Flash动画的位置，通过选择“插入” →“媒体” →“ SWF”命令，打开“选择文件”对话框，选择所需插入的Flash动画，单击【确定】按钮，即可插入到网页文档中。 * * ◆设置Flash动画属性： 属性面板 * * 在SWF文件的“属性”面板中，主要参数选项的具体作用如下： ID：在左侧的未标记文本框中可以输入SWF文件的唯一ID名称。 “宽”和“高”：可以在文本框中输入以像素为单位的数值，指定影片的宽度和高度。 “文件”：指定SWF文件的路径。单击文件夹按钮可以浏览某一文件，也可以直接输入路径。 “背景”：指定动画区域的背景颜色，在不播放动画时也显示此颜色。 “编辑”按钮：单击该按钮，启动Flash来修改FLA文件。如果计算机上没有安装 Flash