第9篇 旅游网站超级链接设置(免费下载).ppt

　　本章将介绍在Dreamweaver CS5中创建和设置超级链接的基本方法。 9.5 与路径相关的文件头标签 基础 链接 【基础】命令使用base标记定义文档的基础URL地址，在文档中所有的相对地址形式的URL都是相对于这里定义的URL而言的。一篇文档中的base标记不能多于一个，必须放于网页文件头部，并且应该在任何包含URL地址的语句之前。 在Dreamweaver CS5中，插入页面的基础URL的方法是：在菜单栏中选择【插入】/【HTML】/【文件头标签】/【基础】命令，打开【基础】对话框，在对话框中设置相关参数。 9.5.1 基础 使用link标记可以定义当前文档与其他文件之间的关系。head部分中的link标记与body部分中的文档之间的HTML链接是不一样的。 在Dreamweaver CS5中，添加链接link标记的方法是：在菜单栏中选择【插入】/【HTML】/【文件头标签】/【链接】命令，打开【链接】对话框，在对话框中设置相关参数。 9.5.2 链接 9.6 更新、测试和维护超级链接 自动更新链接 手工更改链接 测试超级链接 查找问题链接 修复问题链接 设置自动更新链接的方法如下。 (1) 在菜单栏中选择【编辑】/【首选参数】命令，打开【首选参数】对话框。 (2) 在【常规】分类的【文档选项】部分，从【移动文件时更新链接】下拉列表框中根据需要选择一个选项即可。 9.6.1 自动更新链接 为了加快链接更新过程，在Dreamweaver CS5中可创建一个缓存文件，用以存储有关本地文件夹中所有链接的信息。在添加、更改或删除本地站点上的链接时，该缓存文件以不可见的方式进行更新。创建缓存文件的方法如下。 (1) 在菜单栏中选择【站点】/【管理站点】命令，打开【管理站点】对话框，选择并打开一个站点。 (2) 在【站点设置】对话框中，展开【高级设置】并选择【本地信息】类别，然后选择【启用缓存】选项即可。 在整个站点范围内手动更改链接的操作方法如下。 (1) 在【文件】面板的【本地视图】中选择一个文件（如果更改的是电子邮件链接、FTP链接、空链接或脚本链接，则不需要选择文件）。 (2) 在菜单栏中选择【站点】/【改变站点范围的链接】命令，打开【更改整个站点链接】对话框。 9.6.2 手工更改链接 (3) 在【更改所有的链接】选项，浏览到并选择要取消链接的目标文件，在【变成新链接】选项，浏览到并选择要链接到的新文件。如果更改的是电子邮件链接、FTP链接、空链接或脚本链接，需要键入要更改的链接的完整路径。 在Dreamweaver CS5内，无法通过在文档窗口中直接单击超级链接打开其所指向的文档，但是可以通过以下方法来测试链接。 ? 在文档窗口中选中超级链接，然后在菜单栏中选择【修改】/【打开链接页面】命令，此时将在窗口中打开超级链接所指向的文档。 ? 按下Ctrl键，同时双击选中的超级链接，也将在窗口中打开超级链接所指向的文档。 当然，通过这种方法打开超级链接所指向的文档，必须保证该文档是在本地磁盘上。 9.6.3 测试超级链接 一、 检查当前文档中的链接 (1) 在Dreamweaver CS5本地站点中，打开要检查的文档。 在菜单栏中选择【文件】/【检查页】/【链接】命令，“断掉的链接”报告出现在【链接检查器】面板中。 在【链接检查器】面板中，从【显示】下拉列表框中选择“外部链接”可查看“外部链接”报告。 如果要保存此报告，可单击【链接检查器】面板中的 按钮。报告为临时文件，如果不保存将会丢失。 9.6.4 查找问题链接 一、 检查当前文档中的链接 (1) 在Dreamweaver CS5本地站点中，打开要检查的文档。 在菜单栏中选择【文件】/【检查页】/【链接】命令，“断掉的链接”报告出现在【链接检查器】面板中。 在【链接检查器】面板中，从【显示】下拉列表框中选择“外部链接”可查看“外部链接”报告。 如果要保存此报告，可单击【链接检查器】面板中的 按钮。报告为临时文件，如果不保存将会丢失。 9.6.4 查找问题链接 * Dreamweaver CS5 网页制作基础教程 第9章 旅游网站超级链接设置 学习目标 了解超级链接的概念和分类。 掌握设置各种超级链接的基本方法。 掌握使用CSS设置超级链接样式的方法。 掌握自动更新和测试超级链接的方法。 掌握查找和修复问题链接的基本方法。 9.1　设计思路 在“崂山旅游”网站中，前面章节已把含有超级链接功能的部分做成了库项目，现在只要在这些库项目中添加超链接功能即可。同时，利用CSS样式可以给超级链接设置丰富的表现形式，使其看起来更加美观。 9.2 关于超级链接 超级链接的概念 超级链接的分类 　超链接是指从一个网页指向一个目标的连接关系