网页制作之创建超级链接的步骤

 网页制作之创建超级链接的步骤

  第一.超级链接的定义

  
   1）什么是超级链接？

   所谓超级链接是指冲一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。

    创建超级链接

    1）到网站内部页面的超级链接--内部链接（网站内部页面之间创建相互链接关系）

  
    步骤1 选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件。

   步骤2  从“目标”下拉菜单中，选择文档的打开位置。

   _blank  ：新打开的空窗口

   _parent：如果是嵌套的框架，则在付框中打开。

    _self：会在当前网页所在的窗口或框架中打开。

    _top：会在完整的浏览器窗口中打开。

    第二.如何创建超级链接

    1）到网站内页面的超级链接--内部链接（网站内部页面之间创建相互链接关系)

   步骤1  选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件。

 
   步骤2   从“目标”下拉菜单中，选择文档的打开位置。

 
    _self：会在当前网页所在的窗口或框架中打开（默认方式）。

    _blank：每个链接会创建-下一新的窗口。
 

    _new：会在同一个刚创建的窗口中打开。

    _parent：如果是嵌套的框架，则在父框中打开。

    _top：会在完整的浏览器窗口中打开。
   

    2）到网站外页面的超链接--外部链接（创建链接到绝对地址的外部链接)

     步骤1 选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如http://www.580design.net/

  
     步骤2  然后再“目标”下拉菜单中设置这个链接的目标窗口。

     .内部链接 这种链接的目标点是同个网站中的其他网页（文档），称为外部链接。

     .外部链接  这种链接的目标点是不同站点或本站点以外的网页（文档），称为外部链接。

  
      注意：链接中使用完整的URL地址 如：http://www.580design.net/

http://（是浏览网页网络协议）www.580design.net（域名）

     3）链接样式

  
    链接颜色：指定应用链接文字的颜色。

    已访问链接：指定链接被访问过的颜色。

   活动链接：指定但鼠标在链接上点击时的颜色。

 
   4) 到网页某一特定位置的超链接--锚点链接

   .锚点链接  这种链接的目标端点是文档中的命名锚记，利用这种链接，可以跳转到当前文档中的某一指定位置上，也可以跳转到其他文档中的某一指定位置上。

   步骤1  创建命名锚记，就是在网页中设置位置标记，并给该位置一个名称，以便引用。

   注意：

   1）如果链接的目标锚点标记在当前页面即要输入目标网页的地址和名称，然后再输入 # 锚点名；

   如果链接的目标锚点标记在其他网页，即要输入目标网页的地址和名称，然后再输入“# 锚点名”

 其他一些链接。

 A. 创建E-mail电子邮件链接

 Email链接　单击这种链接，可以启动电子邮件程序（例如：Offiece办公软件中的Outlook）书写邮件，并发送到指定的地址。

    步骤1选中文本和图像

 步骤2插入栏｜常用｜电子邮件链接｜输入邮件地址

 或在属性面板的链接栏中直接输入   “mailto:邮件地址”

 B. 创建下载链接：当被链接的文件是exe文件或zip、rar类型的文件时，浏览器无法直接打开，便会提示文件会被下载，这就是网上下载的方法。
 

 C. 创建空链接：空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。

方法：选中要制作空链接的对象，在链接文本框中直接输入＃。

在一般站点首页的导航栏中的首页链接，就可以是一个空链接

第三.图像热区链接

 图像热区指在一幅图片上创建多个区域（热点），并可可以点击触发。当用户单击某个热点时，会发生某种链接或行为。

 步骤：

选中图像

在图像属性面板中，使用热区工具（矩形、椭圆、多边形），在图像上划分热区。

为绘制的每一个热区设置不同的链接地址和替代文字。

第四、创建图像导航条使用鼠标经过变换图像的特效，创建图像导航条

第五、创建跳转菜单

跳转菜单是网页中的弹出式菜单，可以创建任何文件类型的链接。

步骤：

1、插入栏｜表单｜跳转菜单

2、在“插入跳转菜单”对话框中，单击＋号添加菜单项

3、在“选择时。转到URL”文本框中，输入该文件的路径。

第六、脚本链接

 通过连接触发脚本命令

 1. 添加到收藏夹：javascript:window.external.addFavorite('http://www.580design.net','协策网络')

 2. 表示关闭窗口：javascript:window.close()

 3. 表示弹出一个提示对话框：javascript:alert(‘hello！’)

 4. 设置为默认主页：（需通过空链接#触发onClick事件）

onClick="this.style.behavior='url(#default#homepage)';this.setHomePage('http://www.580design.net/');"

第七.超链接的管理

1、链接路径

   对链接路径的正确理解是确保链接有效的先决条件。链接的路径有3种表达方式

 1）绝对路径：如果在链接中使用完整的URL（统一资源定位符）地址，这种链接路径就称作绝对路径。

  一般用于链接外部网站或外部文件资源时，例如：http://www.580design.net/info/wangzhantuiguang/80.html

 2）相对于文档路径：表述源端点与链接目标端点之间的相互位置。一般我们默认使用这种方式链接同站点的不同文件。用“. . / ”上一层的文件夹

 3）相对于站点根目录路径: 所有链接的路径都是从站点的根目录开始的。“ / ”表示根目录。

2、自动更新链接

   当文件的位置被改动时，自动的更新该网页中的链接路径，同时也自动更新其他网页链接到这个网页的路径。

3、检查链接