宁波网站设计专栏

宁波网站设计:锚点链接的应用

发布时间:2018-09-22 23:02:31

  锚点链接的应用
  锚点链接常识
  锚点链接的概念
  锚点链接(也叫书签链接),简称”锚点“”锚记“,它常常用于那些内容庞大繁杂的网页,通过单击命名锚点,不仅能指向文档,还能指向页面里的特定段落,更能作为”精准链接“的便利工具,让链接对象接近焦点,便于浏览者查看网页内容。这类似于书籍的目录页码或章回提示。在需要指定到页面的特定部分时,标记锚点是最佳的方法。
  锚点链接对SEO(搜索引擎优化)的作用
  锚点链接是一个非常重要的概念,在网页中增加恰当的锚点链接,会让所在网页和所指向网页的重要程度有所提升,从而影响到关键词排名。锚点链接对SEO的作用主要体现在以下几个方面:
  对锚点链接所在的页面的作用
  正常来讲,页面中增加的锚点链接都和页面本身有一定的关系,因此,锚文本可以作为锚点链接所在的页面内容的评估。例如:本篇文章中含有SEO的链接,那么说明本篇文章和SEO有一定关系。
  对锚点链接所指向页面的作用
  锚点链接能精确地描述所指向页面的内容,因此,锚点链接能作为对所指向页面的评估。
  锚点链接对关键词排名的影响
  锚点链接对关键词排名的意义在于它可以让内容页随机链接在一起,让”蜘蛛“(”搜索引擎抓取“的俗称)很好地抓取更多页面,权重也能均匀地传递,同时可增强页面的相关性,最终提升网站的关键词排名。
  通过可视化工具制作锚点链接
  创建命名锚点链接的过程分为两大部分:创建命名锚点和调用链接到命名锚点。
  第一步:打开Dreamweaver,打开需要创建锚点链接的文件,并切换至”设计“工作界面。
  第二步:确定锚点链接功能的具体应用点。

宁波网站设计:锚点链接的应用的图片283

  小技巧:
  若要链接到其他文档中的锚点,格式为:文件绝对路径+文件名#锚点名。锚点名称区分大、小写。
  利用书签应用锚点链接
  当创建的网页内容特别多时,可以通过书签对内容进行链接,这样读者在阅读时可以通过书签进行内容的跳转,这种链接也称为网页内部的书签链接。
  建立错点
  锚点链接可以与链接文字在同一页面,也可以在不同的页面。要实现网页内部的锚点链接,都需要先建立锚点。通过建立的锚点才能对页面的内容进行引导和跳转。
  语法如下:
  文字
  说明:在该语法中,锚点名称就是对应于后面的跳转内容所创建的锚点,而文字则是设置链接后跳转的位置。
  链接到同一页面的锚点
  下面就可以为刚才制作的锚点添加链接内容了。在代码的前面增加链接文字和链接地址就能够实现同页面的锚点链接。
  语法如下:
  链接的文字
  说明:
  在该语法中,锚点的名称就是刚才所定义的锚点名,也就是name被赋予的值,而”#“则代表这是锚点的链接地址。

宁波网站设计:锚点链接的应用的图片279

  实例代码:
  〈title>定义书签
  爱情测试:你的恋爱狂热度是多少
   ; 情窦初开的漂亮小MM终于找到了心中的白马王子啦!可是可是。
  是不是好想好想将感情更顺利地进行下去。急速升温?那么,可爱的MM们快来做这个测试吧……保证让你和心中的白马王子开开心心一路牵手到底。一天之中,你最喜欢什么时间哦?
  链接到不同页面的书签
  锚点链接不但可以链接到同一页面,也可以在不同页面中设置。
  语法如下:
  链接的文字
  说明:
  在该语法中,与同一页面的锚点链接不同的是,需要在链接的地址前增加文件所在的位置。实例代码如下:
  《悟空传》目录
  ”我要这天,再遮不住我眼,我要这地,再埋不了我心,要这众生,都明白我意,要那诸佛’都烟消云散!“这段话引自被誉为”最佳网络作品‘在网上广为流传的《悟空传》。
  运行这段代码,单击其中的某个链接,就会打开“04-l.html”这个页面,并定位到该页面的锚点所在处。
  外部链接

宁波网站设计:锚点链接的应用的图片280

  外部链接是指跳转到当前网页之外的资源,例如其他网站的某个页面或元素。这种链接在设置时一般需要书写绝对地址,最常见的是使用URL统一资源定位符“http://”来表示。此外还有一些其他格式,见实际。
  实际绝对地址的设置格式
  格式表示的含义
  http://采用WWW服务进人万维网站点
  ftp://通过FTP访问文件传输服务器
  telnet://启动Telnet
  mailto://直接启动邮件系统E-mail
  除了之前已经介绍过的邮件链接以外,其他外部链接主要如下。
  通过HTTP协议链接站外
  网页中最常见的使用HTTP协议进行外部链接的情况是设置友情链接。
  语法如下:
  链接文字
  说明:
  在该语法中,“htlP://”表明这是关于HTTP协议的外部链接,而在其后输人网站的网址即可。
  通过FTP协议链接站外
  网络中还存在一种FTP协议,这是一种文件传输协议。通过很多FTP地址,可以获得许多有用的软件和共享文件。FTP需要获得许可才能在网络上传播,因此需要从服务器管理员处取得登录的权限。有一些FTP服务器可以匿名访问,通过它们同样能够获得一些公开的数据。
  语法如下:

宁波网站设计:锚点链接的应用的图片285

  链接文字
  说明:
  在该语法中,“ftp://”表明这是关于FTP协议的外部链接,在其后输人网站的网址即可。
  通过Telnet链接
  Telnet常常用来登录一些BBS网址,也是一种远程登录方式。
  语法如下:
  链接文字
  说明:
  这种链接方式与其他两种类似,不同的就是它登录的是Telnet站点。
  下载链接
  在浏览网页时下载一些文件是经常的事情,在某些网站中,只需要单击一个链接就可以自动下载文件,非常方便,其也可以使用文本链接来实现。
  语法如下:
  链接文字
  说明:
  在文件所在地址中设置文件的路径,可以是相对地址,也可以是绝对地址。

宁波网站设计:锚点链接的应用的图片286

  实例代码如下:
  〈title〉文件的下载
  网际快车FlashGet
  软件下载试用


  网际快车FlashGet通过把一个文件分成几个部分同时下载可以成倍地提高速度,下载速度可以提高100%?500%。FlashGet可以创建不限数目的类别,每个类别指定单独的文件目录,不同的类别保存到不同的目录中,强大的管理功能包括支持拖曳、更名、添加描述、查找、文件名重复时自动重命名等,而且下载前、后均可轻易管理文件。
  运行这段代码,效果如实际所示。单击页面中的文本链接”软件下载试用“,可以打开如实际所示的提示对话框。
  网际快车FlashGet通过把一个文件分成几个部分同时下载可以成倍地提高速度,下载速度可以提高100%-500%。FlashGet可以创建不限数目的类别,每个类别指定单独的文件目录,不同的类别保存到不同的目录中去,强大的管理功能包括支持拖拽、更名、添加描述、查找。
  在该对话框中可以单击”打开“按钮直接打开软件,也可以单击”保存“按钮将该文件保存到磁盘。如果选择保存文件到磁盘,将会打开存储对话框Q在对话框中设置相应的存储位置,单击”保存“按钮即可实现文件的保存。
  图像热区链接
  图像热区链接的定义
  超链接除了可以附加在文字上之外,还可以附加在图片上。传统的做法是一个图片只能附加一个超链接。那么,可不可以在一个图片上附加多个超链接呢?答案是可以的。可以自由定义在一个图片上附加链接的局部位置、大小、形状等,这需要用到图像热区链接了。

宁波网站设计:锚点链接的应用的图片278

  所谓图像热区,是指在一幅图片上创建多个区域(热点),并可以单击触发。当用户单击某个热点时,会发生某种链接行为。
  通过可视化工具添加图像热区链接
  第一步:打开Dreamweaver,并切换至”设计“工作界面,通过菜单或快捷键”Ctrl+Alt+I“插人一张图片。
  第二步:选中该图片,这时会在下面出现关于图片的属性面板,在属性面板的左下角就是热点工具。
  热点工具介绍:第一个是矩形热点工具,第二个是圆形热点工具,第三个是多边形热点工具。
  第三步:选择工具直接在图片上进行绘制。对不同的图形使用不同的工具,对于地图来讲,如果制作的热点需要精确的话用多边形热点工具即可。
  这时要用鼠标一点一点地沿着边界单击,直至生成完整的热区为止。
  第四步:绘制完成后就要进行添加链接的操作,选中一个已绘制的热点区域,然后在属性面板的链接输入框中输入目标网址。
  第五步:依法炮制,陆续绘制其他热区图案并为之添加链接地址第六步:都链接完成后,进行保存,按F12键进行预览即可。

宁波网站设计:锚点链接的应用的图片284

  小技巧:
  在图像的某一个热点区域上单击,按住鼠标左键不放,可以拖动其进行位置移动,但所移动位置不能超过图像区域。
  在图像的某一个热点区域上单击,然后按Delete键,即可以删除某个已经生成的热区。
  通过标签添加图像热区链接
  标签主要用于图像地图,通过该标签可以在图像地图中设定作用区域(又称为”热点“),这样当用户的鼠标移到指定的作用区域单击时,会自动链接到预先设定好的页面。
  语法如下:
  
  其中标签可以带多个参数,具体语法格式为:o说明:
  标签用来定义热区图像地图。因为标签是在图像地图中划分作用区域的,因此其划分的作用区域必须在图像地图的区域内,所以在用标签划分区域前必须用HTML的另一个标签来设定图像地图的作用区域,并为指定的图像地图设定名称,该标签的用法很简单,宁波网站设计BP……
  标签定义图像映射中的具体区域(注:图像映射指的是带有可点击区域的图像)。
  标签总是嵌套在标签中,且标签中的usemap属性与map元素的name属性相关联,创建图像与映射之间的联系。
  class参数是指图像热区链接上附加的样式类,可以省略。
  id参数用来给图像热区进行编号,可以省略。

宁波网站设计:锚点链接的应用的图片276

  href参数用来注明链接需要跳转的目标地址。
  alt参数用来给热区添加文字说明,可以省略。
  shape参数用于设定热点的形状,coords参数用于设定热点大小。两者一般配合使用。其基本用法如下:
  ”“表示设定热点的形状为矩形,左上角顶点坐标为(xl,yl),右下角顶点坐标为(x2,y2)。
  ”表示设定热点的形状为圆形,圆心坐标为(xl,yl),半径为r。
  
  
  
  
  
  </map〉
  小技巧:
  如果某个<area>标签中的坐标和其他区域发生了重叠,会优先采用最先出现的<area>标签。浏览器会忽略超过图像边界范围之外的坐标。
  课堂练习
  练习内容

宁波网站设计:锚点链接的应用的图片277

  制作一个中国地理网站。
  练习目标

宁波网站设计:锚点链接的应用的图片281

  熟练掌握网页文字链接的插入方法。
  熟练掌握网页图片链接的插入方法。
  熟练掌握各类链接的窗口打开方法。
  熟练掌握邮箱链接的使用方法。
  熟练掌握锚点链接的使用方法。
  熟练掌握图片热点链接的使用方法。
  具体要求
  新建一个站点,将其命名为“中国地理网站”。
  在站点中新建一个网页,作为首页,并设置栏目菜单“首页”“中国地理手册”“中国地图”“风景美图”,每个菜单链接一个子页面。
  在首页显示一部分栏目板块的详细信息,在该板块中有“查看详情”的文字链接,单击后,可以通过新开窗口模式打开具体页面的链接。
  在首页底部插入一个“联系我们”的邮件链接。
  在“中国地理手册”中录入8条以上地理信息,并可以通过锚点链接到各信息处。
  在“中国地图”页面中,插入一张中国地图,并给各省份制作热点链接,新开窗口链往各省门户网站。
  “风景美图”显示各地风景图片,并且单击相关图片,可以打开详细图文介绍页面。
  页面美观大方。

宁波网站设计:锚点链接的应用的图片282

  链接真实有效。
  本文转载自
  宁波网站设计www.leseo.net
  补充词条:宁波网络seo公司  宁波网站seo  宁波seo网站优化  宁波谷歌seo  宁波seo哪家好