1、一 超链接的基本概念创建内部超级链接创建其他类型链接四 实训,第4章 超级链接,超链接（hyperlink）是网页互相联系的桥梁，超链接可以看作是一个“热点”，它可以从当前网页定义的位置跳转到其他位置，包括当前页的某个位置、Internet、本地硬盘或局域网上的其他文件，甚至跳转到声音、图像等多媒体文件。1超链接的分类 根据超链接目标文件的不同，超链接可分为页面超链接、锚点超链接、电子邮件超接链等；根据超链接单击对象的不同，超链接可分为文字超链接、图像超链接、图像映射等。2路径 创建超级链接时必须了解链接与被链接文本的路径。在一个网站中，路径通常有3种表示方式：绝对路径、根目录相对路径和文档目
2、录相对路径。,4.1 超链接的基本概念,4.2.1 内部超链接的形式1链接到目标文件名是链接所指向的文件。链接到同一目录内的网页文件的格式为： 热点对象 2链接到下一级目录中的网页文件同一目录内的网页文件链接到下一级目录中网页文件的格式为： 热点对象 3链接到上一级目录中的网页文件链接到上一级目录中网页文件的格式为： 热点对象 其中“./表示退到上一级目录中。4链接到同级目录中的网页文件链接到同级目录中网页文件的格式为： 热点对象 ,4.2 创建内部超级链接,4.2.2 创建文字超链接可以使用属性面板的文件夹图标或链接文本框创建从文字到其它文档的链接。创建文字超链接的方法是： 在文档窗口的设计
3、视图中选择文字。 打开属性面板，然后执行下列操作之一： 单击“链接”文本框右侧的文件夹图标 ，浏览并定位选择一个超链接文件。 在“链接”文本框中输入文档的路径和文件名。 使用“指向文件”按钮 ，将超链接目标指向文件面板中的页面。,4.2 创建内部超级链接,4.2.3 创建图片超链接 图片超链接有两种形式，即整个图像的图像超链接和图像局部区域的图像热点超链接。1图像超链接 如果创建的是整个图像的超链接，其方法大致和创建文字超链接一致，区别在于选中的超链接热点对象从原来的文字改变为图像。选中图像后，在属性面板中设置超链接的方法和创建文字超链接的方法完全一样。2图像热点超链接图像热点也叫图像地图或图
4、像映射，是指在一幅图像中定义若干个区域（这些区域被称为热点），每个区域中指定一个不同超链接，当单击不同区域时可以跳转到相应的目标页面。,4.2 创建内部超级链接,4.2.4 案例一：制作曙光大学网站招生信息栏目【案例综述】制作曙光大学网站招生信息栏目系列页面，使用内部超链接将招生信息栏目的若干页面链接起来，展示学校的招生信息。【学习目标】内部超链接的定义和使用场合。【知识要点】使用内部链接技术实现页面的跳转。,4.2 创建内部超级链接,4.3.1 外部链接 所谓外部链接，是指来自网站以外的链接。通俗地讲，网站的首页、页面、单篇文章页面、存档、分类、标签以外的链接都可以认为是外部链接。 外部链接
5、还是搜索引擎优化的一个很重要的因素，一个网站获得的外部链接越多，那么这个网站在搜索引擎中的排名可能就越高，获得外部链接的主要方法是交换链接。 外部链接的格式为： 热点对象 可以使用属性面板的链接文本框创建外部链接。创建外部链接的方法是： 在文档窗口的设计视图中选择要从其创建链接的或图像。 打开属性面板，在“链接”文本框中输入网站URL地址。,4.3 创建其他类型超链接,4.3.2 E-mail超链接 在很多网页中会看到网站管理员或公司的E-mail邮件超链接，单击指向E-mail邮件的链接，将打开缺省的电子邮件程序，如FoxMail、Outlook Express等，并自动填写邮件地址。指向电
6、子邮件链接的格式为： 热点文本 例如，E-mail地址是，建立如下链接：信箱:和我联系可以使用属性面板的链接文本框创建E-mail超链接。创建E-mail超链接的方法是： 在文档窗口的设计视图中选择要从其创建链接的文字或图像。 打开属性面板，在“链接”文本框中输入E-mail地址。,4.3 创建其他类型超链接,4.3.3 锚点超链接 在很多网页中会看到网站管理员或公司的E-mail邮件超链接，单击指向E-mail邮件的链接，将打开缺省的电子邮件程序，如FoxMail、Outlook Express等，并自动填写邮件地址。指向电子邮件链接的格式为： 热点文本 例如，E-mail地址是，建立如下链
7、接：信箱:和我联系可以使用属性面板的链接文本框创建E-mail超链接。创建E-mail超链接的方法是： 在文档窗口的设计视图中选择要从其创建链接的文字或图像。 打开属性面板，在“链接”文本框中输入E-mail地址。,4.3 创建其他类型超链接,4.2.4 下载链接在很多网页中会看到网站管理员或公司的E-mail邮件超链接，单击指向E-mail邮件的链接，将打开缺省的电子邮件程序，如FoxMail、Outlook Express等，并自动填写邮件地址。指向电子邮件链接的格式为： 热点文本 例如，E-mail地址是，建立如下链接：信箱:和我联系可以使用属性面板的链接文本框创建E-mail超链接。创
8、建E-mail超链接的方法是： 在文档窗口的设计视图中选择要从其创建链接的文字或图像。 打开属性面板，在“链接”文本框中输入E-mail地址。,4.3 创建其他类型超链接,4.4.2 实训二：制作爱家美食网站“美味靓汤”系列页面【实训综述】本实训通过“美味靓汤”系列页面的制作，进一步加强读者综合利用各种形式的超链接的能力，为以后的网站设计打好基础。【实训展示】本实训中的素材包括6幅图片和2个下载压缩包文件，制作爱家美食网站“美味靓汤”栏目的系列页面，效果如图4-26所示。,4.4 实训,3.5.2 实训二：制作爱家美食网站“美食推荐”页面【实训综述】本实训通过制作一个图文并茂的网页，进一步加强读者对图文混排技术的理解与实战练习。【实训展示】本实训中的素材包括2幅图片，制作如图3-65所示的爱家美食网站“美食推荐”页面。,3.5 实训,1简答超链接3种路径的区别和适用场合。2简答创建文字超链接的3种方法。3超链接目标的4种形式有什么区别？4使用外部超链接技术制作如图4-27所示的友情链接栏目。,4.5 习题,
