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