第十七讲 丰富的超级链接效果.docVIP

第二十五讲 丰富的超级链接效果 在上一讲中，我们学习了关于链接的基础知识。在本讲中，我们将深入地学习有关链接的知识。通过本讲的学习，我们希望达到下面的学习目标： ◆ 使用属性检查器创建链接； ◆ 使用站点地图链接文档； ◆ 使用插入菜单命令创建超级链接； ◆ 创建其它链接； ◆ 插入跳转菜单； ◆ 制作导航条； ◆ 制作图像地图。 25.1丰富的超级链接效果 25.1.1 使用属性检查器创建链接 属性检查器和“指向文件”图标可用于创建从图像、对象或文本到其它文档或文件的链接。 如果要使用站点根目录相对路径，则首先在 Dreamweaver 中定义一个本地文件夹（定义本地站点）。Dreamweaver 用该文件夹来确定文件的站点根目录相对路径。 如果要使用属性检查器的文件夹图标或“链接”文本框链接文档，则先在“文档”窗口的“设计”视图中选择文本或图像。然后，选择“窗口”“属性”。在打开属性检查器后选择下列操作之一： ? ◇单击“链接”文本框右侧的文件夹图标，以通过“选择文件”对话框浏览选择一个文件。在 URL 文本框中显示了被链接的文档的路径。使用“选择文件”对话框中的“相对于”弹出菜单，指示该路径是文档相对路径还是根目录相对路径，然后单击“选择”； ? ◇在“链接”文本框中键入文档的路径和文件名。如果要链接到站点内的文档，请输入文档相对路径或站点根目录相对路径。如果要链接到站点外的文档，请输入包含协议（如 http://）的绝对路径。此种方法可用于输入尚未创建的文件的链接。 最后，如果要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性检查器的“目标”弹出菜单中选择一个选项。“目标”属性有四种：_blank、_parent、_self和_top。 如果页面上的所有链接都设置为同一目标，则可以选择“插入”栏的“HTML”类别的“文件头”，然后从下拉菜单中选择“基础”按钮。最后选择目标信息来指定该目标，这样只需设置一次即可。 如果使用“指向文件”图标创建从图像、对象或文本到其它文档或文件的链接，则可以依照下列步骤操作： 1. 在“文档”窗口的“设计”视图中选择文本或图像； 2. 拖动属性检查器中“链接”文本框右侧的“指向文件”图标，然后指向另一 个打开的文档、已打开文档中的可见锚记或者指向“文件”面板中的一个文 档； 3. 释放鼠标按钮，“链接”文本框将更新，以显示该链接。 如果要从已打开文档中的选定内容创建链接，可以依照下列步骤操作： 1. 在“文档”窗口中选择要创建链接的对象； 2. 按下Shift 键，从选定内容处开始拖动。拖动方法如同使用“指向文件”图 标； 3. 指向其它打开的文档、已打开文档中的可见锚记，或者指向“文件”面板中 的一个文档； 4. 释放鼠标按钮。 25.1.2 使用站点地图链接文档 可以使用站点地图创建链接。创建的链接被放置在所选 HTML 文件的底部，使用户可以在站点中快速创建链接。如果使用站点地图和“指向文件”图标链接文档，可以依照下列步骤操作： 1. 展开“文件”面板，按下“站点地图”图标，再按下“扩展/折叠”按钮， 展开战点地图； 2. 选择“文件和地图”，同时显示“站点文件”和“站点地图”视图； 3. 在站点地图中选择一个 HTML 文件，在该文件旁边出现“指向文件”图标； 4. 拖动“指向文件”图标，并指向站点地图中另一个文件，或者指向“站点文 件”视图中的某个本地文件； 5. 释放鼠标按钮。 如果要在站点地图中链接文档，先显示“站点文件”和“站点地图”视图，然后选择下列操作之一： ? ◇将某个页面从 Windows 资源管理器拖动到站点地图中的某页上； ? ◇在Windows中，在站点地图中选择一个 HTML 页面，然后选择“站点”“链接到已有文件”，或者右键单击该文件并从上下文菜单中选择“链接到已有文件” 25.1.3 使用插入菜单命令创建超级链接 “超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接。如果要使用“超链接”命令添加超链接，先将插入点放在文档中希望出现超链接的位置，然后选择下列操作之一打开“超级链接”对话框。 ? ◇选择“插入”“超级链接”； ? ◇在“插入”栏的“常用”类别中，单击“超级链接”按钮。 设置“超级链接”对话框选项： ? 1)在“文本”文本框中，输入要在文档中作为超链接显示的文本； ? 2