插入图像、多媒体

1、网页图像2022/8/131西南财经大学天府学院 图像在网页中不仅起点缀的作用，它也是一种信息载体，能够在网页上传递一些文字无法承载的信息。 一个好的网页不应该只包括文本文档，而应该是图文并茂的。美观的背景和精美的插图会使网页更加生动、有灵气，从而吸引更多的浏览者。2022/8/132西南财经大学天府学院插入图像 本节要点： 图像的基本格式 图像的应用： 设置图像属性 网站相册2022/8/133西南财经大学天府学院一、图像的基本格式 用于网页的图像主要有JPG、GIF和PNG这三种格式。这三种格式的图像能被大多数的浏览器支持，符合Internet所需的压缩和跨平台的起码要求。2022/8/1

2、34西南财经大学天府学院提示： 要插入的图像文件应该存放于当前站点的目录内。 如果要插入的图像没有位于本地站点的目录中，则会出现一个对话框，询问是否要将该图像文件复制到本地站点中。选择“是”按钮将图像文件保存在本地站点内，以保证文档中对图像文件的正确引用。2022/8/135西南财经大学天府学院二、图像的应用1、插入一般图像，请执行下列操作之一：“插入”菜单 “图像”命令“常用”子面板“图像”按钮 下拉列表中选择“图像” 使用快捷键：Ctrl+Alt+I图像既可以作为网页内容，也可以用于网页背景。2022/8/136西南财经大学天府学院2、创建鼠标经过图像 鼠标经过图像也称交互式图像, 使用鼠

3、标经过图像可使页面具有动态性和交互性。 操作步骤：“插入”菜单 “图像对象” “鼠标经过图像”鼠标经过图像实际上由两个图像组成： 主图像（当首次载入网页时显示的图像） 次图像（当鼠标移到主图像上时显示的图像）。 注意：主图像与次图像的大小应该相等2022/8/137西南财经大学天府学院3、图像占位符 图像占位符并不是在浏览器中显示的最终图像，而是在准备将最终图像添加到网页之前使用的一种临时图形。使用图像占位符可以在没有理想图像的情况下先制作出页面，等找到合适的图像后再将其替换为真正的图像。操作步骤： “插入”菜单 “图像对象” “图像占位符”2022/8/138西南财经大学天府学院 可以在 D

4、reamweaver 中以可视化的形式调整大小。这可能会导致用户浏览器中页面下载延迟和图像显示不正确。建议请先使用图像编辑软件缩放图像。 调整图像大小设置图像属性图像编辑功能( 限GIF、JPEG格式文件)4、编辑图像2022/8/139西南财经大学天府学院 你可以将图像与同一行中的文本、另一个图像、插件或其它元素对齐。还可以设置图像的水平对齐方式。对齐图象2022/8/1310西南财经大学天府学院5、创建网站相册 创建网站相册的操作步骤如下： 1）选择【命令】【创建网站相册】菜单命令。2）在“相册标题”文本域中输入一个标题。3）单击“源图像文件夹”文本域旁的“浏览”按钮，选择包含源图像的文件

5、夹。 4）单击“目标文件夹”文本域旁的“浏览”按钮，选择（或创建）一个用来存放所有导出的图像和HTML文档的目标文件夹，该文件夹必须位于站点内。 2022/8/1311西南财经大学天府学院创建网站相册(续)5）指定缩略图的显示选项 6）在“相片格式”中选择大尺寸图像的格式。大尺寸图像的格式可以不同于缩略图的格式。 7）选中复选框“为每张相片建立导览页面”可以为每个源图像创建一个Web页 8）单击“确定”以创建网站相册的HTML和图像文件。 提示:安装了Fireworks才能使用”创建网站相册”命令.2022/8/1312西南财经大学天府学院图像无法正确预览的原因： 1.图像格式不正确. 2.图

6、像没有在站点中. 3.网页文件不在站点中. 4.图像文件或图像所在文件夹用中文命名. 5.图像的链接是站点内绝对链接.2022/8/1313西南财经大学天府学院2022/8/1314西南财经大学天府学院使用多媒体对象2022/8/1315西南财经大学天府学院多媒体对象 各式各样的媒体对象点缀在页面上，使得页面更加精美绝伦。利用Macromedia Dreamweaver MX 2004的相关功能你可以快速而方便地在网页中插入声音和影片，Flash对象和Shockwave影片等，并将之结合为一体。现在多媒体技术的发展使网页的设计者能轻松自如的在页面中加入声音、动画、影片等内容，使制作的网页充满了

7、乐趣，更给网页的访问者增添了几分欣喜。2022/8/1316西南财经大学天府学院本节主要内容 网页中插入媒体 插入Flash按钮、 Flash文本及Flash动画 插入Shockwave电影 添加声音使用多媒体对象 2022/8/1317西南财经大学天府学院二、插入媒体对象 在“插入”面板中，选择“媒体”类别，然后单击要插入的对象类型按钮， 或将按钮直接拖入到文档窗口中； 或选择菜单命令【插入】【媒体】或者【插入】【交互式图像】，从子菜单中选择适当的对象。 2022/8/1318西南财经大学天府学院1、插入Flash对象 插入Flash 按钮、 Flash 文本、Flash电影，执行下列操作之

8、一： 【插入】菜单【交互式图像】【Flash 按钮】/ 【Flash 文本】/【Flash】命令 或“插入”面板“媒体”类别“Flash 按钮”/ “Flash 文本”/“Flash”图标 或直接将该图标拖入文档中 。2022/8/1319西南财经大学天府学院插入Flash按钮2022/8/1320西南财经大学天府学院插入Flash文本2022/8/1321西南财经大学天府学院设置Flash对象属性 Flash 对象（按钮和文本）的属性检查器如下图所示：提示：文件名不能为中文，存储的路径中也不能有中文，且必须保存在与该网页相同等级的路径中。2022/8/1322西南财经大学天府学院2、插入Shockwave电影 执行下列操作之一:“插入”面板“媒体”类别“Shockwave”图标，或直接将该图标拖入到文档中或选择菜单命令【插入】【媒体】【Shockwave】 2022/8/1323西南财经大学天府学院2022/8/1324西南财经大学天府学院3、添加声音文件 目前较常用声音文件的格式： .midi(.mid) .wav .aif .mp3 .ra .ram .rpm Real Audio 格式。“插入”面板 “媒体”类别“插件”图标，或直接该图标拖入到文档中或选择菜单命令【插入】【媒体】【插件】 2022/8/1325西南财经大学天府学院小结 本节着重介绍了如何在网页中添加多媒