动态网页设计与制作实用教程（第三版）电子教案程伟渊 第13章.pptVIP

第13章 链接、库与模板 本章学习导读 一个站点一般由许多页面构成，只有把页面链接起来， 才便于用户浏览。链接是互联网的核心技术。库与模板是网 页设计的有力工具，通过它们可以充分利用共享资源提高设 计效率。本章主要讲述如何将各页链接到一起，并在各页之 间重复使用设计元素的相关知识。通过本章学习，读者应该 掌握以下内容： 文档路径的类型 链接的建立与管理过程 库与模板的建立与使用 第13章 链接、库与模板 13.1 链接 13.1.1 链接的创建与管理 在设置了存储Web站点文档的Dreamweaver CS5站点和创建了HTML页后，需要创建从一个网页向另一个网页跳转的链接。链接一般由链接热点、链接目标和链接指示标志3部分构成。 Dreamweaver CS5提供多种创建超文本链接的方法，可创建由文本、图像等链接热点到文档、图像、多媒体文件或可下载软件等链接目标的链接；也可以建立到文档内任意位置的任何文本或图像（包括标题、列表、表、层或框架中的文本或图像）的链接。 若要直观地查看文件是如何链接在一起的，可使用站点地图。在站 点地图中，可以向站点添加新文档、创建和删除文档链接以及检查到相 关文件的链接。 第13章 链接、库与模板 1．关于文档位置和路径 每个网页都有一个惟一的地址，称作统一资源定位器（URL）。 当创建本地链接（即从一个文档到同一站点上另一个文档的链接）时， 通常不指定要链接到的文档的完整 URL，而是指定一个起自当前文档 或站点根文件夹的相对路径。使用 Dreamweaver CS5，可以方便地选择链接创建路径的类型。 （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 CS5可自动更新链 接。在 Dreamweaver CS5中启用链接管理的操作步骤如下： （1）选择“编辑/首选参数”，出现“首选参数”对话框。 （2）从左侧的分类列表中选择“常规”，出现“常规”参数选择选项。 （3）在“文档选项”部分，从“移动文件时更新链接”弹出式菜单中选择 “总是”或者“提示”。 选择“总是”，则每当移动或重命名选定文档时，将自动更新所有链接。 选择“提示”，则每当移动或重命名选定文档时，将首先显示一个对话框， 列出此更改影响到的所有文件。单击“更新”按钮可更新这些文件中的链 接，而单击“不更新”按钮将保留原文件不变。 （4）单击“确定”按钮，完成设置。 第13章 链接、库与模板 13.1.2 链接的应用 1．Spry菜单栏 2．创建图像地图 3．创建框架集中的链接 4．创建跳转菜单 第13章 链接、库与模板 13.2 库项目 13.2.1 认识“库”项目 库是一种特殊的 Dreamweaver CS5文件，其中包含已创建的可在网页上单独使用的“资源”。例如，如果想让页面具有相同的标题和脚注，但具有不同的页面布局，可以