插入图像、Flash及其他多媒体对象.ppt
《插入图像、Flash及其他多媒体对象.ppt》由会员分享,可在线阅读,更多相关《插入图像、Flash及其他多媒体对象.ppt(23页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
1、第第2章内容回顾章内容回顾v了解了解HTML文档的基本结构,以及文档的基本结构,以及HTML文档的基本标记文档的基本标记的基本用法的基本用法vHTML 文档是包含标记的文本文件,这些标记告诉文档是包含标记的文本文件,这些标记告诉 Web 浏览器如何显示页面浏览器如何显示页面vHTML 标记不区分大小写标记不区分大小写v标记都具有属性。属性进一步描述网页上标记都具有属性。属性进一步描述网页上 HTML 元素的元素的附加信息附加信息vMETA 标记放置在网页的标题处,以提供关于页面的信息。标记放置在网页的标题处,以提供关于页面的信息。搜索引擎通常会用到这些标签搜索引擎通常会用到这些标签v在在 HT
2、ML 文档中可以插入特殊字符文档中可以插入特殊字符v介绍链接的几种类型以及应用方法,制作网站应用相对文介绍链接的几种类型以及应用方法,制作网站应用相对文档链接档链接v锚记锚记 标签用于标识充当标签用于标识充当 HTML 文档中超级链接的文文档中超级链接的文本或图像。本或图像。HREF 参数指定要链接的文件地址即参数指定要链接的文件地址即URLChapter1/23Version 2.0插入图像、插入图像、插入图像、插入图像、FlashFlashFlashFlash及其及其及其及其他多媒体对象他多媒体对象他多媒体对象他多媒体对象 第第第第3 3章章章章本章目标本章目标v了解适用网页的图像格式了解
3、适用网页的图像格式v掌握在网页中插入图像、掌握在网页中插入图像、Flash对象的方法对象的方法v掌握正确设置图像的边框、对齐方式的方法掌握正确设置图像的边框、对齐方式的方法v掌握合理设置掌握合理设置Flash影片的参数值的方法影片的参数值的方法 Chapter3/23本章结构本章结构创建图像导航条创建图像导航条创建图像导航条创建图像导航条 网页图像片处理网页图像片处理网页图像片处理网页图像片处理 插入图片、创建图像地图插入图片、创建图像地图插入图片、创建图像地图插入图片、创建图像地图 插入插入插入插入FlashFlash媒体对象媒体对象媒体对象媒体对象 插入其他多媒体对象插入其他多媒体对象插入
4、其他多媒体对象插入其他多媒体对象插入插入插入插入FlashFlash动画动画动画动画 插入插入插入插入FlashFlash按钮按钮按钮按钮 插入插入插入插入FlashFlash文本文本文本文本 创建轮替图像创建轮替图像创建轮替图像创建轮替图像 网页图片的格式网页图片的格式网页图片的格式网页图片的格式 插入图像、插入图像、插入图像、插入图像、FlashFlash及其他及其他及其他及其他多媒体对象多媒体对象多媒体对象多媒体对象 Chapter4/23网页图片的格式网页图片的格式v适用于网页图片的格式有三种适用于网页图片的格式有三种GIF格式格式采用无损压缩方案,图像压缩后细节损失小采用无损压缩方案
5、,图像压缩后细节损失小支持部分背景透明支持部分背景透明磁盘空间占用较少磁盘空间占用较少 JPEG格式格式具有调节图像质量的功能具有调节图像质量的功能用不同的压缩比例压缩文件,可以在图像质量和文件尺用不同的压缩比例压缩文件,可以在图像质量和文件尺寸之间找到平衡点寸之间找到平衡点 PNG格式格式存储形式丰富,兼有存储形式丰富,兼有GIF和和JPG的色彩模式的色彩模式能把图像文件压缩到极限,又能保留所有与图像品质有能把图像文件压缩到极限,又能保留所有与图像品质有关的信息,有利于网络传输关的信息,有利于网络传输 GIF格式格式JPEG格式格式PNG格式格式在图像处理程序中演示一幅图像保存不同格式的效果
6、比较在图像处理程序中演示一幅图像保存不同格式的效果比较GIF支持透明和多帧动画,体积比较小支持透明和多帧动画,体积比较小JPEG支持真彩静态图像,体积也比较小支持真彩静态图像,体积也比较小PNG虽然综合了两者优势,但是对浏览器支持不够好虽然综合了两者优势,但是对浏览器支持不够好Chapter5/23插入图片插入图片2-1v在网页中插入图片在网页中插入图片在网页中插入图片和图像占位符在网页中插入图片和图像占位符插入图像:单击插入栏中的插入图像:单击插入栏中的 插入图像按钮,直接插入图像按钮,直接插入图像插入图像插入图像占位符:先单击插入栏中的插入图像占位符:先单击插入栏中的 插入占位符按插入占位
7、符按钮,插入占位符钮,插入占位符,再将占位符替换为图像,再将占位符替换为图像在插入窗口中插入占位符在插入窗口中插入占位符双击占位符,在双击占位符,在“选择图像源选择图像源”对话框中,选择要替换的图像对话框中,选择要替换的图像Chapter6/23替代:图片在浏览器替代:图片在浏览器中无法显示时或鼠标中无法显示时或鼠标经过时,代替图像显经过时,代替图像显示的说明文本示的说明文本插入图片插入图片2-2设置网页的图像属性设置网页的图像属性源文件:此处显示源文件:此处显示图像源文件在站点图像源文件在站点内的相对路径内的相对路径编辑按钮:单击此编辑按钮:单击此按钮可以在默认的按钮可以在默认的图像编辑软件
8、中打图像编辑软件中打开图像进行处理开图像进行处理地图:在图像上设地图:在图像上设置热区,具体操作置热区,具体操作方法在后面的内容方法在后面的内容将详细介绍将详细介绍重设大小按钮:单击此重设大小按钮:单击此按钮图像宽、高的值将按钮图像宽、高的值将恢复原始大小恢复原始大小边框:此项默认值边框:此项默认值为空。在此处可以为空。在此处可以输入图像边框的宽输入图像边框的宽度,单位也是像素度,单位也是像素对齐:此选项对于制作网对齐:此选项对于制作网页的图文混排也非常重要,页的图文混排也非常重要,此处的下拉列表提供了多此处的下拉列表提供了多种图像与同一行内文本或种图像与同一行内文本或全部文本的对齐方式全部文
9、本的对齐方式 垂直边距垂直边距(水平边距水平边距):在图像的上下或左右根据在图像的上下或左右根据在文本域中设置的值大小在文本域中设置的值大小添加空白区域,单位是像添加空白区域,单位是像素素在在Dreamweaver插入图像和占位符并设置其属性插入图像和占位符并设置其属性Chapter7/23创建图像地图创建图像地图 v图像地图是指具有超链接功能的图像图像地图是指具有超链接功能的图像v热区是指图像中设置的指向不同超链接的区域热区是指图像中设置的指向不同超链接的区域 绘制热区:绘制各种形状的热区绘制热区:绘制各种形状的热区热区分为:圆形、矩形、多边形热区分为:圆形、矩形、多边形热区创建后在属性面板
10、上设置热区的属性热区创建后在属性面板上设置热区的属性 链接链接目标目标替代替代热区热区浏览器中测试热区浏览器中测试热区在在Dreamweaver创建图像地图创建图像地图Chapter8/23创建轮替图像创建轮替图像v创建轮替图像创建轮替图像 选择菜单:插入选择菜单:插入交互式图像交互式图像鼠标经过图像鼠标经过图像或在插入栏单击或在插入栏单击“鼠标经过图像鼠标经过图像”按钮按钮浏览器中输出浏览器中输出的轮替图像的轮替图像在在Dreamweaver插入轮替图像插入轮替图像Chapter9/23创建图像导航条创建图像导航条v创建图像导航条创建图像导航条 选择菜单:插入选择菜单:插入交互式图像交互式图
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 插入 图像 Flash 及其 多媒体 对象
限制150内