第6章 网页中的超级的链接.pptVIP

第6章 网页中的超级链接;在主页制作中，大家对链接的作用并不陌生，可以这样说，链接是主页的灵魂是网页的核心。有了它，就能够轻而易举地实现互联网上的信息访问、资源共享。在此，作为超文本标记语言（HTML）可以链接到其他的网页、图像、多媒体、电子邮件地址、可下载的文件等。可以说只要浏览器能够显示的内容，都可以从一个HTML文件中得到。我们只所以能在网络世界恣意畅游，页面之间的链接功不可没。而对于网页制作者来说，链接看似简单却并不容易。 本章对网页中的链接进行一个综合的介绍，以期让大家对它有一个全面而深入的理解。对于链接在HTML 中的写法，在这里就不作过多讲解，有兴趣的读者可参考有关资料学习。 ;6.1 超级链接概述;6.1.1 超级链接的定义 ;6.1.2 超链接的类型;2. 根据超链接目标位置的不同分 （1）内部链接：指在同一站点内部，不同页面之间的超链接。 （2）锚记链接：网页内部的链接。通常情况下，锚记链接用于链接到网页内部某个特定的位置。 （3）外部链接：站点外部的链接，是网页与因特网中某个目标网页的链接。 （4）E-mail链接：指链接到电子邮箱的链接。单击该链接可以用于发送电子邮件。 （5）可执行文件链接：通常又称为下载链接，单击该链接可以运行可执行文件，可以用于下载文件或或在线运行可执行文件。 超链接源与目标路径概括如图6-1所示。 ; 图6-1 链接源与目标路径;6.1.3 内部、外部与脚本链接;6.2 关于链接路径;6.2.1 绝对路径;6.2.2 相对路径;图6-2 站点结构;如果成组移动一组文件，例如移动整个文件夹时，该文件夹内所有文件保持彼此间的相对路径不变，此时不需要更新文件间的文档相对链接。如果，移动含有文档相对链接的单个文件或者移动文档相对链接到的单个文件时，则必须更新这些链接 ;6.2.3 根路径;6.3 创建超链接的技术方法;6.3.1 使用“属性”面板创建超链接;6.3.2 使用指向文件图标创建链接;图6-4 图标创建链接;6.3.3 使用菜单创建链接;图6-5 菜单操作;6.4 各种类型链接的创建;6.4.1 创建文本超链接;图5-6 创建链接的网页页面;实现通过单击网页中的文本“3.大雁塔”实现网页跳转相应的内容网页。实现方法如下： （1）在网页中选择“3.大雁塔”文本，如图6-5所示。 （2）除了可以通过上节所讲的超链接方法来实现外，可以通过“插入”面板的操作方式来实现。如图5-6所示。;（3）在单击如图5-6所示的“插入”→“常用”→“超级链接”弹出如图5-7所示“超级链接”对话框。在相应的网站中选择要链接的文件（如网页），本例选择的是“旅游景点”网页文件。并进行相应的设置。 目标：定义浏览器在打开目标的文档或目录时的方式，在框架网页中，用户可以将某个框架前的ID作为链接的目标，定义在该框架中打开链接。默认有4种目标与文本的“属性”检查器中的的目标类型相同。 经过设置会看到“属性”面板会发生相应的变化，当然也可以在属性面板完成相应设置。如图6-8所示。;经过设置确认后，链接文本显示会出现如图6-9所示的效果。一般还可以对链接后的文本的显示颜色等进行设置，在下节讲 ;（4）按F12键运行，在浏览页面中，单击已经设置的链接文本。跳转到如图6-9所示的页面，可看到相应的内容。;6.4.2 文本链接的状态;图6-10 设置超链接;（3）在如图6-11所示的“属性”面板中，单击“页面属性”按钮。 （4）在弹出的“页面属性”对话框中，选择“分类”列表下的“链接（CSS）”选项，如图6-12所示。;（5）在该对话框中，可对链接文本进行设置，更改“链接颜色”、“变换图像链接”和“已访问链接”颜色以及“下划线样式”的设置。如图6-13所示。在确定后，在网页编辑窗口中，原来链接文本“西安”由蓝色变成了红色。;（6）保存文档。按F12键，可在浏览窗口观察相应的操作效果： 当鼠标停留到链接文本时，变成绿色，如图6-14所示。 当鼠标单击链接文本时变成紫色； 当单击完成链接后，变成所设置的浅黄色。;6.4.3 下载文件链接;在网站中创建下载链接的方法如下： （1）打开或新建一个网页，在网页中输入并选中要创建链接的文本，如图6-16所示 ;（2）在“属性”面板单击“指向文件”按钮，并拖动至如图6-17所示的“本地文件”中要下载的文件上，当释放后就会创建文本与下载文件之间的链接，如图6-17所示。在“属性”面板的“链接”文本框中就会出现链接文件名，同时链接文本颜色会发生变化。 ;（3）保存网页。按F12运行网页，如图6-18所示。 （4）单击“单击此处”，弹出如图6-19的文件下载对话 （5）然后将文件“保存”到相应的存储器中。;6.4.4 创建电子邮件链接;（1）打