第五讲制作多媒体页面.ppt

制作图像页面 图像常识 插入并设置图像 插入其它图像元素 使用外部图像编辑器 图像常识 网页中常用的图像格式 GIF 、JPEG、PNG（应用不广泛） GIF(Graphic Interchange Format)： 图像交换格式、采用LZW无损压缩算法。只包含256种颜色，支持透明的背景色和动画格式。通常网站中的Logo、按钮图片、文字图片和背景图片都使用这种格式。 JPEG（Joint Photographic Experts Group)：采用有损压缩的算法。支持２４位真彩色，但不支持透明的背景色和动画格式。经常用来表现色彩丰富、武装复杂的图像。 插入并设置图像 插入图像 通过“插入”＝》“图像”菜单命令插入图像 通过“文件”面板插入图像 通过“资源”面板插入图像 设置图像属性 选中插入的图像，可以在“属性”检查器中设置图像的属性。 为图像设置热点 插入其他图像元素 插入图像占位符，其步骤如下： 在文档编辑页面中用鼠标指针定位需要插入图像占位符的位置。 选择“插入”＝》“图像对象”＝》“图像占位符”＝》输入占位符的名称、宽度和高度。还可以设置颜色和替换文本。 单击“确定”按钮，即可插入一个图像占位符，默认情况下颜色为灰色。 完成网页规划后，使用设计好的图像替换图像占位符。 插入鼠标经过图像：经常用来制作动态效果，当鼠标移动到图像上时，该图像就变为另外一幅图像。（按钮、导航条制作） step1.在需要插入的地方单击鼠标左键定位一个插入点。 step2.选择“插入”＝》“图像对象”＝》“鼠标经过图像”菜单命令，打开“插入鼠标经过图像”对话框。 　 step3.单击“浏览”按钮，分别设置原始图像和鼠标经过图像。 　 step4.单击“确定”按钮，将图像插入到表格中，完成制作。 step5.保存预览。 插入导航条 由一系列的栏目按钮组成，在Dreamweaver 8中可以为导航条中的按钮设置４种状态图像，分别为状态图像、鼠标经过图像、按下图像和按下时鼠标经过图像，通常只需设置状态图像和鼠标经过图像即可。 [例]制作一个包含５个导航按钮的导航条： step1.首先根据需要在页面中插入一个１行１列的表格，并设置表格的宽度与导航条的宽度相同。 step2.将鼠标光标定位在表格中，选择“插入”＝》“图像对象”＝》“导航条”菜单命令，打开对话框。 step3.单击“浏览”按钮，设置状态图像和鼠标经过图像，然后在“按下时，前往的URL”文本框中设置链接的目标文件。 step4.单击“添加项”按钮，增加一个导航条元件，并自动命名为unnamed1。 step5.在“项目名称”文本框中设置导航条文件的新名称，然后单击“浏览”按钮，设置第二个导航条元件的状态图像和鼠标经过图像，在“按下时，前往的URL”文本框中设置链接的目标文件。 step6.使用相同的方法继续增加导航条元件。 step7.单击“确定”按钮，返回到文档编辑窗口，可看到导航条图像已经插入到表格中，此时显示的为状态图像。 step8.按F12键在IE浏览器中预览，当鼠标移动到导航条按钮上时，图像由设置的状态图像变为鼠标经过图像，产生动态效果。 使用外部图像编辑器 定义外部图像编辑器 step1.选择“编辑”＝》“首先参数”菜单命令，打开“首先参数”对话框，在“分类”列表中选择“文件类型/编码器“一项。 step2.单击“编辑器”列表上方的添加按钮，打开“选择外部编辑器”对话框。 step3.单击“打开”按钮，返回到“首先参数”对话框中，此时在“编辑器”列表中可以看到新增加的编辑器。 step4.选中其中一项，单击“设为主要”按钮，将其作为主要编辑器，这样扩展名列表中的文件类型都使用该编辑器进行编辑。 制作多媒体页面 插入Flash 插入Shockwave动画 插入声音 插入视频 插入Flash Flash的文件类型 Flash文件(.fla)是所有项目的源文件，在Flash程序中创建。只能在Flash中打开，将它导出为SWF或SWT文件在浏览器中使用。 Flash SWF文件( .swf)是Flash(.fla)文件的压缩版本，已进行了优化以便于在网页中使用。 Flash模板文件(.swt)能够修改和替换Flash SWF文件中的信息。用于Flash按钮对象中，使我们能够用自己的文本或链接修改模板，以便创建满足需求的SWF。 Flash元素文件(.swc)是一个Flash SWF文件，通过将此类程序合并到网页，可以创建丰富的Internet应用程序。 Flash视频文件格式(.flv)是一种视频文件，它包含经过编码的音频和视频数据，用于通过Flash Player传送。 插入Flash动画 Step1.打开需要插入Flash动画的网页，使用鼠标定