链接是一个网站的灵魂，一个网站是由多个页面组成的，而这些页面之间依据链接确定 相互之间的导航关系。
超级链接是指站点内不同网页之间、站点与 Web 之间的链接关系，它可以使站点内的 网页成为有机的整体，还能使不同站点之间建立联系。超级链接由两部分组成：链接点和链 接目标。
许多页面元素可以作为链接点，如文本、图像、图像热区、动画等。而链接目标可以是 任意网络资源，如页面、图像、声音、程序、其他网站、E-mail，甚至是页面中的某个位置
—锚点。
如果按链接目标分类，可以将超级链接分为以下几种类型：
（1）内部链接：同一网站文档之间的链接。
（2）外部链接：不同网站文档之间的链接。
（3）锚点链接：同一网页或不同网页中指定位置的链接。
（4）E-mail 链接：发送电子邮件的链接。
（5）脚本链接：JavaScript 代码的链接。
（6）空链接：未设计的链接。
2.4.1 关于链接路径
（1）绝对路径：为文件提供完全的路径，包括适用的协议（如 http、ftp、rtsp 等），例如：
http://www.163.com ftp://202.136.254.1/
（2）相对路径：相对路径最适合网站的内部链接。如果链接到同一目录下，则只需输入 要链接文件的名称。要链接到下一级目录中的文件，只需要输入目录名，然后输入“/”，再输 入文件名；如果链接到上一级目录中的文件，则先输入“../”再输入目录名、文件名。
（3）根路径：是指从站点根文件夹到被链接文档经由的路径，以前斜杠开头，例如
/fy/maodian.html 就是站点根文件夹下 fy 子文件夹中的一个文件（maodian.html）的根路径。
2.4.2 创建外部链接
不论是文字还是图像，都可以创建链接到绝对地址的外部链接。创建链接的方法有两个：
一个是直接输入地址，另一个是使用“超级链接”对话框。
下面通过任务讲解如何创建外部链接。
【任务 2-4】超级链接
【任务 2-4-1】外部链接
【操作要求】
在 Root 网站的主页（index.html）中创建链接到“怀化职业技术学院”网站，且在原浏览 器窗口中打开的链接。
【操作步骤】
方法 1：直接输入地址
（1）打开主页 index.html，在文本窗口中输入并选中文字“怀化职业技术学院”。在“属 性”面板中，“链接”组合框用来设置图像或文字的超链接，“目标”下拉列表框用来设置打开 方式。
（2）在“链接”组合框中直接输入外部绝对地址 http://www.hhptc.com.cn，在“目标”下 拉列表框中选择_self，如图 2-40 所示。
图 2-40 在“属性”面板中设置链接 方法 2：使用“超级链接”对话框
（1）在主页 index.html 的文档窗口中，单击“常用”子面板中的“超级链接”按钮，如 图 2-41 所示。
图 2-41 “常用”子面板 弹出“超级链接”对话框，如图 2-42 所示。
图 2-42 “超级链接”对话框
（2）进行以下各项设置：“文本”文本框用来设置超级链接显示的文本“怀化职业技术 学院”；“链接”组合框用来输入超链接连接到的路径 http://www.hhptc.com.cn；“目标”下拉列 表框用来设置超链接的打开方式，有 4 个选项，选择_self；“标题”文本框用来设置超链接的 标题。
（3）设置好后，单击“确定”按钮，即向网页中插入了“怀化职业技术学院”超链接。
2.4.3 创建内部链接
在文档窗口中选中文字或图像，单击“属性”面板“链接”组合框后的按钮 ，弹出“选 择文件”对话框（如图 2-43 所示），选择要链接到的网页文件，即可链接到这个网页。
图 2-43 选择链接文件
也可以拖动“链接”组合框后的按钮 到站点面板上的相应网页文件，则链接将指向这 个网页文件。
此外，还可以直接将相对地址输入到“链接”组合框中来链接一个页面，如图 2-44 所示。
图 2-44 直接输入链接地址
2.4.4 创建 E-mail 链接
创建邮件链接后，当浏览者单击邮件链接时，系统会自动启动浏览器默认的邮件处理程 序，且其中程序的收件人地址会自动更新为链接邮件的地址。
下面通过任务讲解如何创建 E-mail 链接。
【任务 2-4-2】E-mail 链接
【操作要求】
在 Root 网站的主页（index.html）中创建以文本“与我联系”为链接点的邮件链接（邮箱 地址为 tmbbje@163.com），且在新窗口中打开链接。
【操作步骤】
方法 1：
（1）打开主页 index.html，单击“常用”子面板（如图 2-45 所示）中的“电子邮件链接”
按钮，弹出“电子邮件链接”对话框，如图 2-46 所示。
图 2-45 “常用”子面板
图 2-46 “电子邮件链接”对话框
（2）在“文本”文本框中输入要链接的文本“与我联系”，然后在 E-Mail 文本框中输入 邮箱地址 tmbbje@163.com，单击“确定”按钮，然后在“属性”面板的“目标”下拉列表框 中选择_Blank 选项。
方法 2：
（1）选择“插入”→“电子邮件链接”命令，弹出“电子邮件链接”对话框。
（2）在“文本”文本框中输入“与我联系”，在 E-Mail 文本框中输入 tmbbje@163.com，
单击“确定”按钮，然后在“属性”面板的“目标”下拉列表框中选择_Blank 选项。
方法 3：
（ 1 ） 选 择 要 创 建 邮 件 链接 的 文 本 ， 在 “属 性 ”面 板 中 的 “ 链 接 ” 组 合框 中 输 入 mailto:tmbbje@163.com，如图 2-47 所示。
图 2-47 直接输入 E-mail 地址
图 2-48 命名锚点
图 2-49 同一文件中的锚点链接 图 2-50 不同文件中的锚点链接
（2）打开一个页面较长的网页，将光标放置于要插入锚点的地方，选择“插入”→“命 名锚记”命令，弹出“命名锚记”对话框，在对话框中命名锚点（锚点名称可用字母或数字表 示）。再选中需要链接锚点的文字或图像，在“属性”面板的“链接”组合框中输入“#”加锚 点名。如果是不同文件的链接，则在“属性”面板的“链接”组合框中输入要链接的文件名加
“#”再加锚点名。
2.4.6 创建脚本链接
所谓脚本链接是指选择 JavaScript 代码或调用 JavaScript 函数，能够在不离开当前网页的 情况下，了解关于某个项目的一些附加信息，此外该方式用于计算、表单验证或其他任务。下 面利用脚本链接创建关闭网页效果，操作步骤如下：
（1）在文档编辑窗口中输入文字“关闭窗口”。
（2）选中文本“关闭窗口”，在“属性”面板的“链接”组合框中输入 javascript:
window.close()，如图 2-51 所示，该脚本链接可以关闭窗口。
图 2-51 脚本链接
2.4.7 创建空链接
所谓空链接实际上是一个未设计的链接，利用该链接可激活页面上的文本和对象。例如 有些 JavaScript 事件需要链接，但并不是链接到文本、图像或其他对象，这时就需要用无地址 来实现。创建空链接的方法是：在文档编辑窗口中，选中要创建空链接的文本，在“属性”面 板的“链接”组合框中输入“#”，如图 2-52 所示。
图 2-52 空链接
2.4.8 图像热点链接
一个对象只能创建一个链接，但在网页设计时有可能要在一个图像上添加多个链接，若 使用前面所讲的链接方法则只能链接到一个目标。为了解决这一矛盾，在 Dreamweaver 中巧 妙地使用了热点进行链接。利用热点工具可以将一个图像划分为多个热区作为链接点，再单独
目前，Flash 动画是网页上最流行的动画格式，被大量用于网页中。Flash 动画是一种高品 质的矢量动画，它由 Macromedia 公司的 Flash 动画制作软件创建，目前已经成为 Internet 上矢 量动画的标准，是制作网上矢量图形和动画的首选软件。两款主流浏览器 Internet Explorer 和 Netscape Navigator 对 Flash 动画都提供了较好的支持。
1．插入 Flash 影片
（1）在文档窗口中将光标移动到要插入 Flash 文件的位置。
（2）选择“插入”→“媒体”→Flash 命令，打开插入 Flash 文件的对话框，如图 2-53 所示。
图 2-53 插入 Flash 文件的对话框
（3）在“选择文件”对话框中，选择扩展名为 swf 的 Flash 文件。单击“确定”按钮后，
插入的 Flash 动画并不会在文档窗口中显示内容，而是以一个带有字母 F 的灰色框来表示，如 图 2-54 所示。只有在保存文档之后，在浏览器中才能正常显示 Flash。
图 2-54 Flash 动画在文档窗口中的显示 2．插入 Flash 按钮
插入 Flash 按钮是指 Dreamweaver 集成的动态按钮。除此之外，在 Dreamweaver 中也可 以插入自己制作的 Flash 按钮（Flash 文件），方法与插入 Flash 影片类似。
插入 Flash 按钮的具体操作如下：
（1）将光标定位到页面中要插入 Flash 按钮的位置上。
（2）选择“插入”→“媒体”→“Flash 按钮”命令，打开“插入 Flash 按钮”对话框，
如图 2-55 所示。
（3）在“样式”列表框中选择需要的按钮样式，在“范例”栏中将显示出所选样式的效果。
（4）在“按钮文本”文本框中输入要在按钮上显示的文本。
（5）在“字体”下拉列表框中选择按钮文本的字体，在“大小”数值框中输入字号。
（6）在“链接”文本框中指定按钮所要链接文档的 URL 地址。
（7）在“目标”下拉列表框中选择所链接文件的打开方式。
（8）在“背景色”文本框中设置 Flash 按钮的背景色。
图 2-55 “插入 Flash 按钮”对话框
（9）在“另存为”文本框中输入保存的路径，最好保存到当前页面站点的图像文件夹中。
至此设置就完成了。
（10）单击“确定”按钮将设置的 Flash 按钮插入到当前位置。
（11）单击插入的 Flash 按钮，在其属性面板中编辑相关的属性，如图 2-56 所示。如果要 修改 Flash 按钮的名称、外观等参数时，可双击插入的 Flash 按钮或单击其属性面板中的“编 辑”按钮打开“插入 Flash 按钮”对话框，更改其设置即可。
图 2-56 Flash 按钮的属性面板
（12）如果在页面中调整了 Flash 按钮的大小，又想恢复原大小时，可单击属性面板中的
“重设大小”按钮。
（13）单击“播放”按钮播放，当鼠标移到按钮上时就会看到按钮的动态效果。
3．插入 Flash 文本
插入 Flash 文本与插入 Flash 按钮一样，是指 Dreamweaver 中集成的文本动画。插入 Flash 文本的具体操作如下：
（1）将光标定位到页面中要插入 Flash 文本的位置上。
（2）选择“插入”→“媒体”→“Flash 文本”命令，打开如图 2-57 所示的“插入 Flash 文本”对话框。
图 2-57 “插入 Flash 文本”对话框
（3）在“文本”文本框中输入要显示的文本。
（4）选中“显示字体”复选项，在文本框中将显示所设置文本字体的效果。
（5）在“字体”下拉列表框中选择文本的字体，在“大小”文本框中输入文本的大小。
例如设置字体为“隶书”，字号为 30。
（6）单击 、 按钮设置字体为粗体或斜体样式。
（7）单击 按钮设置文本段落的对齐方式。
（8）在“颜色”文本框中选择文本的正常显示颜色，如设置颜色代码为#330099。在“转
（8）在“颜色”文本框中选择文本的正常显示颜色，如设置颜色代码为#330099。在“转