项目五超级链接-设置站点导航网.ppt

《项目五超级链接-设置站点导航网.ppt》由会员分享，可在线阅读，更多相关《项目五超级链接-设置站点导航网.ppt（24页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、网页网页设计与设计与制作制作老虎工作室老虎工作室20122012年年1212月月项目五项目五 超级链接超级链接设置站点导航网页设置站点导航网页任务一任务一 设置文本超级链接设置文本超级链接 任务二任务二 设置锚记超级链接设置锚记超级链接 任务三任务三 设置电子邮件超级链接设置电子邮件超级链接 任务四任务四 设置图像和图像热点超级链接设置图像和图像热点超级链接 实实 训训 设置设置“望儿山的传说望儿山的传说”网页网页 在互联网中，每个网页之间都似乎维系着一在互联网中，每个网页之间都似乎维系着一条看不见的线，无论天涯海角都能在刹那间联系条看不见的线，无论天涯海角都能在刹那间联系起来，这条看不见的线

2、正是起来，这条看不见的线正是“超级链接超级链接”功能的功能的体现。本项目以设置站点导航网页为例，介绍在体现。本项目以设置站点导航网页为例，介绍在网页中设置超级链接的方法。在本项目中，将依网页中设置超级链接的方法。在本项目中，将依次展示文本超级链接、锚记超级链接、图像和图次展示文本超级链接、锚记超级链接、图像和图像热点超级链接、电子邮件超级链接等链接方式。像热点超级链接、电子邮件超级链接等链接方式。任务一任务一 设置文本超级链接设置文本超级链接 需要掌握的内容主要有：需要掌握的内容主要有：1、设置文本超级链接的方法、设置文本超级链接的方法 2、设置空链接的方法、设置空链接的方法 3、超级链接的种

3、类、超级链接的种类 4、设置文本超级链接状态、设置文本超级链接状态 （1）在主菜单中选择）在主菜单中选择【插入插入】【超级链接超级链接】命令，命令，或在或在【插入插入】【常用常用】面板中单击面板中单击 （超级链接）按钮，（超级链接）按钮，打开打开【超级链接超级链接】对话框。对话框。1 1、设置文本超级链接的方法、设置文本超级链接的方法 （2）用鼠标中文本，在）用鼠标中文本，在【属性属性】面板的面板的【链接链接】列列表文本框中输入链接地址，在表文本框中输入链接地址，在【目标目标】下拉列表中选择目下拉列表中选择目标窗口打开方式。标窗口打开方式。【目标目标】下拉列表中共有下拉列表中共有4项，项，【_

4、blank】表示打开表示打开一个新的浏览器窗口；一个新的浏览器窗口；【_parent】表示回到上一级的浏表示回到上一级的浏览器窗口；览器窗口；【_self】表示在当前的浏览器窗口；表示在当前的浏览器窗口；【_top】表示回到最顶端的浏览器窗口。表示回到最顶端的浏览器窗口。空链接是一个未指派目标的链接，在空链接是一个未指派目标的链接，在【属性属性】面板面板的的【链接链接】文本框中输入文本框中输入“#”即可。通常，建立空链接即可。通常，建立空链接的目的是激活页面上的对象或文本，使其可以应用行为。的目的是激活页面上的对象或文本，使其可以应用行为。2 2、设置空链接的方法、设置空链接的方法 按照使用对

5、象的不同，网页中的超级链接可以分为：按照使用对象的不同，网页中的超级链接可以分为：文本超级链接、图像超级链接、电子邮件超级链接、锚记文本超级链接、图像超级链接、电子邮件超级链接、锚记超级链接、空链接等。超级链接、空链接等。按照链接地址的形式，网页中的超级链接一般又可分按照链接地址的形式，网页中的超级链接一般又可分为为3种。种。第一种是绝对第一种是绝对URL的超级链接，简单地讲就是网络上的超级链接，简单地讲就是网络上的一个站点或一个网页的完整路径。的一个站点或一个网页的完整路径。第二种是相对第二种是相对URL的超级链接，如将自己网页上的某的超级链接，如将自己网页上的某一段文本或某标题链接到同一网

6、站的其他网页上去。一段文本或某标题链接到同一网站的其他网页上去。第三种是同一网页的超级链接，这种超级链接又叫锚第三种是同一网页的超级链接，这种超级链接又叫锚记超级链接。记超级链接。3 3、超级链接的种类、超级链接的种类 打开打开【页面属性页面属性】对话框，切换至对话框，切换至【链接链接】分类，分类，可以设置链接文本的字体、样式、大小，还可以为可以设置链接文本的字体、样式、大小，还可以为【链链接颜色接颜色】、【已访问链接已访问链接】、【变换图像链接变换图像链接】和和【活活动链接动链接】设置不同的颜色，并设置设置不同的颜色，并设置【下划线样式下划线样式】。4 4、设置文本超级链接状态设置文本超级链

7、接状态 任务二任务二 设置锚记超级链接设置锚记超级链接 需要掌握的内容主要有：需要掌握的内容主要有：1、创建命名锚记、创建命名锚记 2、链接命名锚记、链接命名锚记 1 1、创建命名锚记、创建命名锚记 在主菜单中选择在主菜单中选择【插入插入】【命名锚记命名锚记】命令或者命令或者在在【插入插入】【常用常用】面板中单击面板中单击 （命名锚记）按钮，（命名锚记）按钮，打开打开【命名锚记命名锚记】对话框，在对话框，在【锚记名称锚记名称】文本框中输文本框中输入锚记名称，如入锚记名称，如“a”。2 2、链接命名锚记、链接命名锚记 用鼠标选中文本，然后在【属性】面板的【链接】下用鼠标选中文本，然后在【属性】面

8、板的【链接】下拉列表中输入锚记名称拉列表中输入锚记名称，如，如“#a”，或者直接将【链接】，或者直接将【链接】下拉列表后面的下拉列表后面的 图标拖曳到锚记名称图标拖曳到锚记名称“#a”上上。如果链接的目标锚记在其他网页中，则需要先输入该如果链接的目标锚记在其他网页中，则需要先输入该网页的网页的URL地址和名称，然后再输入地址和名称，然后再输入“#”符号和锚记名称，符号和锚记名称，如如“index.htm#a”、“http:/ 2、电子邮件超级链接的组成元素、电子邮件超级链接的组成元素任务三任务三 设置电子邮件超级链接设置电子邮件超级链接 在主菜单中选择在主菜单中选择【插入插入】【电子邮件电子邮

9、件】命令或在命令或在【插入插入】【常用常用】面板中单击面板中单击 （电子邮件）按钮，（电子邮件）按钮，打开打开【电子邮件链接电子邮件链接】对话框进行设置即可。对话框进行设置即可。1 1、设置电子邮件超级链接的方法、设置电子邮件超级链接的方法 “mailto:”、“”和和“.”这这3个元素在电子邮件个元素在电子邮件链接中是必不可少的。有了它们，才能构成一个正确的链接中是必不可少的。有了它们，才能构成一个正确的电子邮件链接。电子邮件链接。2 2、电子邮件超级链接的组成元素、电子邮件超级链接的组成元素任务四任务四 设置图像和图像热点超级链接设置图像和图像热点超级链接 需要掌握的内容主要有：需要掌握的

10、内容主要有：1、图像超级链接、图像超级链接 2、图像热点超级链接、图像热点超级链接 3、鼠标经过图像、鼠标经过图像 4、导航条、导航条 1 1、图像超级链接、图像超级链接 用鼠标选中图像，然后在用鼠标选中图像，然后在【属性属性】面板的面板的【链接链接】文本框中输入图像的链接地址，并在文本框中输入图像的链接地址，并在【目标目标】下拉列表下拉列表中定义目标窗口的打开方式。中定义目标窗口的打开方式。2 2、图像热点超级链接、图像热点超级链接 用鼠标选中图像，然后在用鼠标选中图像，然后在【属性属性】面板中单击面板中单击【地地图图】下面的下面的 矩形或圆形或多边形热点工具按钮，并将光矩形或圆形或多边形热

11、点工具按钮，并将光标移到图像上，按住鼠标左键绘制一个相应的区域，在标移到图像上，按住鼠标左键绘制一个相应的区域，在【属性属性】面板中设置各项参数即可。面板中设置各项参数即可。要编辑图像地图，可以选择要编辑图像地图，可以选择【属性属性】面板中的指针面板中的指针热点工具按钮。热点工具按钮。3 3、鼠标经过图像、鼠标经过图像 使用使用【插入插入】/【图像对象图像对象】/【鼠标经过图像鼠标经过图像】命命令打开令打开【插入鼠标经过图像插入鼠标经过图像】对话框进行设置即可。对话框进行设置即可。4 4、导航条、导航条 使用使用【插入插入】/【图像对象图像对象】/【导航条导航条】命令打开命令打开【插入导航条插

12、入导航条】对话框进行设置即可。对话框进行设置即可。实训实训 设置设置“望儿山的传说望儿山的传说”网页网页 本项目主要介绍了在网页中设置超级本项目主要介绍了在网页中设置超级链接的基本方法，本实训将让读者进一步链接的基本方法，本实训将让读者进一步巩固所学的基本知识。巩固所学的基本知识。要求：把素材文件复制到站点根文件要求：把素材文件复制到站点根文件夹下，然后根据操作提示设置网页中的超夹下，然后根据操作提示设置网页中的超级链接。级链接。制作“送孟浩然之广陵”网页 项目小结项目小结 本项目主要介绍了在网页中设置超级链接的方本项目主要介绍了在网页中设置超级链接的方法，概括起来主要有以下几点。法，概括起来主要有以下几点。n 超级链接的概念和分类。超级链接的概念和分类。n 设置文本和图像等普通超级链接的基本方法。设置文本和图像等普通超级链接的基本方法。n 创建鼠标经过图像和导航条的基本方法，它们创建鼠标经过图像和导航条的基本方法，它们属于图像对象的范畴。属于图像对象的范畴。通过对这些内容的学习，希望读者能够掌握在通过对这些内容的学习，希望读者能够掌握在网页中设置超级链接的基本方法。网页中设置超级链接的基本方法。