超级链接的应用

单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,中原工学院信息商务学院计科系,*,第七章,超级链接的应用,11/27/2024,1,中原工学院信息商务学院计科系,7.1 超级链接概述,超链接是网页中,重要,组成部分，利用它不仅可以,链接到其他网页,，还可以链接到,其他图像文件、多媒体文件,及,下载程序,，也可以利用它在,网页内部进行链接,或是,发送E-mail,等。在Dreamweaver中，可以将文档中的,任何文字,及任意位置的,图片,设置为超链接。,超链接分类：,按照,链接路径,的不同，网页中超链接一般分为:,内部链接,，,锚点链接,和,外部链接,。按照,使用对象,的不同，网页中的链接又可以分为：,文本超链接,，,图像链接,，,E-mail链接,，,文件链接,，,空链接,，,脚本链接,等。,11/27/2024,2,中原工学院信息商务学院计科系,7.1.1 URL的概念,URL代表全球资源定位器，其功能提供一种在Internet上查找东西的标准方法。,由斜线、冒号、散列符号分隔。,超文本传输协议（HTTP）：以访问资源的方式来寻找Web服务器的方式。,11/27/2024,3,中原工学院信息商务学院计科系,7.1.2 路径的概念,在网页中，最常用的链接对象是,链接路径,。链接路径分为,绝对路径,和,相对路径,。,绝对路径是一个,完整,的路径地址，如：,http:/,；,相对路径是指该文件,相对于,某一,参照物,的路径地址，在网页中，我们使用,.,表示上一级目录，如./index.html 是个相对路径。,11/27/2024,4,中原工学院信息商务学院计科系,7.2 创建超级链接,文档链接,锚点链接,E-mail链接,脚本链接,空链接,下载文件链接,11/27/2024,5,中原工学院信息商务学院计科系,创建普通超链接,点击,绝对路径,效果图,相对路径,选择,相对于,Untitled-1.html,这个网页,创建,文本链接,11/27/2024,6,中原工学院信息商务学院计科系,创建普通超链接,目标,属性（,target,）的四个值：,_blank,：在新窗口打开链接；,_self,：在,原窗口,打开链接；（,默认值,）,_top,：在,整个窗口,中打开链接，在有框架的页面中才有效果，否则效果和_self看到的一样；,_parent,：在,父框架,中打开链接，如果含有该链接的框架,不是嵌套,的，则效果_top。,说明,：,图像超链接,本质,就是将的,元素内容,由文本替换为,图像,而已，我们可以直接,选中,图像后，在【,属性,】面板中对【,链接,】和【,目标,】两栏进行设置就可以为图像设置超链接了。,11/27/2024,7,中原工学院信息商务学院计科系,创建锚点链接（书签链接）,它用于那些,内容庞大繁琐,的网页，通过点击,命名锚点,，,不仅,让我们能,指向文档,，,还能,指向页面里的,特定段落,，让链接对象更加,精准,、,细粒度化,，便于浏览者查看网页内容。,第一步：在需要链接到的,位置,处,创建,命名锚点,第二步：链接到的,刚创建,的命名锚点,创建一个普通的超链接，将,【链接】文本框,的值设置为：#+刚才创建的锚点名称（,#to_logo,）就可以了。,点击,设置,锚点名字,代码,11/27/2024,8,中原工学院信息商务学院计科系,创建Email链接和空链接,E-mail链接,：是指,链接对象,是一个,E-mail地址,的链接。,空链接,：是指,链接对象,是一个,#,的链接。有的时候，链接对象还,未确定,，又想让元素,显示为链接,时，可以使用它。当点击空链接时，某些浏览器可能会跳到页面的顶部。,点击,设置,E-mail链接的属性,我的邮箱,代码,11/27/2024,9,中原工学院信息商务学院计科系,创建脚本链接,脚本链接,：是指,链接对象,是一段,JavaScript脚本,或一个,JavaScript函数名,的链接。使用这种链接，我们可以调用一段JS脚本，以实现某些特殊效果。,Javascript:alert(),点击,链接后的,弹出,窗口,11/27/2024,10,中原工学院信息商务学院计科系,7.3 创建图像映射链接,如果只想给,图像,的,某些区域,添加链接，点击不同的区域可以打开不同的链接，这样的链接就叫做,图像热点链接,，图像的,带链接的区域,就称为,热点,。,选中,要创建图像热点链接的,图像,，在【,属性,】面板的如下区域进行设置：,以上四个按钮从左到右，分别为如下工具：,选择工具,：可以对热点区域进行,选择,和,调整,；,矩形工具按钮,：绘制一个,矩形,的热点区域；,创建,图像热点链接的,工具,11/27/2024,11,中原工学院信息商务学院计科系,创建图像映射链接,圆形工具按钮,：绘制一个,圆形,的热点区域；,多边形工具按钮,：绘制一个,不规则多边形,的热点区域。,创建,图像热点链接的,工具,11/27/2024,12,中原工学院信息商务学院计科系,创建图像热点链接,距形热点,圆形热点,多边形热点,用,选择工具,选中,相应的,热点区域,后，即可在【,属性,】面板设置它的,链接地址,等信息,图像左上角,的,坐标,是,（0,0）,11/27/2024,13,中原工学院信息商务学院计科系,创建图像热点链接,上图的HTML代码：,11/27/2024,14,中原工学院信息商务学院计科系,