认识网页制作中的链接

  • 2019-08-08 09:48:22
  • 阅读次数:
  • 作者:盈岚科技小编
  • 来源:http://www.lyjtt.cn

网页设计时,使用链接可以真正实现在互联网上自由跳转,例如,在不同站点间、同一站点的不同网页间,或者同一网页上的不同区域间跳来跳去。一个完整的链接包括链接载体、链接标志和链接目标。在网页链接载体上(通常为文字或图像),当鼠标指针变为手形时(默认状态下),所指之处便可实现链接,同时网站建设时所指文字或图像的颜色或其他属性会随之发生变化(可以自由控制),通过单击或者其他触发事件跳转到要显示的链接目标。下面通过两个实例来认识链接。

【示例1】链接是指从一个网页指向一个目标的连接关系,在网页中用来链接的对象,可以是一段文本或者是一个图片,当浏览者单击已经链接的文字或图片后,链接目标将显示在浏览器上,并且根据目标的类型来打开或运行。

提示:URL(Uniform Resource Locator,统一资源定位符)用以指明在互联网上取得信息的方式与位置。其格式为“通信协议://服务器地址/路径/文件名”,如http:/www.adobe.com/software/。

【示例2】电子邮件地址的链接。当用户单击链接文字,将会在本地启动电子邮件客户端软件,以便快速发送邮件。

提示:邮件地址链接的URL必须使用mailto协议形式。电子邮件发送软件为浏览器默认的程序。

建立网页链接

按照链接路径的不同,网页链接一般分为3种类型:内部链接、锚点链接和外部链接。如果按照使用对象的不同,网页链接又可以分为文本链接、图像链接、Email链接、锚点链接、多媒体文件链接、空链接等。下面重点介绍几种常用的链接形式。

定义网页间链接

在互联网上网页间的链接使用非常广泛,单击那些具有链接功能的文字或图片就可以跳转到相应的网页。例如,以文字为链接载体建立链接,链接到公司的网站首页,具体操作步骤如下。

操作步骤】

第1步,首先启动Dreamweaver,新建一个网页文件。选择【窗口】|【属性】命令,打开【属性】面板。按Ctrl+F3快捷键可快速打开【属性】面板。

第2步,选择链接载体“Adobe(公司名称)”,如图3.4所示。第3步,在【属性】面板的【链接】下拉列表框中输入公司的URL,定义好的链接文字会改变颜色(默认色为蓝色),并带有下划线。

提示:在网页设计中,Dreamweaver提供多种定义网页链接的快捷方法,下面列举其中两种常用方法。   

•利用【属性】面板上的按钮。单击该按钮,出现【选择文件】对话框。在【选择文件】对话框中,可以搜寻网站内部要链接的网页名称。

•利用【属性】面板上的按钮,配合【文件】窗口也可设置链接。首先选择【窗口】|【文件】命令,打开【文件】面板,然后在网页中选取需要建立链接的文字,拖动【属性】面板上【链接】文本框右侧的按钮到【文件】面板中要链接的网页名称上,释放鼠标即可。

第4步,选择链接目标的载入位置。在默认情况下,被链接网页是在当前窗口中打开的。要想使链接目标显示在其他窗口,需要在【目标】下拉列表框中进行选择。

•-blank:把链接目标载入到新的浏览器窗口中显示。   

•new:把链接目标载入到新窗口中显示。   

•-parent:把链接目标载入到父窗口或包含该链接的框架窗口中显示。   

•-self:把链接目标载入到与该链接相同的框架或窗口中显示(默认设置)。   

•-top:把链接目标载入到顶部浏览器窗口并删除所有框架。

第5步,链接设置完毕后,按F12键在主浏览器中浏览页面效果。鼠标指针移到链接载体上变成手形,单击就会链接到公司的网站首页。

当前文章标题:认识网页制作中的链接

当前URL:http://www.lyjtt.cn/news/wzzz/3070.html

上一篇:网页设计中的设计新闻内容页

下一篇:如何在网页设计中定义电子邮件链接

网站建设、网络营销咨询专线:181-8386-5875(点击可一键拨号)