第6章 图像和媒体对象

第6章图像和媒体对象,主讲人,6.1网页图像的重要作用,图像与文本的完美结合可以提升网页的美观性，从而吸引更多人的关注,6.2网页中常用的图像格式,GIF格式压缩方式是无损的，可以方便地解决跨平台的兼容问题。不过GIF格式图像不能显示的颜色有限，最多使用256种颜色合适色调不连续或具有大面积单一颜色的图像，如导航图片、LOGO标志图片等JPEG格式压缩方式是有损的，是静像数据压缩标准。适合于对图像品质要求较高的图像。如Banner条，商品图片或是大的复杂的背景图片等,6.3在网页中插入图像,6.3.1插入图像单击“常用”工具栏中【图像】按钮旁的三角按钮，在下拉列表中选择“图像”项6.3.2使用图像占位符命名图像占位符名称中只能使用字母与数字，且不能以数字开头。设置图像占位符属性,6.4编辑与设置图像属性,6.4.1认识图像的“属性”面板,6.4编辑与设置图像属性,6.4.2调整图像大小,6.4编辑与设置图像属性,6.4.3裁剪图像,6.5分割图片与无缝拼接,6.5.1使用外部编辑器指定外部编辑器使用外部编辑器,（6）分割图像与无缝拼接,6.5.2分割图片将一个比较大的图像分解成为几个小的部分，这样可以使浏览器的加载速度变快6.5.3无缝拼接图片就是将分割后的图像生新在网页中以一张完整图像的效果显示出来,6.6图像在网页中的应用方式,6.6.1制作跟踪图像执行【查看】【跟踪图像】【载入】命令,6.6图像在网页中的应用方式,6.6.2设置网页背景图像在“属性”面板中，单击【页面属性】按钮，弹出“页面属性”对话框，在左侧“分类”列表中选择“外观”项单击“背景图像”后面的【浏览】按钮,选择背景图片文件,6.6图像在网页中的应用方式,6.6.3创建鼠标经过图像鼠标经过图像是指当鼠标经过一张图像时，图像会发生变化。创建鼠标经过图像需要使用两个图像文件。载入网页时显示的图像称为“原始图像”，光标经过这个主图像时显示的图像称为“鼠标经过图像”执行【插入】【图像对象】【鼠标经过图像】命令,6.6图像在网页中的应用方式,6.6.4用图片做导航条执行【插入】【图像对象】【导航条】命令，弹出“插入导航条”对话框,6.7插入媒体对象,6.7.1插入媒体对象的方法方法一：单击“常用”工具栏的媒体按钮右侧的向下箭头，可以在下拉列表中选择要使用的媒体对象命令方法二：用“插入”菜单“媒体”中的命令,6.7插入媒体对象,6.7.2了解Flash动画Flash动画是一种矢量动画，Flash动画的具有体积小、图像质量高的特点，因此非常合适在网页使用。要在浏览器中播放Flash动画，浏览器中就必须具有相应的插件或控件。目前的浏览器中都集成了相应的插件或控件Flash文件有三种类型Flash源文件Flash电影文件Flash库文件,6.7插入媒体对象,6.7.3插入Flash单击“常用”插入栏中“媒体”后面的扩展按钮，展开媒体“扩展”工具栏，单击【Flash】按钮6.7.4设置Flash对象属性,6.7插入媒体对象,6.7.5使用Flash按钮对象Flash按钮对象的存储路径必须是英文的，不能包含中文字符，所以一定要先将网站定义为站点。,6.7插入媒体对象,6.7.6使用Flash文本对象Flash文本对象是包含文本的Flash影片。插入Flash文本对象,6.8职业上机实战为网页添加图像和Flash动画,实例制作要点是图像的添加和设置技巧，实际制作过