ch05-使用图像与多媒体丰富网页内容_第1页
ch05-使用图像与多媒体丰富网页内容_第2页
ch05-使用图像与多媒体丰富网页内容_第3页
ch05-使用图像与多媒体丰富网页内容_第4页
ch05-使用图像与多媒体丰富网页内容_第5页
已阅读5页，还剩13页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

DreamweaverCS5网页设计与制作根底教程第5章使用图像与多媒体丰富网页内容5.1网页中常见的图像格式5.1.1GIF格式图像5.1.2JPEG格式图像5.1.3PNG格式图像5.1.1GIF格式图像GIF格式图像，可译为“图像交换格式〞，是一种无损压缩格式的图像，使文件大小最小化，支持动画格式，能在一个图像文件中包含多帧图像页，浏览器中浏览时可看到动感图像效果，网上小一点的动画一般都是GIF格式的图像。5.1.2JPEG格式图像JPG/JPEG可译为“联合图像专家组〞，是一种压缩格式的图像，通过压缩JPEG文件使其在图像品质和文件大小之间到达较好的平衡，损失了原图像中不易为人眼觉察的内容，获得较小文件尺寸。5.1.3PNG格式图像PNG可译为“便携网络图像〞，是一种格式非常灵活的图像，用于在WWW上无损压缩和显示图像。5.2插入与设置图像5.2.1在网页中插入图像5.2.2设置图像属性5.2.3图像的对齐方式5.2.1在网页中插入图像启动DreamweaverCS5，翻开素材文件，将光标放置于准备插入图像的位置。在菜单栏中，选择【插入】→【图像】菜单项。弹出【选择图像源文件】对话框，选择准备插入的图像，单击【确定】按钮。弹出【图像标签辅助功能属性】对话框，单击【确定】按钮，完成图像标签辅助功能属性的设置。图像已经插入到网页中，在网页中还可以调整图像的大小，在菜单栏中，选择【文件】→【保存】菜单项，保存页面。在【工具栏】中，单击【在浏览器中预览】按钮，预览页面效果。5.2.2设置图像属性在DreamweaverCS5中插入图像文件之后，可以对其进行设置，设置图像属性可以使用属性面板。5.2.3图像的对齐方式当网页文件中包括图像文件和文本时，需要对图像进行对齐设置，包括【默认值】、【基线】、【顶部】、【居中】、【底部】、【文本上方】、【绝对居中】、【绝对底部】等。5.3插入其他图像元素5.3.1插入图像占位符5.3.2设置图像占位符5.3.3插入鼠标经过图像5.3.1插入图像占位符启动DreamweaverCS5，将鼠标光标定位于网页文档中，在【常用】插入栏中，单击【图像】下拉按钮，选择【图像占位符】选项。弹出【图像占位符】对话框，在【名称】文本框中，输入名称“pic〞，设置占位符的高度和宽度为“32×32〞，设置占位符的颜色为“红色〞，单击【确定】按钮。此时，在网页中名可以看到刚刚插入的占位符。5.3.2设置图像占位符在网页文件中插入图像占位符之后，可以在属性面板中对齐进行设置。5.3.3插入鼠标经过图像启动DreamweaverCS5，将鼠标光标定位于准备插入鼠标经过图像的位置。在【常用】插入栏中，单击【图像】下拉按钮，选择【鼠标经过图像】选项。弹出【插入鼠标经过图像】对话框，单击【原始图像】后面的【浏览】按钮，选择原始图像，单击【鼠标经过图像】后面的【浏览】按钮，添加图像，单击【确定】按钮。保存网页文档，按下键盘上的【F12】键，即可在浏览器中查看刚刚添加的图像，当鼠标经过时，图像有所变化。5.4多媒体在网页中的应用插入Flash动画插入FLV视频为网页添加背景音乐在网页中插入音频插入Flash动画启动DreamweaverCS5，在菜单栏中，选择【插入】→【媒体】→【SWF】菜单栏。弹出【选择SWF】对话框，选择准备插入的文件，单击【确定】按钮。弹出【图像标签辅助功能属性】对话框，单击【确定】按钮，完成图像标签辅助功能属性的设置。保存文档，按下键盘上的【F12】键，即可在浏览器中预览到添加的Flash效果。插入FLV视频启动DreamweaverCS5，在菜单栏中，选择【插入】→【媒体】→【FLV】菜单栏。弹出【插入flv】对话框，1.单击【浏览】按钮，选择视频文件，2.进行相应的设置，3.单击【确定】按钮。保存文档，按下键盘上的【F12】键，即可在浏览器中预览到添加的FLV效果。为网页添加背景音乐启动DreamweaverCS5，翻开素材文件。单击工具栏中【代码】按钮，转换至【代码】视图，在【代码】视图中<body>，输入【<】以显示标签列表，双击选择【bgeounf】选项。按下键盘上的【空格键】，在弹出的列表中，双击选择【src】选项，设置背景应用文件的路径。双击【浏览】字样，弹出【选择文件】对话框，选择准备添加的音乐文件，单击【确定】按钮。按下键盘上的【空格键】，在弹出的列表中，双击选择【loop】选项。选中【-1】字样，在属性值后面输入【>】。保存文档，按下键盘上的【F12】键，即可在浏览器中收听到刚刚添加的音乐。在网页中插入音频启动DreamweaverCS5，翻开素材文件。在【插入】面板中，单击【媒体】下拉按钮，选中【插件】选项弹出【选择文件】对话框，选择准备插入是文件，单击【确定】按钮。在【属性】面板中，设置宽和高的数值，分别为700和

人人文库> 全部分类> 教育资料 > 备课教案

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论