第7章 节 在网页中使用超链接 《网页制作宝典》.ppt

通过本章学习，应该掌握以下内容： 认识超链接 利用Dreamweaver创建各种超连接的方法 利用Dreamweaver编辑各种超连接的方法 利用HTML和FrontPage创建、编辑超链接的方法网页制作的基本步骤 ;7.1 利用Dreamweaver 4.0处理超链接 ;（2）合理安排超链接 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。 在这里给大家一些设计链接的建议。 1。避免孤立文件的存在：应该避免存在孤立的文件，这样能使将来在修改和维护链接时有清晰的思路。 2。在网页中避免使用过多的超级链接：在一个网页中设置过多超链接会导致网页的观赏性不强，文件过大。如果避免不了过多的超链接，可以尝试使用下拉列表框、动态链接等一些链接方式。 3。网页中的超链接不要超过4层：链接层数过多容易让人产生厌烦的感觉，在力求做到结构化的同时，应注意链接避免超过4层。 4。页面较长时可以使用书签：在页面较长时，可以定义一个书签，这样能让浏览者方便地找到想要的信息。 5。设置主页或上一层的链接：有些浏览者可能不是从网站的主页进入网站的，设置主页或上一层的链接，会让浏览者更加方便地浏览全部网页。;2．建立文本超链接 在创建超链接之前，首先了解网站中3种类型的文档路径：绝对路径、和根目录相对路径以及和文档相对路径。 绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径，绝对路径包含的是精确地址而不用考虑源文件的位置。但是如果目标文件被移动，则链接无效。创建外部超链接时必须使用绝对路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。和根目录相对的路径使用斜杠以告诉服务器从根目录开始。 和文档相对的路径：是指和当前文档所在的文件夹相对的路径。这种路径通常是最简单的路径，可以用来链接和当前文档处于同一文件夹下的文档。 （1）创建文本超链接 ① 在网页上选择需要添加超链接的文本，此时属性面板成为文本属性面板； ② 在属性面板上指定文字的链接目标。可按以下4种方法指定文字的超链接： ; · 单击“Link”文本框右侧的文件夹按钮，在弹出的“选择文件”对话框中选择链接的目标文件。 · 在文本框中直接输入目标的绝对路径。 · 利用属性面板上的“Point to File（指向文件）”按钮，为文字加入超链接。但必须要建立本地站点，且本地站点上还要有文件存在，才能使用此方法。 · 选择“Modify”|“Make Link”命令，也可打开“选择文件”对话框。 ③ 确定完链接目标之后，在“Link”文本框中出现文字的链接目标。在“Target”下拉列表框中选择目标文件打开的方式 Target表示所链接的目标文件在浏览器中打开的方式，在其下拉列表框中一共有4个选项： blank：将目标文件载入到新的未命名浏览器窗口中。 parent：将目标文件载入到父框架集或包含该链接的框架窗口中。 self：将目标文件载入与该链接相同的框架或窗口中。 top：将目标文件载入到整个浏览器窗口并删除所有框架。 _parent、_self、_top只有在使用框架页面时才有效。 设置结束后，在网页中被选择的文字颜色变为蓝色，且在文字底部出现一条下划线，即文字的超链接设置完成。;7.1.3 创建锚点超链接 在一些内容很多的网页中，设计者常常在该网页的开始部分以网页内容的小标题作为超链接。当浏览者单击网页开始部分的小标题时，网页将跳到内容中的对应小标题上，免去浏览者翻阅网页寻找信息的麻烦。其实，这是在网页中的小标题添加了锚点，再通过对锚点的链接来实现的。 锚点，也称为书签，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置。在网页中加入锚点包括两方面的工作，一是在网页中创建锚点，另一个是为锚点建立链接。 1．创建锚点 创建锚点的步骤如下： （1）将光标移到需要加入锚点的地方，一般是将光标放置在一行或是一段文字的开头部分； （2）单击对象面板“Invisibles”类上的“插入锚点” 按钮，将弹出“Insert N