《中文版Dreamweaver CS3网页制作实用教程》课件第5章

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程 第5章 插入多媒体内容和超链接随着网络的发展，多媒体在网络上得到了更广泛的应用，因此，对网页设计 页提出了更高地要求。在Dreamweaver CS3中，可以快速、方便地为网页添 加声音、影片等多媒体内容，使网页更加生动，还可以插入和编辑多媒体文件 和对象，例如Flash动画、Java Applets、ActiveX控件等。网站都是由许多网 页组成的，网页之间通常又是通过超链接方式相互建立关联的。超链接的应用 范围很广，利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多 媒体文件及下载程序，也可以利用它在网页内部进行链接或是发送E-mail等。 在Dreamweaver CS3中，可以将文档中的任何文字及任意位置的图片设置为 超链接。超链接类型有页间链接、页内链接、E-mail链接、空链接及脚本链接 等。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程 教学重点与难点 选择对象 插入多媒体内容 认识超链接 创建超连接 管理超链接

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.1 插入多媒体内容在网页中的插入多媒体内容主要包括Flash动画、音频文件、视频文件，插 入这些对象可以增强网页的互动性。 插入Flash动画 插入其他媒体对象 插入音频和视频

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程 5.1.1插入Flash动画

目前，Flash动画使网页上最流行的动画格式，大量用于网页中。在 Dreamweaver中，Flash动画也是最常用的多媒体插件之一，它将声音、图像 和动画等内容加入到一个文件中，并能制作较好的动画效果，同时还使用了优 化的算法将多媒体数据进行压缩，是文件变得很小，因此，非常适合在网上传 播。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.1.2 插入其他媒体对象

在Dreamweaver CS3中，除了插入Flash动画、按钮、文本对外外，还可以 插入Shockwave影片、JavaScript、ActiveX控件。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.1.3 插入音频和视频

现在浏览器能支持的多媒体文件越来越多，文件也越来越小，但表现的效果 却越来越好。在网页中，还可以插入声音和视频文件，并可以在浏览器中播放。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.2 创建超链接

超链接是Web的精华。没有超链接，就无法通过单击的方式遨游Web世 界，而如果没有了单击的功能，Web就会是死水一潭。超链接的应用范围很广， 利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及 下载程序，也可以利用它在网页内部进行链接或是发送E-mail等。在 Dreamweaver CS3中，可以将文档中的任何文字及任意位置的图片设置为超 链接。 认识超链接 超链接的类型 创建超链接的方法

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver C

S3实用教程5.2.1 认识超链接

超链接与URL及网页文件的存放路径是紧密相关的。URL可以简单地称为网 址，顾名思义，就是Internet文件在网上的地址，定义超链接其实就是指定一 个URL地址来访问它指向的Internet 资源。同时，认识从作为链接起点的文档 到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说， 链接路径可以分为绝对路径与相对路径两类。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.2.2 超链接的类型

在Dreamweaver CS3中可以创建各种超链接。为了在本地站点内移动或重命 名文档或其他链接文件时，依然可以自动更新指向文档的链接Dreamweaver 通常使用文档相对路径创建指定站点中其他网页的链接。在Dreamweaver CS3中，可以创建 页间链接：利用该链接可以跳转到其他文档或文件，如图 形、电影、PDF或声音文件。 页内链接：也被称为锚记链接，利用它可以跳 转到本站点指定文档的位置。 E-mail链接：使用该链接，可以启动电子邮件程 序，允许用户书写电子邮件，并发送到指定地址。 空链接及脚本链接：它允 许用户附加行为至对象或创建一个执行JavaScript代码的链接。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.2.3 创建超链接的方法

在Dreamweaver CS3中，可以随时随地在所需的位置创建各种超级链接，并 且可以通过多种方法来创建超链接，可以在“属性”面板中创建、使用菜单命 令创建或使用指向文件图标来创建超链接。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程 5.3

创建各种类型的超链接

在对超级链接有着一定初步了解的基础上，将分类介绍各种超级链接的方法， 包括创建文本超链接、图像超链接、锚点链接、E-mail链接和图形热点链接。 创建文本超链接 创建图像超链接 创建页内超链接 创建E-mail链接 创建虚链接和脚本链接 创建图形热点链接

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.3.1 创建文本超链接

当光标移至浏览器中的文本链接时，光标会变成一只手的形状，此时单 击链接便可以打开链接所指向的目标网页。要创建文本超链接，首先选中要设 置超链接的文本，在“属性”面板中单击“链接”文本框右侧的文件夹图标， 打开“选择文件”对话框，选择要链接的文件，单击“确定”按钮，即可将文 件添加到“链接”文本框中，如图所示。也可以在“链接”文本框中输入链接 的URL地址。点击此按钮

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.3.2 创建图像超链接

创建图像超链接的方法与创建文本超链接的方法相同。选中要创建超链接 的图像，打开“属性”面板，单击“链接”文本框右侧的文件夹图标，打开 “选择文件”对话框，选择要链接的文

件，单击“确定”按钮，即可将文件添 加到“链接”文本框中，也可以在“链接”文本框中输入链接的URL地址。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实用教程5.3.3 创建页内超链接

创建页内超链接是通过使用“命名锚记”(用于标记位置的标识)来完成的， 因此，“页内超链接”又称为“命名锚记链接”。通过对文档中指定位置的命 名，允许利用链接打开目标文档时直接跳转到相应的命名位置。 创建“命名锚记链接”的过程分为两步，首先加入一个命名锚记，可以将光 标置于文本中需要创建超链接的位置，然后选择“插入记录”|“命名锚记”命 令，或者单击“插入”栏中的“常用”选项卡，打开“常用”插入栏，单击 “命名标记”按钮，打开“命名锚记”对话框，如图所示。在“锚记名称”文 本框中“输入锚记”的名称text_top,然后单击“确定”按钮即可。

《中文版Dreamweaver CS3网页制作实用教程》课件第5章

中文版Dreamweaver CS3实 …… 此处隐藏：2026字，全部文档内容请下载后查看。喜欢就下载吧 ……