您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 项目/工程管理 > 第七章超级链接的应用
2019/12/21中原工学院信息商务学院计科系1第七章超级链接的应用2019/12/21中原工学院信息商务学院计科系27.1超级链接概述超链接是网页中重要组成部分,利用它不仅可以链接到其他网页,还可以链接到其他图像文件、多媒体文件及下载程序,也可以利用它在网页内部进行链接或是发送E-mail等。在Dreamweaver中,可以将文档中的任何文字及任意位置的图片设置为超链接。超链接分类:按照链接路径的不同,网页中超链接一般分为:内部链接,锚点链接和外部链接。按照使用对象的不同,网页中的链接又可以分为:文本超链接,图像链接,E-mail链接,文件链接,空链接,脚本链接等。2019/12/21中原工学院信息商务学院计科系37.1.1URL的概念URL代表全球资源定位器,其功能提供一种在Internet上查找东西的标准方法。由斜线、冒号、散列符号分隔。超文本传输协议(HTTP):以访问资源的方式来寻找Web服务器的方式。2019/12/21中原工学院信息商务学院计科系47.1.2路径的概念在网页中,最常用的链接对象是链接路径。链接路径分为绝对路径和相对路径。绝对路径是一个完整的路径地址,如:;相对路径是指该文件相对于某一参照物的路径地址,在网页中,我们使用..表示上一级目录,如../index.html是个相对路径。2019/12/21中原工学院信息商务学院计科系57.2创建超级链接文档链接锚点链接E-mail链接脚本链接空链接下载文件链接2019/12/21中原工学院信息商务学院计科系6创建普通超链接点击绝对路径效果图相对路径选择相对于Untitled-1.html这个网页创建文本链接2019/12/21中原工学院信息商务学院计科系7创建普通超链接目标属性(target)的四个值:_blank:在新窗口打开链接;_self:在原窗口打开链接;(默认值)_top:在整个窗口中打开链接,在有框架的页面中才有效果,否则效果和_self看到的一样;_parent:在父框架中打开链接,如果含有该链接的框架不是嵌套的,则效果_top。说明:图像超链接本质就是将a的元素内容由文本替换为图像而已,我们可以直接选中图像后,在【属性】面板中对【链接】和【目标】两栏进行设置就可以为图像设置超链接了。2019/12/21中原工学院信息商务学院计科系8创建锚点链接(书签链接)它用于那些内容庞大繁琐的网页,通过点击命名锚点,不仅让我们能指向文档,还能指向页面里的特定段落,让链接对象更加精准、细粒度化,便于浏览者查看网页内容。第一步:在需要链接到的位置处创建命名锚点第二步:链接到的刚创建的命名锚点创建一个普通的超链接,将【链接】文本框的值设置为:#+刚才创建的锚点名称(#to_logo)就可以了。点击设置锚点名字aname=to_logoid=to_logo/a代码2019/12/21中原工学院信息商务学院计科系9创建Email链接和空链接E-mail链接:是指链接对象是一个E-mail地址的链接。空链接:是指链接对象是一个#的链接。有的时候,链接对象还未确定,又想让元素显示为链接时,可以使用它。当点击空链接时,某些浏览器可能会跳到页面的顶部。点击设置E-mail链接的属性ahref=mailto:a1234514@163.com我的邮箱/a代码2019/12/21中原工学院信息商务学院计科系10创建脚本链接脚本链接:是指链接对象是一段JavaScript脚本或一个JavaScript函数名的链接。使用这种链接,我们可以调用一段JS脚本,以实现某些特殊效果。Javascript:alert(‘……’)点击链接后的弹出窗口2019/12/21中原工学院信息商务学院计科系117.3创建图像映射链接如果只想给图像的某些区域添加链接,点击不同的区域可以打开不同的链接,这样的链接就叫做图像热点链接,图像的带链接的区域就称为热点。选中要创建图像热点链接的图像,在【属性】面板的如下区域进行设置:以上四个按钮从左到右,分别为如下工具:选择工具:可以对热点区域进行选择和调整;矩形工具按钮:绘制一个矩形的热点区域;创建图像热点链接的工具2019/12/21中原工学院信息商务学院计科系12创建图像映射链接圆形工具按钮:绘制一个圆形的热点区域;多边形工具按钮:绘制一个不规则多边形的热点区域。创建图像热点链接的工具2019/12/21中原工学院信息商务学院计科系13创建图像热点链接距形热点圆形热点多边形热点用选择工具选中相应的热点区域后,即可在【属性】面板设置它的链接地址等信息图像左上角的坐标是(0,0)2019/12/21中原工学院信息商务学院计科系14创建图像热点链接上图的HTML代码:imgsrc=main.jpgwidth=323height=141border=0usemap=#Map/mapname=Mapid=Mapareashape=rectcoords=4,62,118,83href==_blankalt=这是教学楼/areashape=circlecoords=166,114,23href=#/areashape=polycoords=313,60,244,58,201,58,198,79,224,79,227,90,291,84,311,85href=#//map
本文标题:第七章超级链接的应用
链接地址:https://www.777doc.com/doc-2210144 .html