第4章-网页中的多媒体元素.pptVIP

第4章 网页中的多媒体元素 Company Logo Company LOGO 在网页中添加多媒体元素可以增加网页的观赏性，向网页中插入多媒体元素，不但可以丰富网页的内容，还可以使网页更加生动，更加吸引人。 可以在网页中插入各种类型的媒体元素或媒体文件，如：图像、动画、视频、音频和控件等，并通过“属性”面板对这些多媒体元素或媒体文件的属性进行设置。 第4章 网页中的多媒体元素 网页中图像的基本格式 1 在页面中插入图像 2 使用图像占位符 3 编辑图像 4 在网页中插入Flash对象 6 常用音频和视频元素插入 7 创建鼠标经过图像 5 4.1 网页中图像的基本格式 图像是网页中最常用的元素之一，合理地利用图像，会给人们带来美的享受，并更好地理解网页文本内容。网页中常用的图像格式包括： GIF图像：是Graphics Interchange Format（图形交换格式）的缩写，是互联网上应用最为广泛的图像文件格式之一。 JPEG/JPG图像：JPEG是Joint Photographic Expert Group（联合图像专家组标准）的缩写，文件的扩展名为.Jpg,它是一种全彩的影像压缩格式，且压缩比率很高，压缩效果明显，对于照片质量和连续色调的图像显示效果很好。 PNG图像：PNG是Portable Network Graphic(可移植的网络图像文件格式）的缩写，PNG文件具有较大的灵活性，并且文件相对较小，所以对于几乎任何类型的Web图像PNG都是最适合的。 4.2 在页面中插入图像 在页面中插入图像文件的步骤： 在“文档”窗口中确定插入点位置 选择菜单栏插入图像命令 或选择工具栏插入图像按钮 在弹出的“选择图像源文件”对话框中选择图像 4.3 使用图像占位符 在页面中插入图像占位符的步骤： 在“文档”窗口中确定插入点位置 选择菜单栏插入图像占位符命令 或选择工具栏插入图像占位符按钮 在弹出的“图像占位符”对话框中输入内容 在文档窗口中双击图像占位符并替换成图像 4.4 编辑图像 Dreamweaver提供了少量的图像编辑功能 重新取样：是指调整网页中图像文件的像素，把图像的实际大小调整到页面需求的大小，同时图像效果也会得到改善。 剪裁：是指在整幅图像中选取一个局部区域，未选中的区域会被删除，原图像文件也会被修改。 亮度和对比度：是指修改图像中像素的亮度和对比度。 锐化：是指通过增加图像中边缘的对比度来使模糊图像变清晰。 4.4 编辑图像 图像对齐方式： 当图像与文本（或图像与图像）出现在同一行上时，两者之间采用什么样对齐方式，对页面设计有很大影响。具体的对齐方式可以在属性面板的对齐方式列表中选择。 4.5 创建鼠标经过图像 在页面中插入鼠标经过图像的步骤： 准备两张图片 在“文档”窗口中确定插入点位置 选择工具栏插入鼠标经过图像按钮 在弹出的“插入鼠标经过图像”对话框中，输入内容 4.6 在网页中插入Flash对象 Flash对象的类型 Flash Authoring File文件，扩展名FLA，是Flash的源文件。 Flash Movie File文件，扩展名SWF，是Flash源文件的压缩输出文件，即影片文件。 Flash Template File文件，扩展名SWT，是Flash模板文件。 Flash Element File文件，扩展名SWC，是Flash元素文件。 Flash Video文件，扩展名FLV，是Flash视频文件。 4.6 在网页中插入Flash对象 插入Flash按钮 在“文档”窗口中确定插入Flash按钮的位置 单击工具栏“Flash按钮”按钮 在打开的“插入Flash按钮”对话框中选择按钮样式 修改Flash按钮文本 设置Flash按钮属性 4.6 在网页中插入Flash对象 插入Flash文本 在“文档”窗口中确定插入Flash文本的位置 单击工具栏“Flash文本”按钮 在打开的“插入Flash文本”对话框中选择输入内容 设置Flash文本属性 4.6 在网页中插入Flash对象 插入SWF动画 SWF动画即扩展名为SWF的Flash文件。 在“文档”窗口中确定插入SWF动画的位置 单击工具栏“Flash”按钮 在打开的“选择文件”对话框中，选择一个SWF格式文件 单击属性面板的“播放”按钮，可以观看动画 4.7 常用音频和视频元素插入 插入音频 链接音频文件 利用插件嵌入音频文件 在“文档”窗口中确定插入音频的位置 单击工具栏“插件”按钮 在弹出的“选择文件”对话框中选择一个音频文件 在属性面板中设置音频文件的属性 4.7 常用音频和视频元素插入 常用音频参数设置 自动播放：Autosta