第六章 在网页中使用超链接.pptVIP

6.1 利用Dreamweaver8处理超链接 按照链接路径的不同，网页中超链接一般分为以下3种类型： * * 主要内容： 认识超链接 利用Dreamweaver8创建和编辑各种超连接 利用HTML创建、编辑超链 第6章 在网页中使用超链接 6.1.1 超链接简介 1．什么是超链接 超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片、一个电子邮件地址、一个文件、甚至是一个应用程序等等。 在一个网页中用来超链接的对象，可以是一段文本或者是一个图片。 内部链接：即在同一个站点内的不同页面之间 相互联系的超链接。 锚点链接：可以链接到网页中某个特定位置的 链接。 外部链接：把网页与Internet中的目标相联系 的链接。 按照使用对象的不同，网页中的链接又可以分为：文本超链接、图像超链接、E-mail链接等。 合理安排超链接在网页的制作中是非常重要的。采用什么结构的链接会直接影响到网页的布局。建议 ： 避免孤立文件的存在 在网页中避免使用过多的超链接 网页中的超链接不要超过4层 页面较长时可以使用书签 设置主页或上一层的链接 2．文档路径类型 绝对路径：是包含服务器协议（对于网页来说通常是http://或ftp://）的完全路径。 和根目录相对的路径：是从当前站点的根目录开始的路径。站点上所有可公开的文件都存放在站点的根目录下。 和文档相对的路径：是指和当前文档所在的文件夹相对的路径。 6.1.2 创建文本超链接 1．建立文本超链接 在浏览网页时，鼠标指针经过某些文本时，指针的形状发生变化，同时文本也会发生变化（如出现下划线、文本的颜色发生变化、字体发生变化等），提示这是带链接的文本。 在Dreamweaver8中创建文本超链接的步骤为： 在网页上选择需要添加超链接的文本，打开文本的属性面板。 确定文本超链接的目标地址。 使用属性面板 使用指向文件图标 使用快捷菜单 使用“超级链接”按钮 在“目标”下拉列表框中选择目标文件打开的方式。 2．编辑文本超链接 （1）设置文本链接的状态 一个未被访问过的链接与一个被激活的链接在形式上肯定会有所区别，链接被访问过了也会发生变化，提示用户这是一个已经点击过的链接，所有这些都是链接的状态。 （2）删除文本超链接 在Dreamweaver8中要删除一个文本超链接很容易，先用鼠标选定文本对象，将光标定位于属性面板的“链接”文本框中，用“BackSpace”键或“Delete”键，将其显示的超链接对象文件名删除，再回车，或选择“修改”|“移除链接”命令，都可以删除超链接而保留原文本对象。 1．创建图像超链接 6.1.3 创建图像超链接 给图像添加链接，使其指向其他的网页或者文档，就是图像超链接。 选中需要建立超链接的图像，此时属性面板显示图像的属性。 在属性面板中为图像添加文档相对路径的链接。 2．删除图像超链接 删除图片超链接与删除文本超链接的方法相同 。 锚记，也称为书签或锚点，用来标记文档中的特定位置，使用其可以跳转到当前文档或其他文档中的标记位置，免去浏览者翻阅网页寻找信息的麻烦。 在网页中创建锚记， 为锚记建立链接。 6.1.4 创建锚记超链接 创建锚记的步骤如下： 将光标移到需要加入锚记的地方。 单击插入“常用”面板上的按钮，将弹出“命名锚记”对话框。 在对话框的“锚记名称”文本框输入锚记的名称。 单击“确定”按钮。 1．创建锚记 在命名锚记时，必须遵循以下规定： ①只能使用字母和数字，锚记命名不支持中文。虽然在插入锚记对话框中能输入中文，但在属性面板上显示的则是一堆乱码，且在为锚记添加链接的时候，也无法工作。 ②锚记名称的第1个字符最好是英文字母，一般不要以数字作为锚记名称的开头。 ③锚记名称区别英文字母的大小写。 ④锚记名称间不能含有空格，也不能含有特殊字符。 创建锚记后，还必须链接锚记。选择想要链接到锚记的文字或图片。 2．链接锚记 在属性面板上的“链接”文本框中输入符号# 和锚记名称。 按住属性面板上的“指向文件”按钮，并拖动鼠标指向锚记。 在链接锚记时，应注意以下事项： 在#和锚记名之间不要留有空格，否则链接会失败。 在不同文件夹中为锚记创建链接时，其文件名后缀必定是“.htm”，而不能写成“.html”，否