动态网页设计与制作实用教程（第二版） 程伟渊 第13章新.ppt

第13章 链接、库与模板 本章学习导读 一个站点一般由许多页面构成，只有把页面链接起来， 才便于用户浏览。链接是互联网的核心技术。库与模板是网 页设计的有力工具，通过它们可以充分利用共享资源提高设 计效率。本章主要讲述如何将各页链接到一起，并在各页之 间重复使用设计元素的相关知识。通过本章学习，读者应该 掌握以下内容： 文档路径的类型 链接的建立与管理过程 库与模板的建立与使用 第13章 链接、库与模板 13.1 链接 13.1.1 链接的创建与管理 在设置了存储Web站点文档的Dreamweaver 8站点和创建了HTML 页后，需要创建从一个网页向另一个网页跳转的链接。链接一般由链接 热点、链接目标和链接指示标志3部分构成。 Dreamweaver 8提供多种创建超文本链接的方法，可创建由文本、 图像等链接热点到文档、图像、多媒体文件或可下载软件等链接目标的 链接；也可以建立到文档内任意位置的任何文本或图像（包括标题、列 表、表、层或框架中的文本或图像）的链接。 若要直观地查看文件是如何链接在一起的，可使用站点地图。在站 点地图中，可以向站点添加新文档、创建和删除文档链接以及检查到相 关文件的链接。 第13章 链接、库与模板 1．关于文档位置和路径 每个网页都有一个惟一的地址，称作统一资源定位器（URL）。 当创建本地链接（即从一个文档到同一站点上另一个文档的链接）时， 通常不指定要链接到的文档的完整 URL，而是指定一个起自当前文档 或站点根文件夹的相对路径。使用 Dreamweaver 8，可以方便地选择 链接创建路径的类型。 （1）绝对路径。绝对路径提供所链接文档的完整URL，而且包括所使 用的协议。例： /support/dreamweaver/ contents.html 就是一个绝对路径。 （2）文档相对路径。文档相对路径对于大多数Web站点的本地链接来 说，是最适用的路径。在当前文档与所链接的文档处于同一站点内，而 且可能保持这种状态的情况下，文档相对路径特别方便。 （3）站点根目录相对路径。站点根目录相对路径提供从站点的根文件 夹到文档的路径。 第13章 链接、库与模板 2．创建链接 在一个文档创建链接前必须把该文档存盘，这样才能确定相对路径 的基点。创建链接的基本方法如下： （1）创建到其他文档或文件的链接： 在“文档”窗口中，选择热点文本或页面元素，然后使用“修改/建立 链接”菜单，选择要链接到的文件。 （2）创建跳转到文档内特定位置的锚链接： a）将光标插入要跳转到的位置，选择“插入/命名锚记”菜单，命名、 插入锚标记。 b）在属性检查器的“链接”域中输入“#+锚标记名”（如标记名为a， 则应输入“#a”）或拖动点到文件图标，指向锚标记。 c）如需要，可通过属性检查器修改锚标记名称。 第13章 链接、库与模板 （3）创建电子邮件链接，此类链接新建一个收件人地址已经填好的空白 电子邮件。 a）将光标插入要建立电子邮件链接处，单击插入栏“常用”标签中的 电子邮件链接图标 ，弹出如图所示的对话框。 b）在对话框中填入链接文本和要链接的电子邮件地址，单击“确定” 按钮完成设置。可建立电子邮件链接。 第13章 链接、库与模板 3．管理链接 在本地站点内移动或重命名文档时，Dreamweaver 8可自动更新链 接。在 Dreamweaver 8中启用链接管理的操作步骤如下： （1）选择“编辑/首选参数”，出现“首选参数”对话框。 （2）从左侧的分类列表中选择“常规”，出现“常规”参数选择选项。 （3）在“文档选项”部分，从“移动文件时更新链接”弹出式菜单中选择 “总是”或者“提示”。 选择“总是”，则每当移动或重命名选定文档时，将自动更新所有链接。 选择“提示”，则每当移动或重命名选定文档时，将首先显示一个对话框， 列出此更改影响到的所有文件。单击“更新”按钮可更新这些文件中的链 接，而单击“不更新”按钮将保留原文件不变。 （4）单击“确定”按钮，完成设置。 第13章 链接、库与模板 13.1.2 链接的应用 1．创建导航条 2．创建图像地图 3．创建框架集中的链接 4．创建跳转菜单 第13章 链接、库与模板 13.2 库项目 13.2.1 认识“库”项目 库是一种特殊的 Dreamweaver 8文件，其中包含已创建的可在网页 上单独使用的“资源”。例如，如果想让页面具有相同的标题和脚注，但具 有不同的页面布局，可以使用库项目存