图像与多媒体2.pptVIP

学习情境2-制作基本页面与图像多媒体 主讲教师：张劲勇教学部门：计算机工程系 温故知新 知识回顾 常用的图像格式。 在网页中插入图像，以及图像的相关综合操作。 本节知识要点 在网页中插入图像，以及图像的相关综合操作。 多媒体元素在网页中的综合运用。 3.3 图像的综合应用 把图像作为网页的Banner(横幅)。 3.3 图像的综合应用 利用图像制作网页导航条。 作为导航条背景。 作为导航条图像。 3.3 图像的综合应用 “鼠标经过图像”是一种常用的互动技术，当鼠标经过图像时，图像会随之发生变化。一般，“鼠标经过图像”效果由两张大小相等的图像组成，一张为主图像，一张为次图像。主图像是页面载入时显示的图像，次图像是鼠标经过时更换的图像。“鼠标经过图像”经常应用于网页中的按钮上。 方法：“插入记录图像对象鼠标经过图像” 3.3 图像的综合应用 插入导航条 利用Dreamweaver的“插入记录图像对象导航条”命令，可以直接在网页中插入横向或纵向导航条。 课堂实验任务1 3.3 图像的综合应用 3.4 多媒体的综合操作 插入声频、背景音乐。 插入视频格式。 插入flash动画。 插入flash按钮、文本。 3.4.1 添加背景音乐 步骤 切换到【代码】视图或者【拆分】视图，在head与/head之间 加入如下代码： bgsound src=sound.mid loop=-1 “loop”的值为循环的次数 -1表示无限循环。 3.4.2 添加音乐插件 点击命令菜单“插入”→“媒体”→“插件”弹出“选择文件”对话框，浏览到所需的声频文件后点击“确定”按钮并调整播放控件的大小。 注意参数：autostart、loop等 3.4.3 插入视频 点击命令菜单“插入”→“媒体”→“插件”弹出“选择文件”对话框，浏览到所需的视频文件后点击“确定”按钮并调整播放控件的大小。 3.4.4　插入Flash动画 Dreamweaver CS3提供了使用Flash对象的功能，虽然Flash中使用的文件类型有Flash 源文件(.fla)、Flash SWF文件(.swf)、Flash 模板文件(.swt)，但Dreamweaver CS3只支持Flash SWF(.swf)文件，因为它是 Flash (.fla) 文件的压缩版本，已进行了优化，便于在 Web 上查看。 3.4.4 插入Flash动画 点击命令菜单“插入”→“媒体”→“Flash”弹出“选择文件”对话框，浏览到所需的Flash文件后点击“确定”按钮并调整播放控件的大小。 课堂案例——圣诞装饰网页 课堂实验任务2 3.4.5　课堂案例——营养美食网页 使用“Flash”按钮制作网页导航条效果。使用“属性”面板改变按钮的大小。使用“Flash文本”按钮为网页文档插入Flash文本效果。使用“居中对齐”按钮设置Flash文本居中对齐效果。使用“Flash”按钮为网页文档插入Flash动画效果。使用“播放”按钮在文档窗口中预览效果。 效果图 3.4.5　插入Flash按钮 ● 执行【插入】|【媒体】|【Flash按钮】命令，弹出【插入Flash文本】对话框。 方法 1 动画文字效果 2 ● 根据需要设置参数。 3.4.6　插入Flash文本 Flash文本是指只包含文本的Flash影片。Flash文本使用户利用自己选择的设计字体创建较小的矢量图形影片。 ● 执行【插入】|【媒体】|【Flash文本】命令，弹出【插入Flash文本】对话框。 方法 1 动画文字效果 2 鼠标在动画文字外时的效果 鼠标停留在动画文字上时的效果 ●选中动画，单击【属性】面板上的【参数】按钮，在【参数】对话框的【参数】下输入“wmode”，【值】下输入“transparent”， 3.4.7??使Flash背景透明使Flash背景透明 方法 1 设置透明背景前后的效果对比 2 3.4.7　设置flash透明效果 3.4.8　插入其他类多媒体元素 Shockwave是Web上用于交互式多媒体的 Macromedia 标准，是一种经压缩的格式，使得在 Macromedia Director 中创建的多媒体文件能够被快速下载，而且可以在大多数常用浏览器中进行播放。 Applet 是用Java编程语言开发的、可嵌入Web页中的小型应用程序。Dreamweaver CS3提供了将Java Applet 插入 HTML 文档中的功能。 ActiveX 控件，也称OLE控件。它是可以充当浏览器插件的可重复使用的组件，有些像微型的应用程序。ActiveX控件只在Windows系统上的Inte