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

Dreamweaver 8中文版 网页制作基础,项目四 图像和媒体编排旅游网页,任务一 插入图像,任务二 插入媒体,实 训 设置“漓江山水”网页,网页中的图像和媒体，不仅可使页面更加有声有色，而且可以更好地配合文本传递信息。本项目以旅游网页为例，介绍有关图像和媒体的基本知识。在项目中，首先介绍插入图像占位符和图像以及设置图像属性的方法，然后介绍插入Flash动画、图像查看器和ActiveX视频的方法。,任务一 插入图像,（一） 插入图像占位符 （二） 插入图像和设置图像属性,（一）插入图像占位符,需要掌握的内容主要有： 1、网页中图像的作用和常用格式 2、设置背景图像 3、插入图像占位符,网页中图像的作用基本上可分为两种情况，一种是起装饰的作用，如背景图像，另一种是起传递信息的作用，它和文本的作用是一样的。 在网页中使用的最为普遍的图像格式主要是GIF和JPG。GIF由于文件小、支持透明色、下载时具有从模糊到清晰的效果，成为网页制作中首选的图像格式。JPG为摄影提供了一种标准的有损耗压缩方案，比较适合处理照片一类的图像。,1、网页中图像的作用和常用格式,打开【页面属性】对话框，在【外观】分类中单击【浏览】按钮打开【选择图像源文件】对话框，在【查找范围】下拉列表框中选择网页背景图像文件 。 在【重复】下拉列表框中有4个选项：“不重复”、“重复”、“横向重复”及“纵向重复”，可以通过选择它们来定义背景图像的重复方式。,2、设置背景图像,在主菜单中选择【插入】【图像对像】【图像占位符】命令或在【插入】【常用】面板的【图像】下拉菜单中单击 （图像占位符）按钮打开【图像占位符】对话框，进行设置即可。,3、插入图像占位符,（二） 插入图像和设置图像属性,需要掌握的内容主要有： 1、插入图像 2、设置图像属性 3、图文混排,在网页中，插入图像的方法通常有3种： （1）在主菜单中选择【插入】【图像】命令。 （2）在【插入】【常用】面板的【图像】下拉菜单中单击 （图像）按钮。 （3）在【文件】【文件】面板中用鼠标选中文件，然后拖到文档中适当位置。,1、插入图像,在图像【属性】面板中，比较常设置的参数有：【宽】和【高】、【替换】【垂直边距】、【水平边距】、【边框】等。,2、设置图像属性,在网页中，经常出现文本和图像混排的现象。在学习表格等网页布局技术之前，要做到这一点就需要用到【属性】面板的【对齐】选项，【对齐】选项调整的是图像周围的文本或其他对象与图像的位置关系。在【对齐】下拉列表中共有10个选项，其中经常用到的是“左对齐”和“右对齐”两个选项。,3、图文混排,任务二 插入媒体,（一） 插入Flash动画 （二） 插入图像查看器 （三） 插入ActiveX视频,（一）插入Flash动画,需要掌握的内容主要有： 1、插入Flash动画 2、设置Flash动画属性,1、插入Flash动画,插入Flash动画的方法通常有3种： （1）在主菜单中选择【插入】/【媒体】/【Flash】命令。 （2）在【插入】/【常用】/【媒体】面板中单击 （Flash）图标。 （3）在【文件】【文件】面板中用鼠标选中文件，然后拖到文档中。,2、设置Flash动画属性,在【属性】面板的【宽】和【高】文本框中分别输入宽度和高度，勾选【循环】和【自动播放】选项，还可以根据需要设置其他参数。,需要掌握插入图像查看器的过程。 1、插入图像查看器Flash占位符 2、设置Flash占位符属性 3、修改图像文件路径,（二）插入图像查看器,在主菜单中选择【插入】/【媒体】/【图像查看器】命令，打开【保存Flash元素】对话框，为新的Flash动画命名。,1、插入图像查看器Flash占位符,在Flash占位符 【属性】面板中定义宽度和高度等参数。,2、设置Flash占位符属性,右键单击Flash占位符，在弹出的菜单中选择【编辑标签】命令，打开【标签编辑器Object】对话框，切换至【替代内容】选项，然后在文本框内找到默认的图像文件路径名，修改图像文件路径，使其可以显示预先准备好的图像。,3、修改图像文件路径,（三）插入ActiveX视频,需要掌握的内容主要有： 1、在网页中播放WMV视频文件 2、在网页中播放RM视频文件,1、在网页中播放WMV视频文件,（1）在主菜单中选择【插入】/【媒体】/【ActiveX】命令，系统自动在文档中插入一个ActiveX占位符。 （2）在【属性】面板的【ClassID】列表文本框中添加“CLSID:22D6f312-b0f6-11d0-94ab-0080c74c7e95”，然后按下Enter键。 （3）选择【嵌入】选项，然后在【属性】面板中打开【参数】对话框，添加参数。,（4）最后设置宽度和高度等属性。,2、在网页中播放RM视频文件,（1）在主菜单中选择【插入】/【媒体】/【ActiveX】命令，系统自动在文档中插入一个ActiveX占位符。 （2）在【属性】面板的【ClassID】选项中选择“RealPlayer/clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA”。 （3）选择【嵌入】选项，然后在【属性】面板中打开【参数】对话框添加参数。 （4）最后设置【宽】和【高】为固定尺寸。,实训 设置“漓江山水”网页,本项目主要介绍了在网页中插入图像和媒体的基本方法，本实训将让读者进一步巩固所学的基本知识。 要求：把“项目实训素材”文件夹下的内容复制到站点根文件夹下，然后在网页文档中插入图像和图像查看器。,制作“送孟浩然之广陵”网页,制作“送孟浩然之广陵”网页,小结,本项目主要介绍了图像和媒体在网页中的应用和设置方法，概括起来主要有以下几点。 （1）通过【页面属性】对话框设置网页背景图像的方法。 （2）在网页中插入图