4章节 超级链接.pptVIP

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