插入图像Flash及其他多媒体对象教程.pptVIP

Page */23 Page */23 Page */23 第2章内容回顾 了解HTML文档的基本结构，以及HTML文档的基本标记的基本用法 HTML 文档是包含标记的文本文件，这些标记告诉 Web 浏览器如何显示页面 HTML 标记不区分大小写 标记都具有属性。属性进一步描述网页上 HTML 元素的附加信息 META 标记放置在网页的标题处，以提供关于页面的信息。搜索引擎通常会用到这些标签 在 HTML 文档中可以插入特殊字符 介绍链接的几种类型以及应用方法，制作网站应用相对文档链接 锚记 A 标签用于标识充当 HTML 文档中超级链接的文本或图像。HREF 参数指定要链接的文件地址即URL 插入图像、Flash及其他多媒体对象 第3章 Page */23 本章目标 了解适用网页的图像格式 掌握在网页中插入图像、Flash对象的方法 掌握正确设置图像的边框、对齐方式的方法 掌握合理设置Flash影片的参数值的方法 Page */23 本章结构 创建图像导航条 网页图像片处理 插入图片、创建图像地图 插入Flash媒体对象 插入其他多媒体对象 插入Flash动画 插入Flash按钮 插入Flash文本 创建轮替图像 网页图片的格式 插入图像、Flash及其他多媒体对象 Page */23 网页图片的格式 适用于网页图片的格式有三种 GIF格式 采用无损压缩方案，图像压缩后细节损失小 支持部分背景透明 磁盘空间占用较少 JPEG格式 具有调节图像质量的功能 用不同的压缩比例压缩文件，可以在图像质量和文件尺寸之间找到平衡点 PNG格式 存储形式丰富，兼有GIF和JPG的色彩模式 能把图像文件压缩到极限，又能保留所有与图像品质有关的信息，有利于网络传输 GIF格式 JPEG格式 PNG格式 在图像处理程序中演示一幅图像保存不同格式的效果比较 GIF支持透明和多帧动画，体积比较小 JPEG支持真彩静态图像，体积也比较小 PNG虽然综合了两者优势，但是对浏览器支持不够好 Page */23 插入图片2-1 在网页中插入图片 在网页中插入图片和图像占位符 插入图像：单击插入栏中的 插入图像按钮，直接插入图像 插入图像占位符：先单击插入栏中的 插入占位符按钮，插入占位符 ，再将占位符替换为图像 在插入窗口中插入占位符 双击占位符，在“选择图像源” 对话框中，选择要替换的图像 Page */23 替代：图片在浏览器中无法显示时或鼠标经过时，代替图像显示的说明文本 插入图片2-2 设置网页的图像属性 源文件：此处显示图像源文件在站点内的相对路径 编辑按钮：单击此按钮可以在默认的图像编辑软件中打开图像进行处理 地图：在图像上设置热区，具体操作方法在后面的内容将详细介绍 重设大小按钮：单击此按钮图像宽、高的值将恢复原始大小 边框：此项默认值为空。在此处可以输入图像边框的宽度，单位也是像素 对齐：此选项对于制作网页的图文混排也非常重要，此处的下拉列表提供了多种图像与同一行内文本或全部文本的对齐方式 垂直边距(水平边距)： 在图像的上下或左右根据在文本域中设置的值大小添加空白区域，单位是像素 在Dreamweaver插入图像和占位符并设置其属性 Page */23 创建图像地图 图像地图是指具有超链接功能的图像 热区是指图像中设置的指向不同超链接的区域 绘制热区：绘制各种形状的热区 热区分为：圆形、矩形、多边形 热区创建后在属性面板上设置热区的属性 链接 目标 替代 热区 浏览器中测试热区 在Dreamweaver创建图像地图 Page */23 创建轮替图像 创建轮替图像 选择菜单：插入?交互式图像?鼠标经过图像 或在插入栏单击“鼠标经过图像”按钮 浏览器中输出的轮替图像 在Dreamweaver插入轮替图像 Page */23 创建图像导航条 创建图像导航条 选择菜单：插入?交互式图像?导航条 或单击插入栏上的“导航条”按钮 导航条完成后，还可以修改 浏览器中输出的轮替图像 在Dreamweaver插入和修改导航条 Page */23 阶段总结 网页图像片处理 网页图片的格式 插入图片、创建图像地图 创建轮替图像 创建图像 导航条 Page */23 插入Flash多媒体对象 Flash文件的三种格式 Flash源文件格式 扩展名为.fla，在 Flash环境中创建 只能在Flash程序中打开的文件格式 此格式不能插入到网页中 Flash影片文件 Flash程序中发布或导出的影片扩展名为.swf 可以插入到网页上载到web，可以直接在浏览器或媒体播放软件中播放观看 不能在Flash应用程序中进行编辑 Flash模板文件 扩展名是.swt，用户可以用它修改和替换Fl