第5章 创建超级链接 一、要点解析 本章主要介绍铣接分类、创建短级简接、岐接的四种状态、创建Ema1鼓接和管理超级 感接。 教学要求 算暴：创建超级皓接和Ea链接，会设置链接的各种状药。 理解：超级链接几种状志之间的差别和共羽点。 了解：创建Email链接中的各种技巧。 关于超级赞按的几个问题 (一)相对得径和绝对落径 品饭链接是WNW的鞋力所在，为了把上众多分散的网姑和网夏联系起来，构成一个有机的 整体，就要在料页上如入接。婚垃点击网页上的纯接：我们才能在信息海洋中尽情速游： 如极链接有下面儿类 内感硅接，在司一网站文档之间的连接 外链接：不同屑站文档之间的醚塘 极圾雠接 猫点链接：同一网页或不同刷页的指定位置的注接 E-mal连接，电子件的连接 绝对路径是包括服务器协议（在木例中为中协议）的完全路径，比中山教育信息网宽规在找” 完全路径为：hwmw.sed加ne的wideoindex.him,如是所要错接当前姑点之外的文档，藏必巢使用 绝对路径， 相对溶径包括根相对路径(SR0)文档相对路径(g(m)两种， 前面我讲过，在本地磁位上编辑网页时，署要选定一个文斜兴米定义本地站点，相扣里务器上的想 文件夹。系领藏根据这个文件夹来端定所有卧接的本地文件位置，面限相对溶径中的根霞是折这个文件夹。 限相对路径（也熬相对限目承）的亮径以开头，路径是从当像站店的根目采开如计算，比如我们丽 面建的D位y由目录流是名画w由的站点，这时和am路径，镜表示文件位置为 D:'mywebindex.hom.显相对路径适用于链接内容履繁更换环城中的文件，这样印使站点中的文件酸移动了， 其链孩仍可以生效
第 5 章 创建超级链接 一、要点解析 本章主要介绍链接分类、创建超级链接、链接的四种状态、创建 Email 链接和管理超级 链接。 教学要求： 掌握：创建超级链接和 Email 链接，会设置链接的各种状态。 理解：超级链接几种状态之间的差别和共同点。 了解：创建 Email 链接中的各种技巧。 关于超级链接的几个问题 （一）相对路径和绝对路径 超级链接是 WWW 的魅力所在。为了把 Internet 上众多分散的网站和网页联系起来，构成一个有机的 整体，就要在网页上加入链接。通过点击网页上的链接，我们才能在信息海洋中尽情遨游。 超级链接有下面几类： 绝对路径是包括服务器协议（在本例中为 http 协议）的完全路径，比如“中山教育信息网-宽频在线”， 完全路径为：http://www.zsedu.net/static/video/index.html，如果所要链接当前站点之外的文档，就必须使用 绝对路径。 相对路径包括根相对路径（Site Root）和文档相对路径（Document）两种。 前面我们讲过，在本地磁盘上编辑网页时，需要选定一个文件夹来定义本地站点，模拟服务器上的根 文件夹，系统就根据这个文件夹来确定所有链接的本地文件位置，而跟相对路径中的根就是指这个文件夹。 跟相对路径（也称相对跟目录）的路径以“/”开头，路径是从当前站点的根目录开始计算。比如我们前 面建的 D 盘 myweb 目录就是名为“myweb”的站点，这时“/index.htm”路径，就表示文件位置为 D:\myweb\index.htm。根相对路径适用于链接内容频繁更换环境中的文件，这样即使站点中的文件被移动了， 其链接仍可以生效
幻果日录结构过深，在列用根日录下的文料时，用服相对路径金更好生。比幻某一个网项文件中周 根目录下mg目录中的一个潮，在当确屑风中用文档相对路径表示为，“/山.1人m形ag,商用限相对路 径只委表示为me的ir衰行了。 往意：在衡觉文件时。用根相对路径酰接的内容在木地岗宽惠中不金显示出案。这是因为词见器不承 认姑点的根文件夹为蜃务都。 文行相时路径就是碧包含当箱文档们文作夹。也就是以当前网风所在文件夹为基硅开给计草路径。比 如。当前网顶所在位置为D:myweb/mpic,多么： tm就表示Dmw鸭phm “点m相当于D恤m,其中广表示当像文件夹上一量文件夹， “mpla gif矿是指D:mywcb/mpic呢如gif。其中ime/意总是当首文件夷下名为img文件夫。 文档相时路径是最简单的路径，一般多用于蛙接保存在月一文朴夹中的文简。 (二)文件定位周标的使用 常佳意到设有，在属性面板的1k框旁有一个一指向文样西标〔周1)，利用这个图标可以迅速创建 超级链报， 写式)无 女负李体 大小6)无w,B1度童道■ 结整0) 令口馨) 租扫切楼 富内文中 来 图1创建醚拔的几种方法 比如我们存用表格制作的这个页角中。左侧有一排条日面要链接到文件，我门可以调出“站点管理画 在文件图口内选中要创建园饭鲜接的文字，比如选中我的介招，然后用鼠标描动属性面版上的指向文件 图标。鼠标指甘从图标处列出一条线，当菊同到站点窗口上的网宾文件上时，文样外显示一个馨配。表 示可以创建链接，我们将款标折针移时m文件上，释放鼠标，蓝接藏定成了（图2）
如果目录结构过深，在引用根目录下的文件时，用跟相对路径会更好些。比如某一个网页文件中引用 根目录下 img 目录中的一个图，在当前网页中用文档相对路径表示为：“../../../../../img/a.gif”，而用跟相对路 径只要表示为“/img/a.gif”就行了。 注意：在预览文件时，用根相对路径链接的内容在本地浏览器中不会显示出来，这是因为浏览器不承 认站点的根文件夹为服务器。 文档相对路径就是指包含当前文档的文件夹，也就是以当前网页所在文件夹为基础开始计算路径。比 如，当前网页所在位置为 D:\myweb\mypic，那么： “a.htm”就表示 D:\myweb\mypic\a.htm； “../a.htm”相当于 D:\myweb\a.htm，其中“../”表示当前文件夹上一级文件夹。 “img/a.gif”是指 D:\myweb\mypic\img\a.gif，其中“img/”意思是当前文件夹下名为 img 文件夹。 文档相对路径是最简单的路径，一般多用于链接保存在同一文件夹中的文档。 （二）文件定位图标的使用 你注意到没有，在属性面板的 Link 框旁有一个“指向文件”图标（图 1），利用这个图标可以迅速创建 超级链接。 图 1 创建链接的几种方法 比如我们在用表格制作的这个页面中，左侧有一排条目需要链接到文件，我们可以调出“站点”管理器， 在文件窗口内选中要创建超级链接的文字，比如选中“我的介绍”，然后用鼠标拖动属性面板上的“指向文件” 图标，鼠标指针从图标处引出一条线，当拖动到“站点”窗口上的网页文件上时，文件外显示一个黑框，表 示可以创建链接，我们将鼠标指针移到“jieshao.htm”文件上，释放鼠标，链接就完成了（图 2）
aC00w0口 的个人王页本地德圆 日口姑范·的个人主贝体写 图口isws inde.hta 四 米米米 图☑臭面 C06L可in4eew a女》4i>IB2GD(anGr>tD4i,》 ·性 格式)无风默认掌得 ￥大小四无 链摇)a林. 今口日标q 航整：若的个A丰夏日期：00的-1 元水平认宽们不热行Q)口青景0 图2用文作定位图标制建链核 其实也不一定非得同指向文件周梯，S确健可以每助我们直接创建链接。在文件编相窗口和站点 留口并列的情况下，贝要选中编具窗口中的文字减图形，然后被下S血键，再物动选取的项日到S能窗口 中，一样可以快速创建超饭鞋接， 这也给我们一个自示，吗负的命名要得当。这样在创建链核时能够判新该链到那一个文件上：向不面 要打开同页看看里而是什么内容， 还有一点遗博，就是网页文升的名字中不能有中文，使汉师的优势无法体现。 (三)鳍点的链接 一个网页的主愿或文字较多时，可以在网真内建立多个标记点，将超随接指定到这标记点上：能 够使测宽著快速找到贤阅读的内容。我们将这售标记点称为情点《A二h》。 下面我们一起创建结点，将光标定位在文档最开始，然后单山挂入栏~上的常用面板上“喻名结记 图标，弹出插入结点对话框，输入墙点的名字，可以是数字成英文，我输入0，点OK按扭（图1）。 命名铺记 佑记名称 this01 取有 稀助 [阁】罐点的创建方法 观在网顶中就有一个这样的标记，表示此处有增点，但在买那训觉网真时此标记不可见（图2）
图 2 用文件定位图标创建链接 其实也不一定非得用“指向文件”图标，Shift 键可以帮助我们直接创建链接。在文件编辑窗口和“站点” 窗口并列的情况下，只要选中编辑窗口中的文字或图形，然后按下 Shift 键，再拖动选取的项目到 Site 窗口 中，一样可以快速创建超级链接。 这也给我们一个启示，网页的命名要得当，这样在创建链接时能够判断该链到那一个文件上，而不需 要打开网页看看里面是什么内容。 还有一点遗憾，就是网页文件的名字中不能有中文，使汉语的优势无法体现。 （三）锚点的链接 当一个网页的主题或文字较多时，可以在网页内建立多个标记点，将超链接指定到这些标记点上，能 够使浏览者快速找到要阅读的内容。我们将这些标记点称为锚点（Anchor）。 下面我们一起创建锚点。将光标定位在文档最开始，然后单击“插入栏”上的“常用”面板上“命名锚记” 图标，弹出插入锚点对话框，输入锚点的名字，可以是数字或英文，我们输入“this01”，点“OK”按钮（图 1）。 [图 1] 锚点的创建方法 现在网页中就有一个这样的标记，表示此处有锚点，但在实际浏览网页时此标记不可见（图 2）
与 国习铺底的标记符 接下米我将某一保日目接这个结点上。在本页页首选中要针接列此描点的文字，这里我们瓷选瓦 尾的11。在属性面板中Lk杯中输入h01,昏接霞完成了（图3）。 略式)落￥A默认平律 可大小四无口☐非”正委■ W生)山约 ￥口￥里县进进 表项日 [图引链接到墙点 启动测蓖器，点一下蟹报文字，页面流跳到物点所在位置 知果在其他网页文件中链接到这个植点。就要在属性面服中的山k框内输入“文件名摆点名”，s0川 结点在h馆m文件中，我们在其鲍网页文件中创建接时，可以在山n止瓢中输入“m依eh四h1广。 (四)创建图形热区链核 前面介招的图片战楼。一张图只能对成一个线接，能不能一张图对应多个战接配？答案是可以的，。透 取一张图片后，可以在属性面板看时地图选： 其中，创建矩形热区，创建原形格区，创建多边形热区，例如我们现在点，光标麦戒一个 十字。此时可以在图片上通出个蓝色矩形的烤区： 同样地。在健接框偏入链被地址《表示一个空随棱》。我们可以通过透择不同的携区，并通过调 整热区四个角的控制点调整培度的大小， 二、典型例题 1,为随接定义目标窗口时，b地政表示的是《B), A在上一级窗口中打开 B.在新窗口中打开 C.在月一个航或前口中打开 D.在满览器的整个密口中打开，忽略任何框架 2、关于超链接，下列(C)属性是指定链接的目标窗口， A.Href
[图 2] 锚点的标记符 接下来我们将某一条目链接到这个锚点上。在本页页首选中要链接到此锚点的文字，这里我们就选页 尾的 11。在属性面板中 Link 框中输入#this01，链接就完成了（图 3）。 [图 3] 链接到锚点 启动浏览器，点一下链接文字，页面就跳到锚点所在位置。 如果在其他网页文件中链接到这个锚点，就要在属性面板中的 Link 框内输入“文件名#锚点名”，this01 锚点在 jieshao.htm 文件中，我们在其他网页文件中创建链接时，可以在 Link 框中输入“mylike.htm#this01”。 （四）创建图形热区链接 前面介绍的图片链接，一张图只能对应一个链接，能不能一张图对应多个链接呢？答案是可以的，选 取一张图片后，可以在属性面板看到“地图”选项： 其中： 创建矩形热区， 创建原形热区， 创建多边形热区。例如我们现在点 ，光标变成一个 十字，此时可以在图片上画出一个蓝色矩形的热区： 同样地，在链接框输入链接地址（“#”表示一个空链接）。我们可以通过选择不同的热区，并通过调 整热区四个角的控制点调整热度的大小。 二、典型例题 1、为链接定义目标窗口时，_blank 表示的是（ B ）。 A. 在上一级窗口中打开 B. 在新窗口中打开 C. 在同一个帧或窗口中打开 D. 在浏览器的整个窗口中打开，忽略任何框架 2、关于超链接，下列（ C ）属性是指定链接的目标窗口。 A. Href
B.Name C.Target D.Title 3、在reameeaver8编辑环境下，下图中共有(B)n链接（文字、罐点和图像热点）。 号可竖天使 在2个 B3个 C.4个 D.5个 4、关于相对路径，以下说法正确的有(ABD): A相对路径表述的是源端点同目标端点之间的相互位置 B.如果在结接中源端点和目标端点位于一个目录下，则链接落径中只需要指明目标端 点的文档名称即可 C如果在链接中源端点和目标端点不在月一个目录下，就无法使用相对路径 D.如果在链接中源端点和目标端点不在月一个目录下，纸需要将目录的相对关系也表 示出来 5、下列关于热区的使用，说法正确的是(ACD)。 A使用矩形热区工具，精氨形热区工具和多边形热区工具，分别可以创建不同形状的 热区 B热区一旦创建之后，便无法再修政其形状。必策刷除后重新创建 C.选中热区之后，可在属性面板中为其设置替接 D.使用热区工具可以为一张图片设置多个链接 6、超级链接是网页中最重要的组成元素，关于创建链接叙述正确的是(BCD), A可以给空格建超级酰接 R选中文本或图像。选择右键装单中的“创建随接”命令 C一幅图片可以创建多个超级链接 0途中文本，在其属性栏就会出现链接框，输入文件地址即可创建 7、在链接位置输入(ma加：)。可以制作都件链接，用户设置时还可以替到魔者加入 郎作的〔郎前地址、主题)：
B. Name C. Target D. Title 3、在 Dreamweaver8 编辑环境下，下图中共有（ B ）超链接（文字、锚点和图像热点）。 A. 2 个 B. 3 个 C. 4 个 D. 5 个 4、关于相对路径，以下说法正确的有（ ABD ）。 A. 相对路径表述的是源端点同目标端点之间的相互位置 B. 如果在链接中源端点和目标端点位于一个目录下，则链接路径中只需要指明目标端 点的文档名称即可 C. 如果在链接中源端点和目标端点不在同一个目录下，就无法使用相对路径 D. 如果在链接中源端点和目标端点不在同一个目录下，就需要将目录的相对关系也表 示出来 5、 下列关于热区的使用，说法正确的是（ ACD ）。 A. 使用矩形热区工具、椭圆形热区工具和多边形热区工具，分别可以创建不同形状的 热区 B. 热区一旦创建之后，便无法再修改其形状，必须删除后重新创建 C. 选中热区之后，可在属性面板中为其设置链接 D. 使用热区工具可以为一张图片设置多个链接 6、超级链接是网页中最重要的组成元素，关于创建链接叙述正确的是（ BCD ）。 A. 可以给空格创建超级链接 B.选中文本或图像，选择右键菜单中的“创建链接”命令 C.一幅图片可以创建多个超级链接 D.选中文本，在其属性栏就会出现链接框，输入文件地址即可创建 7、在链接位置输入（ mailto： ），可以制作邮件链接，用户设置时还可以替浏览者加入 邮件的（ 邮箱地址、主题 ）