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