第4章 多媒体与超级链接

单击
打开
19
5
4.1.3 创建Flash元素
• 在Flash中还有两个特殊的动画效果，那就是 FlashPaper与图像查看器。前者是通过第三方软件 制作的动画文件，类似于Word文档的动画文件；后 者是直接在Dreamweaver中就可以制作的动画文件 ，类似于幻灯片。既然是Flash动画文件，其后缀名 均为.SWF。
音频格式 .midi 或 .mid （ 电 子 乐 器 化数据接口） 用于Web设计时的优点和缺点 主要用于电子乐器音乐。很多浏览器不用插件也可以支持MIDI文件。虽然 其声音品质非常好，但同时也取决于来访者声卡的好坏。一个非常小的 MIDI文件却可以提供相当长的声音剪辑。MIDI文件不能录制，而必须在计 算机上使用特殊的硬件和软件进行人工合成。
第4章 多媒体与超级链接
当网页元素形成完整的网页后，就是将众多网页 组成一个网站，甚至将网页与网络中的其他网页连接 在一起，使其融入网络，这就需要一个互联的纽带， 而这个纽带就是超级链接。超级链接不仅可以连接网 页，还可以链接文件、邮箱等，使网页与浏览者通过 不同的方式互动。 本章主要讲述了各种多媒体插入网页中的方法， 以及如何使用超级链接在同一网页中、不同网页之间 建立链接。
鼠标未经过 按钮显示
鼠标经过按 钮显示
18
4.7 课堂练习：制作在线音乐欣赏
• 网络中的音乐在线试听其实就是链接到音频文 件，这是将声音添加到Web页面的一种简单而有效 的方法。要在网页中链接声音文件，首先需要建立 一个声音文件列表，也就是播放清单，然后再分别 为每个声音文件创建页面，最后将它们链接到一起 即可。
13
4.4.1 锚点链接
• 锚点常常被用来实现到特定的主题或者文档顶 部的跳转链接，使访问者能够快速浏览到选定的位 置，加快信息检索速度。创建锚点链接，首先要设 置一个命名锚点，该命名锚点就是链接目标，方法 是将插入点放在需要命名锚记的地方，单击【常用 】选项卡中的【命名锚记】按钮 ，设置【锚记名称 】选项后，在光标所在位置插入锚记标记。
链接
目标
11
4.3.2 图像链接
• 网页中的图像除了具有装饰效果外，还可以添加 超级链接。在Dreamweaver中，图像有两种链接，一 种为普通链接，另一种为具有翻转效果的链接。
新窗口 打开
单击
12
4.4 超级链接方式
• 虽然网页中的链接载体为文本与图像，但是链接 文件的不同，其链接方式也会有所不同。比如在同一 个网页中实现链接，或者在一幅图像中实现局部链接 ，以及常见的邮件链接等。下面详细介绍各种不同的 链接方式。
17
4.6 课堂练习：制作Flash导航条
• 网页中的Flash导航菜单既美观，又富有动感，而 且有多种制作方法。比如Dreamweaver、Flash和 Fireworks等。利用后面2种软件制作出来的Flash导航 菜单，是借用外部软件制作，这样在后期修改方面比 较繁琐。而利用Dreamweaver中的Flash按钮制作出 来的Flash导航菜单，和其他软件制作的效果相同，但 是修改起来却非常方便，只需选中该Flash按钮，单击 【属性】面板中的【编辑】按钮就可以更改该按钮的 参数了。
所谓链接，就是当鼠标移动到某些文字或者 图片上时，单击就会跳转到其他的页面。这些文 字或者图片称为热点，跳转到的页面称为链接目 标，热点与链接目标相联系的就是链接路径。链 接路径分为绝对路径和相对路径。
10
4.3.1 文本链接
• 要想创建超级链接，首要前提是准备要链接的文 件，这里同样准备的是网页，然后开始创建链接。要 创建文本链接，首先要选中文本，接着单击【常用】 选项卡中的【超级链接】按钮 ，然后在【链接】文本 框右侧单击【浏览】按钮 ，选择要链接的文件。
名称 文本 作用 显示要设置链接的文本文字。 显示链接的文件路径，单击后面的【文件】图标按钮，可以从打开的对话框中选择要链 接的文件。 单击其后面的向下箭头，在弹出的下拉菜单中可以选择链接到的目标框架。 ＿blank ＿ parent ＿self ＿top 标题 访问键 Tab键索引 将链接文件载入到新的未命名浏览器中。 将链接文件载入到父框架集或包含该链接的框架窗口中。如果包含该链接的框架不是嵌 套的，则链接文件将载入到整个浏览器窗口中。 将链接文件作为链接载入同一框架或窗口中。本目标是默认的，所以通常无须指定。 将链接文件载入到整个浏览器窗口并删除所有框架。 显示鼠标经过链接文本所显示的文字信息。 在其中设置键盘等价键以便在浏览器中选择该超级链接。 设置Tab键顺序的编号。
显示
单击
14
4.4.2 热点链接
• 要想在一幅图像中打开不同的网页，就需要在 一幅图像中同时添加不同的超级链接。而普通链接 只能在一幅图像中添加一个链接，这时就会运用到 热点链接。热点链接的原理就是利用HTML语言在 图片上定义一定形状的区域，然后给这些区域加上 链接，这些区域被称作热区。
选中
启用
1
本章知识要点：
• • • • • Flash动画 Flash按钮与文本 音频 视频 各种超级链接
2
4.1 Flash
• 网页元素中除了文本与图像外，还包括Flash动 画，其扩展名为.swf，主要作为网页Banner与导航 条插入网页中。由于它制作的动画丰富多彩，体积 小，并且可以在网页中加入声音等众多优点，因此 ，Flash动画已逐步成为了交互式网络矢量图形的 标准。 • 在Dreamweaver中，除了能够插入现有的 Flash动画外，还可以创建简单的Flash按钮、Flash 文本，以及图像查看器。
.wav（波形扩展）
该文件有好的声音品质，很多浏览器不用插件也可以支持WAV文件。可以 从CD，磁带，麦克风等输入设备录制自己的WAV文件。然而其庞大的文件 尺寸限制了在Web页上使用声音剪辑的长度。
和WAV格式一样它也有非常好的声音品质，很多浏览器不用插件也可以支 .aif（声音交换文件格式， 持AIF文件。也可以从CD，磁带，麦克风等输入设备录制自己的AIF文件。 或AIFF） 然而其庞大的文件尺寸限制了在Web页上使用声音剪辑的长度。 一种使声音文件大小有实质性缩小的压缩格式。其声音品质非常好：如果 正确地录制和压缩MP3文件，其声音品质可以和CD媲美。新技术可以将文 .mp3（电影专家组声音， 件“流式化”，这样来访者就无须等待下载整个文件便可以听到音乐。然 或者MPEG-Audio Layer- 而MP3文件大小比Real声音文件要大，所以如果要通过普通电话线连接传输 3） 一首完整的歌曲可能要等上一段时间。若要播放MP3文件，来访者必须下载 并安装一个辅助应用程序或者插件比如QuickTime，Windows Media Player或 者RealPlayer。 有非常高的压缩比，所以比MP3文件还要小。完整的歌曲文件可以在较短的 时间内完成下载。由于该类文件可以从一个普通的Web服务器上“流式”播 .ra ， .ram ， .rpm 或 Real 放，所以来访者可以在文件还没完全下载之前便开始欣赏音乐。这类文件 Audio 音质不如MP3文件，但最新版本的播放器和解码器已经极大地提高了声音品 质。来访者必须下载并安装RealPlayer应用程序或者辅助插件来播放这些文 件。
8
4.2.2 插入视频
• 由于视频的特殊性，使其逐渐成为网络中经常出 现的网页元素，例如现在非常流行的在线视频与MTV 等。在Dreamweaver中可以通过不同的方式插入不同 格式的视频，比如利用Shockwave与Flash video等。
鼠标指向效 果
鼠标移开效 果94.3 超Fra bibliotek链接载体•
3
4.1.1 插入Flash动画
• 网页中常见的、具有动画效果的Banner或者 导航条，都是通过Dreamweaver插入的Flash动 画。而常见的Flash动画包括两种，一种是普通动 画，另一种是透明动画。
4
4.1.2 创建Flash按钮与文本
• 在Dreamweaver中除了可以插入现有的Flash 文件外，还可以直接在网页中创建具有动画效果的 按钮与文本，这样就可以使用自己设计的字体和文 本创建较小的矢量图形影片。
15
4.4.3 特殊链接
• 在网络中还有较为特殊的超级链接，那就是电 子邮件链接与下载链接。前者是一种联系方式，后 者是将网络中的文件下载到本地磁盘的方法。
16
4.5 课堂练习：在网页中插入透明 Flash
网页中的Flash动画是通过Flash软件制作的，这样 在更改网站整体风格后，Flash动画务必需要重新制作 ，非常麻烦。而透明Flash的出现解决了这一问题。我 们可以在制作网页时插入透明Flash，这样在更改网页 时，只需将透明Flash下层的图片替换即可。
图片选项
框架选项 图片选项
播放器选项 图片过渡效 果
6
4.2 插入网页娱乐元素
• 通过网络除了可以查看所需要的信息外，还可 以用来娱乐，比如听音乐、看电影等。这些都是在 网页中插入音频与视频完成的。
7
4.2.1 插入音频
• 网页中常用的音频格式比较多，通常使用的有 扩展名的文件主要有MP3、WMA、RM、MID、以 及AIF等格式的音频。其中MID文件一般只用来做网 页的背景音乐使用。
参数 字体 大小 样式 颜色 转滚颜色 文本 链接 目标 背景色 另存为 功能 Flash文本字体，该列表中包括计算机中的所有安装的字体。 Flash文本大小。 Flash文本样式和显示方式，包括粗体、斜体、左对齐、居中对齐和右对齐。 Flash文本初始颜色，也是在Dreamweaver中的显示颜色。 在网页中，鼠标经过Flash文本的颜色。 在【文本】文本框中输入将要创建的Flash文本。 为Flash文本添加超级链接功能。 单击Flash文本打开链接目标的IE窗口方式 Flash文本所在的背景颜色 将创建的Flash文本保存为swf格式的Flash影片。可以单击【浏览】按钮打 开【选择文件】对话框选择保存Flash影片的名称和位置。