006图像和多媒体对象.ppt

、Dreamweaver应用技术 Dreamweaver8实训教程讲义、第6章图像和多媒体对象的重点内容：插入网页的图像和多媒体文件格式和插入编辑图像文件插入Flash对象另外的声音/视频对象、 Dreamweaver应用技术 Dreamweaver8实训教程讲课、一、网页用的图像和多媒体文件形式：1.网页图像形式GIF形式(图形交换形式) JPEG形式(联合图像专家形式) PNG形式(可移植的网页图形形式)， Dreamweaver应用技术 Dreamweaver8实训教程讲义， 另一方面，网页用的图像和多媒体文件形式：2.网页声音形式MIDI (乐器数字接口)形式WAV(Waveform扩展名)形式AIF (声音交换文件形式，AIFF )形式MP3 (作为动画专家的声音的MPEG音响MOV格式，Dreamweaver应用技术 Dreamweaver8实训教程讲课，一，网页用图像和多媒体文件格式：3.网页视频格式QuickTime视频文件ActiceX插件，Dreamweaver应用技术33 一、网页用的图像和多媒体文件形式：4.网页动画GIF动画Flash动画，Dreamweaver应用技术 Dreamweaver8实训教程讲义，二， 图像文件的插入和编辑：1.插入图像，选择【插入】|【图像】命令显示【图像源文件的选择】对话框，在【文件名的选择源】选项组中选择图像文件的源，选择必要的文件。 【图像源文件的选择】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义，2 .图像文件的插入和编辑：2.图像属性可以通过图像属性检查器设定图像属性。 在网页上选择图像时，该图像的属性会反映在“属性”检查器中。 图像属性检查器，Dreamweaver应用技术 Dreamweaver8实训教程讲课，二，图像文件的插入和编辑：3.使用图像占位符插入图像占位符【插入】|【图像占位符】命令，报告【图像占位符】对话框【图像占位符】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义，2， 插入和编辑图像文件：3.使用图像占位符替换图像占位符，在“文档”窗口中双击图像占位符，或单击图像占位符，然后在属性检查器中的“源文件”文本框旁边单击“确定”按钮，在文档中显示选定的图像。Dreamweaver应用技术 Dreamweaver8实训教程讲义、因此，在插入图像时，图像看起来像是被夹在字符之间的放大字符，与上一行字符隔开了相当大的距离。 可以通过设置图像相对于同一段落或行中的其他元素的对齐方式来调整图像与其他对象之间的关系。 选择了所需的图像后，可以从图像属性检查器的“对齐”下拉列表中选择要使用的垂直对齐方式。使用“对齐”按钮调整图像与其他元素之间的水平对齐。Dreamweaver应用技术 Dreamweaver8实训教程讲课，2，图像文件的插入和编辑：5.插入鼠标通过图像并选择“插入”|“图像对象”|“鼠标通过图像”命令显示“插入鼠标通过图像”对话框，设定必要的选项【插入鼠标通过图像】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲座，二， 插入和编辑图像文件：6.插入网页背景图像，选择【修正】|【页属性】命令，弹出【页属性】对话框，单击【背景图像】选项右侧的【阅览】按钮，在弹出的对话框中选择所需的图像如果背景图像不适合整个窗口，Dreamweaver会并排(重复)显示背景图像。，Dreamweaver应用技术 Dreamweaver8实训教程讲课，2，图像文件的插入和编辑：6.网页背景图像的插入，网页背景图像的设定，Dreamweaver应用技术 Dreamweaver8实训教程讲课，2，图像文件的插入和编辑：7. (2)调整元素的高度：拖动底部的选择手柄。 (3)同时调整要素的宽度和高度：拖动顶角的选择控制点。 (4)调整元素大小时保持元素的纵横比：按住Shift键并拖动顶角的选择控制柄。Dreamweaver应用技术 Dreamweaver8实训教程讲义，2，图像文件的插入和编辑：7.编辑图像修剪图像，选择要修剪的图像，点击图像属性检查器的“修剪”按钮，或选择“修正”| |“图像”|“修剪”命令剪切图像，Dreamweaver应用技术 Dreamweaver8实训教程讲义，二， 插入和编辑图像文件：7.编辑图像，调整图像的亮度和对比度，选择图像后，单击图像属性检查器的“亮度和对比度”按钮，或选择“修正”|“图像”|“亮度/对比度”命令，选择“亮度/对比度”达【亮度/对比度】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义，2，图像文件的插入和编辑：7.编辑图像锐化图像并选择图像后， 单击图像属性检查器的“锐化”按钮，或者选择“修正”|“图像”|“锐化”命令显示“锐化”对话框，拖动滑块，或者在文本框中输入0-10的值。 【锐化】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义， 1 .插入Flash对象：1.Flash文件类型Flash文件(.fla)FlashSWF文件(.swf)Flash模板文件(.swt)Flash元素文件(.swc)Flash视频文件格式，Dreamweaver应用技术 Dreamweaver8实训教程讲课，三，插入Flash对象：2.Flash按钮对象选择“插入”|“媒体”|【Flash按钮”命令，显示“插入Flash按钮”对话框【插入Flash按钮】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义，三， 插入Flash对象：3.Flash文本对象通过选择“插入”|“媒体”|【Flash文本”命令显示“插入Flash文本”对话框，在“文本”文本框中输入所需的文本，并选择所需的选项【插入Flash文本】对话框，Dreamweaver应用技术 Dreamweaver8实训教程讲义，3，Flash对象的插入：4.设定Flash对象的属性并使用属性检查器。 Flash对象的属性检查器，Dreamweaver应用技术 Dreamweaver8实训教程讲义，三， 插入Flash对象：5.插入Flash电影，单击“插入”工具栏“常用”类别的“媒体”按钮右侧的箭头，然后从弹出菜单中选择“Flash”命令，或选择“插入”|“媒体” 选择【Flash】命令，显示“选择文件”对话框，选择所需的Flash影片文件(扩展名为. swf )，单击“确定”按钮后，在“文档”窗口中显示Flash影片的占位符。 您可以单击“属性”检查器中的“播放”按钮在“文档”窗口中播放此视频。Dreamweaver应用技术 Dreamweaver8实训教程讲义、三、插入Flash对象：5.Flash电影、播放中的Flash电影、Dreamweaver应用技术 Dreamweaver8实训教程讲义、三、其他声音/插入视频对象：1.插入Shockwave电影在“插入”工具栏的“一般”类别中，单击“媒体”按钮右侧的箭头，然后从弹出菜单中选择“Shockwave”命令，或选择“插入”|“媒体” 单击“确定”按钮后，将在网页中插入Shockwave影片的占位符。 在“属性”检查器中单击“播放”按钮可以播放该文件。为了使网页布局更合理，必须在属性检查器的“宽度”和“高度”文本框中指定视频占页面的宽度和高度。Dreamweaver应用技术 Dreamweaver8实训教程讲义，3，插入其他声音/视频对象：2.视频插入，用户可以下载的短视频剪辑包含在页面中，首先以AVI或MPEG文件格式然后在页面上输入链接文本，选择该文本，在“属性”检查器中单击“链接”文本框右侧的文件夹图标，选择并打开该剪辑，使其显示在“链接”文本框中。 链接视频剪辑，Dreamweaver应用技术 Dreamweaver8实训教程讲义，三， 插入其他音频/视频对象：3.要创建将音频链接插入声音文件的音频文件的链接，请首先选择要用于链接到音频文件的文本或图像，然后在属性检查器中选择“链接” 在弹出对话框中选择该音频文件，或在“链接”文本框中输入文件的路径和名称。 Dreamweaver应用技术 Dreamweaver8实训教程讲课，三， 插入其他声音/视频对象：3.插入声音嵌入声音文件在“插入”工