网页设计第5章超级链接

网页设计第5章超级链接

ID:39816171

大小:1.45 MB

页数:44页

时间:2019-07-12

上传者:U-145848
网页设计第5章超级链接_第1页
网页设计第5章超级链接_第2页
网页设计第5章超级链接_第3页
网页设计第5章超级链接_第4页
网页设计第5章超级链接_第5页
资源描述:

《网页设计第5章超级链接》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

第5章超级链接清华大学出版社 主要内容为网页添加超链接添加书签链接、电子邮件超链接、FTP链接建立图像映射 5.1超链接简介网页文件的最大魅力是超越各个文件的空间,通过超链接相互连接构成一个纷繁复杂的互联网世界。超链接(hyperlink)是一个网站的精髓,超链接在本质上属于一个网页的一部分,它是一种允许一个网页同其他网页或站点之间进行链接的元素。各个网页链接在一起后,才能真正构成一个网站。超文本具有的链接能力,层层链接相关文件,这种具有超级链能力的特性,即称为超链接。超链接除了可链接文本外,也可链接各种媒体,如声音、图像和动画等,通过它们可以将网站建设成一个丰富多彩的多媒体世界。 5.1超链接简介 5.1超链接简介 5.2创建超链接建立超链接的标记是a(anchor,锚),以开始,以结束,锚可以指向网络上的任何资源:一张HTML页面,一幅图像,一个声音或视频文件等。基本语法:超链接名称 5.2创建超链接创建链接

创建链接


新浪
百度
北京大学

5.2创建超链接 5.2.1设置超链接路径建立链接时,属性“href”定义了这个链接所指的目标地址,也就是路径。理解一个文件到要链接的那个文件之间的路径关系是创建链接的根本。每一个网站都具有独一无二的地址,英文中被称作URL(UniformResourceLocator),即统一资源定位器,同一个网站下的每一个网页都有不同的地址,但是在创建一个网站的网页时,不需要为每一个链接都输入完整的地址,我们只需要确定当前文档同站点根目录之间的相对路径关系就可以了。 5.2.2内部链接所谓内部链接,指的是在同一个网站内部,不同的html页面之间的链接关系,在建立网站内部链接的时候,要明确哪个是主链接文件(即当前页),哪个是被链接文件。内部链接一般采用相对路径链接比较好。根据图5-4所示的某班级网站站点目录结构,表5-2所示的是内部链接语句中相对路径的写法。 5.2.2内部链接 5.2.3外部链接所谓外部链接,指的是跳转到当前网站外部,与其它网站中页面或其它元素之间的链接关系。这种链接的URL地址一般要用绝对路径,要有完整的URL地址。 5.3.1图片链接可以为一个图片指定链接。基本语法: 5.3.1图片链接建立图片链接

图片链接


5.3.1图片链接 5.3.2书签链接在浏览页面时,如果页面篇幅很长,要不断的拖动滚动条,给浏览带来不便,要是浏览者既可以从头阅读到尾,又可以很快寻找到自己感兴趣的特定内容进行部分阅读,这个时候就可以通过书签链接来实现。当浏览者单击页面上的某一“标签”,就能自动跳到网页相应的位置进行阅读,给浏览者带来方便。 5.3.2书签链接基本语法:在同一页面内要使用书签链接的格式:链接标题在不同页面之间要使用书签链接的格式(在不同页面中链接的前提是需要指定好链接的页面地址和链接的书签名称):链接标题以上两种书签链接形式,链接到的目标为:链接内容。 5.3.2书签链接 5.3.2书签链接 5.3.2书签链接 5.3.3电子邮件链接在HTML页面中建立E-mail链接,用户单击链接,系统会自动启动默认的电子邮件软件,打开一个邮件窗口。基本语法:链接内容 5.3.3电子邮件链接发送邮件

这是邮件链接:联系我们

5.3.3电子邮件链接 5.3.4FTP链接FTP是一种文件传输协议,它是计算机与计算机之间能够相互通信的语言,通过FTP可以获得Internet上丰富的资源。基本语法:链接内容 5.3.4FTP链接ftp链接

这是一个FTP链接:北京大学FTP服务器

5.3.4FTP链接 5.3.5下载文件的链接如果希望制作下载文件的链接,只需在链接地址处输入文件所在的位置即可。当浏览器用户单击链接后,浏览器会自动判断文件的类型,以做出不同情况的处理。基本语法:链接内容 5.3.5下载文件的链接下载文件

这是一本电子书:数据结构--C#

5.3.5下载文件的链接 5.4图像映射图像映射就是在图像上先划分出不同的区域,然后定义哪个目标与图像的哪个区域对应,但单击图像的某一区域,就会把用户带到一个目标,单击另一区域,又会把用户带到另外的目标。其实,图像映射就是将图像内的区域与一系列URL链接起来了,从而单击特定区域就会把用户带到相应的内容。这里所讲的映射是客户端图像映射,这和服务器端图像映射相比,运行速度要快。 5.4图像映射基本语法: 5.4图像映射



5.4图像映射郑州郑州,河南省省会,是中国重要的内陆开放城市和历史文化名城。郑州历史悠久,文化灿烂,旅游资源丰富。

北京北京中华人民共和国首都。中央直辖市,简称京,是我国第二大超级现代化大都市。北京是我国的政治中心、交通中心、文化中心、科研中心、教育中心。具有较高的国际知名度。

上海上海是中国第一大城市,世界第八大城市,中国中央四个直辖市之一。有超过2000万人口居住和生活在上海及其附近地区。

长春长春,吉林省省会,全省政治、经济、文化和交通中心,中国最大的汽车工业城市,中国建成区面积和建成区人口第九大城市,东北地区中部最大的中心城市。

5.4图像映射 5.5小实例程序5-9描述了班级网站首页导航条的创建,这里综合运用了链接和样式来设计导航。在head部分中的style标记中,定义了导航条的使用效果(a.head部分),当访问者鼠标移向每个栏目的名称时,字的颜色都会发生变化,点击栏目名,则进入相应的页面。 5.5小实例班级网站首页班级新闻班级相册 5.5小实例个人主页留言本网页设计关于我们 5.5小实例 5.5小实例班级相册

图片链接


5.5小实例
5.5小实例 小结1.一般规则是,对于自己站点上的网页的链接,使用相对URL;对于其他站点上的资源链接,使用绝对URL。2.如果指定路径但省略文件名,就会链接到目录下的默认文件(网站可以自己定义默认页面),如果路径也省略,就会链接到网站的默认主页。3.URL最好使用小写字母来表示。4.不要使用“点击这里”作为显示标签,应该使用文本中已经存在的关键词来表示链接。 小结5.可以对链接应用样式进行格式化,甚或使用图像作为标签,来吸引用户的注意力。6.可以为页面内的链接规定制表符顺序,这样访问者就可以用键盘在页面上移动。7.对于供下载的资源,如果超出了一定的大小,最好事先进行压缩,甚至把一个文件分成几个压缩文件,来保证传输的安全。 www.hnufe.edu.cnThankYou!

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。
关闭