项目四图像和媒体-编排旅游网页-PPT.pptxVIP

Dreamweaver8中文版

网页制作基础

项目四图像和媒体──编排旅游网页任务一插入图像任务二插入媒体实训设置“漓江山水”网页

网页中的图像和媒体，不仅可使页面更加有声有色，而且可以更好地配合文本传递信息。本项目以旅游网页为例，介绍有关图像和媒体的基本知识。在项目中，首先介绍插入图像占位符和图像以及设置图像属性的方法，然后介绍插入Flash动画、图像查看器和ActiveX视频的方法。

任务一插入图像插入图像占位符插入图像和设置图像属性

网页中图像的作用和常用格式01设置背景图像02插入图像占位符03需要掌握的内容主要有：（一）插入图像占位符

网页中图像的作用基本上可分为两种情况，一种是起装饰的作用，如背景图像，另一种是起传递信息的作用，它和文本的作用是一样的。在网页中使用的最为普遍的图像格式主要是GIF和JPG。GIF由于文件小、支持透明色、下载时具有从模糊到清晰的效果，成为网页制作中首选的图像格式。JPG为摄影提供了一种标准的有损耗压缩方案，比较适合处理照片一类的图像。网页中图像的作用和常用格式

2、设置背景图像打开【页面属性】对话框，在【外观】分类中单击【浏览】按钮打开【选择图像源文件】对话框，在【查找范围】下拉列表框中选择网页背景图像文件。在【重复】下拉列表框中有4个选项：“不重复”、“重复”、“横向重复”及“纵向重复”，可以通过选择它们来定义背景图像的重复方式。

在主菜单中选择【插入】／【图像对像】／【图像占位符】命令或在【插入】／【常用】面板的【图像】下拉菜单中单击（图像占位符）按钮打开【图像占位符】对话框，进行设置即可。插入图像占位符

插入图像和设置图像属性需要掌握的内容主要有：插入图像设置图像属性图文混排12

在网页中，插入图像的方法通常有3种：1、插入图像1在主菜单中选择【插入】／【图像】命令。2在【插入】／【常用】面板的【图像】下拉菜单中单击（图像）按钮。3在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中适当位置。

2、设置图像属性在图像【属性】面板中，比较常设置的参数有：【宽】和【高】、【替换】【垂直边距】、【水平边距】、【边框】等。

3、图文混排在网页中，经常出现文本和图像混排的现象。在学习表格等网页布局技术之前，要做到这一点就需要用到【属性】面板的【对齐】选项，【对齐】选项调整的是图像周围的文本或其他对象与图像的位置关系。在【对齐】下拉列表中共有10个选项，其中经常用到的是“左对齐”和“右对齐”两个选项。

任务二插入媒体插入Flash动画插入图像查看器插入ActiveX视频

插入Flash动画设置Flash动画属性需要掌握的内容主要有：（一）插入Flash动画

在主菜单中选择【插入】/【媒体】/【Flash】命令。在【文件】／【文件】面板中用鼠标选中文件，然后拖到文档中。在【插入】/【常用】/【媒体】面板中单击（Flash）图标。插入Flash动画的方法通常有3种：1、插入Flash动画

2、设置Flash动画属性在【属性】面板的【宽】和【高】文本框中分别输入宽度和高度，勾选【循环】和【自动播放】选项，还可以根据需要设置其他参数。

01插入图像查看器Flash占位符02设置Flash占位符属性03修改图像文件路径需要掌握插入图像查看器的过程。（二）插入图像查看器

1、插入图像查看器Flash占位符在主菜单中选择【插入】/【媒体】/【图像查看器】命令，打开【保存Flash元素】对话框，为新的Flash动画命名。

设置Flash占位符属性在Flash占位符【属性】面板中定义宽度和高度等参数。

右键单击Flash占位符，在弹出的菜单中选择【编辑标签object】命令，打开【标签编辑器－Object】对话框，切换至【替代内容】选项，然后在文本框内找到默认的图像文件路径名，修改图像文件路径，使其可以显示预先准备好的图像。01修改图像文件路径02

插入ActiveX视频需要掌握的内容主要有：在网页中播放WMV视频文件在网页中播放RM视频文件12

1、在网页中播放WMV视频文件在主菜单中选择【插入】/【媒体】/【ActiveX】命令，系统自动在文档中插入一个ActiveX占位符。01在【属性】面板的【ClassID】列表文本框中添加“CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95”，然后按下Enter键。02选择【嵌入】选项，然后在【属性】面板中打开【参数】对话框，添加参数。03

最后设置宽度和高度等属性。

在主菜单中选择【插入】/【媒体】/【ActiveX】命令，系统自动在文档中插入一个ActiveX占位符。01在【属性】面板的【ClassID】选项中选择“Rea