中文版网页制作 机房上课版 教学课件 王正成 第7讲应用超链接

在线教务辅导网：,教材其余课件及动画素材请查阅在线教务辅导网,QQ:349134187 或者直接输入下面地址：,,第七讲 超链接技术 1、认识超链接 2、超链接的种类,1、认识超链接,1超链接的概念 2文本超链接 3. 更改超链接默认属性 4图像超链接,1.1. 超链接的概念,什么是超链接：所谓的超链接是指从一个对象指向另一个对象的链接关系，源对象可以是文本、图像、按钮等，目标对象可以是一个页面、一张图片、一个文件、一个邮件地址或者一个应用程序等等。 当鼠标光标移到添加了超链接的对象上时，光标就变成了小手状如图1，在超链接对象上单击后，链接目标将被打开或者运行，如图2。在默认状态下，如果为文本添加了超链接后，那么该文本就显示为蓝色字体且带有下划线，用于与普通文本区别，单击后文本的颜色又会发生改变。用户也可以在页面属性里修改链接的显示状态。,1.2文本超链接,首先选中文本，在【常用】插入栏单击插入超链接按钮，打开【超级链接】对话框，在【文本】文本框中输入超链接文本，在【链接】选项框输入目标网页名称或者单击按钮选择目标文件，在【目标】选项框的列表中选择打开目标的位置，在【标题】文本框输入相关文本，如下图所示,【超级链接】对话框中需要设置的各项的含义。 【文本】文本框：在页面中显示的带有超链接的文本， 【链接】选项框：单击超链接后将要跳转到的目标对象。 【目标】选项框：目标对象的打开位置：_bank代表在一个新的窗口中打开链接对象；_self表示在当前窗口打开链接对象，它是系统的默认值；_parent和_top都表示在一个完整的窗口打开链接目标。 【标题】文本框：鼠标光标移到超链接文本上时显示的文字,默认情况下，带超链接的文本显示为蓝色，且带有下划线，用户可以自行设置不同的显示状态。在【属性】面板单击按钮，打开【页面属性】对话框，在【分类】栏单击【链接】项，然后在右侧具体的项目中进行具体的设置，如下图所示。,1.3. 更改超链接默认属性,1.4图像超链接,单击选中一个图片，在【属性】面板中单击【链接】文本框后的按钮 ，如图1，打开【选择文件】对话框，如图2，找到目标文件“Description001.html”，然后单击“确定”按钮 ，为图像创建超链接完成，最终的【属性】面板显示如图3所示 。,2、超链接的种类,1按路径分类 2按性质分类 3. 锚记链接 4热点链接 5. 电子邮件链接,2.1按路径分类,根据链接对象的路径不同，可以分为：内部链接、外部链接和锚记链接。 内部链接：链接到当前网站内的其他网页，上一节所列举的两个例子都是内部链接。 外部链接：链接到网站外的其他网页，在【链接】文本框输入完整的地址，如链接到搜狐网站首页，则要输入“”。 锚记链接：链接到当前打开的网页中某个指定位置。,根据链接对象的性质不同，链接又可分为：文本链接、图像链接、电子邮件链接、多媒体文件链接和空链接等。其中的文本链接和图像链接是大家比较常用的链接，需要特别说明一点的是图像链接的一个特例：热点链接。 热点链接：链接指向一张图片的某一部分。 电子邮件链接：链接指向一个E-mail地址。 多媒体文件链接：链接指向一个多媒体文件。 空链接：链接不指向任何目标文件，一般用“#”代替。,2.2按性质分类,2.3锚记链接,通过建立锚记链接，直接跳转到指定的位置。,2.4热点链接,热点链接又叫图像映射，它是指将一个图片划成多个区域，每个区域链接到不同的对象上去。当浏览者单击映射图时，浏览器会自动判断鼠标单击在哪个热点上，并根据判断跳转到相应的对象上去 。,2.5电子邮件链接,电子邮件链接是指连接到E-mail地址的链接。如果用户的机器已经安装了Outlook、Foxmail等邮件软件，在浏览网页时单击一个E-mail地址