资源描述
中文版,Dreamweaver CS3,实用教程,第,5,章 插入多媒体内容和超链接,随着网络的发展，多媒体在网络上得到了更广泛的应用，因此，对网页设计页提出了更高地要求。在,Dreamweaver CS3,中，可以快速、方便地为网页添加声音、影片等多媒体内容，使网页更加生动，还可以插入和编辑多媒体文件和对象，例如,Flash,动画、,Java Applets,、,ActiveX,控件等。网站都是由许多网页组成的，网页之间通常又是通过超链接方式相互建立关联的。超链接的应用范围很广，利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序，也可以利用它在网页内部进行链接或是发送,E-mail,等。在,Dreamweaver CS3,中，可以将文档中的任何文字及任意位置的图片设置为超链接。超链接类型有页间链接、页内链接、,E-mail,链接、空链接及脚本链接等。,教学重点与难点,选择对象,插入多媒体内容,认识超链接,创建超连接,管理超链接,5.1,插入多媒体内容,在网页中的插入多媒体内容主要包括,Flash,动画、音频文件、视频文件，插入这些对象可以增强网页的互动性。,插入,Flash,动画,插入其他媒体对象,插入音频和视频,5.1.1,插入,Flash,动画,目前，,Flash,动画使网页上最流行的动画格式，大量用于网页中。在,Dreamweaver,中，,Flash,动画也是最常用的多媒体插件之一，它将声音、图像和动画等内容加入到一个文件中，并能制作较好的动画效果，同时还使用了优化的算法将多媒体数据进行压缩，是文件变得很小，因此，非常适合在网上传播。,5.1.2,插入其他媒体对象,在,Dreamweaver CS3,中，除了插入,Flash,动画、按钮、文本对外外，还可以插入,Shockwave,影片、,JavaScript,、,ActiveX,控件。,5.1.3,插入音频和视频,现在浏览器能支持的多媒体文件越来越多，文件也越来越小，但表现的效果却越来越好。在网页中，还可以插入声音和视频文件，并可以在浏览器中播放。,5.2,创建超链接,超链接是,Web,的精华。没有超链接，就无法通过单击的方式遨游,Web,世界，而如果没有了单击的功能，,Web,就会是死水一潭。超链接的应用范围很广，利用它不仅可以链接到其他网页，还可以链接到其他图像文件、多媒体文件及下载程序，也可以利用它在网页内部进行链接或是发送,E-mail,等。在,Dreamweaver CS3,中，可以将文档中的任何文字及任意位置的图片设置为超链接。,认识超链接,超链接的类型,创建超链接的方法,5.2.1,认识超链接,超链接与,URL,及网页文件的存放路径是紧密相关的。,URL,可以简单地称为网址，顾名思义，就是,Internet,文件在网上的地址，定义超链接其实就是指定一个,URL,地址来访问它指向的,Internet,资源。同时，认识从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般来说，链接路径可以分为绝对路径与相对路径两类。,5.2.2,超链接的类型,在,Dreamweaver CS3,中可以创建各种超链接。,为了在本地站点内移动或重命名文档或其他链接文件时，依然可以自动更新指向文档的链接,Dreamweaver,通常使用文档相对路径创建指定站点中其他网页的链接。在,Dreamweaver CS3,中，可以创建 页间链接：利用该链接可以跳转到其他文档或文件，如图形、电影、,PDF,或声音文件。,页内链接：也被称为锚记链接，利用它可以跳转到本站点指定文档的位置。,E-mail,链接：使用该链接，可以启动电子邮件程序，允许用户书写电子邮件，并发送到指定地址。,空链接及脚本链接：它允许用户附加行为至对象或创建一个执行,JavaScript,代码的链接。,5.2.3,创建超链接的方法,在,Dreamweaver CS3,中，可以随时随地在所需的位置创建各种超级链接，并且可以通过多种方法来创建超链接，可以在“属性”面板中创建、使用菜单命令创建或使用指向文件图标来创建超链接。,5.3,创建各种类型的超链接,在对超级链接有着一定初步了解的基础上，将分类介绍各种超级链接的方法，包括创建文本超链接、图像超链接、锚点链接、,E-mail,链接和图形热点链接。,创建文本超链接,创建图像超链接,创建页内超链接,创建,E-mail,链接,创建虚链接和脚本链接,创建图形热点链接,5.3.1,创建文本超链接,当光标移至浏览器中的文本链接时，光标会变成一只手的形状，此时单击链接便可以打开链接所指向的目标网页。要创建文本超链接，首先选中要设置超链接的文本，在“属性”面板中单击“链接”文本框右侧的文件夹图标，打开“选择文件”对话框，选择要链接的文件，单击“确定”按钮，即可将文件添加到“链接”文本框中，如图所示。也可以在“链接”文本框中输入链接的,URL,地址。,5.3.2,创建图像超链接,创建图像超链接的方法与创建文本超链接的方法相同。选中要创建超链接的图像，打开“属性”面板，单击“链接”文本框右侧的文件夹图标，打开“选择文件”对话框，选择要链接的文件，单击“确定”按钮，即可将文件添加到“链接”文本框中，也可以在“链接”文本框中输入链接的,URL,地址。,5.3.3,创建页内超链接,创建页内超链接是通过使用“命名锚记”,(,用于标记位置的标识,),来完成的，因此，“页内超链接”又称为“,命名锚记链接”。通过对文档中指定位置的命名，允许利用链接打开目标文档时直接跳转到相应的命名位置。,创建“命名锚记链接”的过程分为两步，首先加入一个命名锚记，可以将光标置于文本中需要创建超链接的位置，然后选择“插入记录”,|“,命名锚记”命令，或者单击“插入”栏中的“常用”选项卡，打开“常用”插入栏，单击“命名标记”按钮，打开“命名锚记”对话框，如图所示。在“锚记名称”文本框中“输入锚记”的名称,text_top,，然后单击“确定”按钮即可。,5.3.4,创建,E-mail,链接,E-mail,链接是一种特殊的链接，单击,E-mail,链接，可以打开一个空白通讯窗口。在,E-mail,通讯窗口中，可以创建电子邮件，并发送到指定的地址，如图所示。,5.3.5,创建虚链接和脚本链接,虚链接实际上是一个未设计的链接，使用虚链接可以激活页面上的对象或文本。一旦对象或文本被激活，当光标经过该链接时，可以附加行为来交换图片或显示层。要创建虚链接，选中所需创建链接的文字或图片后，打开“属性”面板，在“链接”文本框中输入,javascript:;(javascript,一词后依次接一个冒号和一个分号,),或是一个,#,号即可。,脚本链接是指执行,JavaScript,代码或调用,JavaScript,函数。创建脚本链接后，在不离开当前页面的情况下可以了解关于某个项目的一些附加信息。常用于执行计算、表单验证或其他任务。,5.3.6,创建图形热点链接,在创建图形链接的过程中，当图片比较大，或是要创建链接的区域是不规则区域，或是只给图片中部分区域创建链接，在这些情况下，可以将图片分为几个区,(,又称为“热点”,),，单击不同的区域可以打开不同的链接，这样的链接就称为“图形热点链接”。在图像的“属性”面板中可以方便地创建图形热点链接。,5.4,管理超链接,超链接是网页中不可缺少的一部分，通过超链接可以使各个网页链接起来，使网站中众多的网页构成一个有机的整体，通过管理网页中的超链接，可以对网页进行相应的管理。,自动更新链接,更改超链接,在“站点地图”中创建和修改链接,5.4.1,自动更新链接,在站点内移动或重命名文档时，,Dreamweaver,会自动更新指向该文档的链接，将整个站点存储在本地磁盘上时，自动更新链接功能最适用，但要注意的是，,Dreamweaver,不会更改远程文件夹中的相应文件。为了加快更新速度，,Dreamweaver,会创建一个缓存文件，用来存储跟本地文件夹有关的所有链接信息，在添加、删除或更改指向本地站点上的文件的链接时，该缓存文件会以可见方式进行更新。,5.4.2,更改超链接,除了自动更新链接外，还可以手动更改所有创建的超链接，以指向其他位置。,要手动更改所有创建的超链接，打开一个文件，选择“站点”,|“,改变站点链接范围的链接”命令，打开“更改整个站点链接”对话框，如图所示。在“变成新链接”文本框中输入链接的文件，单击“确定”按钮，打开“更改文件”对话框，如图所示，单击“更新”按钮，即可更改整个站点范围内的链接。,“,更改整个站点链接”对话框,“,更改文件”对话框,5.4.3,在“站点地图”中创建和修改链接,可以在“文件”面板中添加、更改和删除链接来修改站点的结构。,Dreamweaver,会自动更新“文件”面板以显示对站点所做的更改。,
展开阅读全文