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

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

1、网页设计与制作,老虎工作室2012年12月,项目五 超级链接设置站点导航网页,任务一 设置文本超级链接,任务二 设置锚记超级链接,任务三 设置电子邮件超级链接,任务四 设置图像和图像热点超级链接,实 训 设置“望儿山的传说”网页,在互联网中，每个网页之间都似乎维系着一条看不见的线，无论天涯海角都能在刹那间联系起来，这条看不见的线正是“超级链接”功能的体现。本项目以设置站点导航网页为例，介绍在网页中设置超级链接的方法。在本项目中，将依次展示文本超级链接、锚记超级链接、图像和图像热点超级链接、电子邮件超级链接等链接方式。,任务一 设置文本超级链接,需要掌握的内容主要有：1、设置文本超级链接的方法

2、2、设置空链接的方法 3、超级链接的种类 4、设置文本超级链接状态,（1）在主菜单中选择【插入】【超级链接】命令，或在【插入】【常用】面板中单击（超级链接）按钮，打开【超级链接】对话框。,1、设置文本超级链接的方法,（2）用鼠标中文本，在【属性】面板的【链接】列表文本框中输入链接地址，在【目标】下拉列表中选择目标窗口打开方式。【目标】下拉列表中共有4项，【_blank】表示打开一个新的浏览器窗口；【_parent】表示回到上一级的浏览器窗口；【_self】表示在当前的浏览器窗口；【_top】表示回到最顶端的浏览器窗口。,空链接是一个未指派目标的链接，在【属性】面板的【链接】文本框中输入“#”即

3、可。通常，建立空链接的目的是激活页面上的对象或文本，使其可以应用行为。,2、设置空链接的方法,按照使用对象的不同，网页中的超级链接可以分为：文本超级链接、图像超级链接、电子邮件超级链接、锚记超级链接、空链接等。按照链接地址的形式，网页中的超级链接一般又可分为3种。第一种是绝对URL的超级链接，简单地讲就是网络上的一个站点或一个网页的完整路径。第二种是相对URL的超级链接，如将自己网页上的某一段文本或某标题链接到同一网站的其他网页上去。第三种是同一网页的超级链接，这种超级链接又叫锚记超级链接。,3、超级链接的种类,打开【页面属性】对话框，切换至【链接】分类，可以设置链接文本的字体、样式、大小，还

4、可以为【链接颜色】、【已访问链接】、【变换图像链接】和【活动链接】设置不同的颜色，并设置【下划线样式】。,4、设置文本超级链接状态,任务二 设置锚记超级链接,需要掌握的内容主要有：1、创建命名锚记 2、链接命名锚记,1、创建命名锚记,在主菜单中选择【插入】【命名锚记】命令或者在【插入】【常用】面板中单击（命名锚记）按钮，打开【命名锚记】对话框，在【锚记名称】文本框中输入锚记名称，如“a”。,2、链接命名锚记,用鼠标选中文本，然后在【属性】面板的【链接】下拉列表中输入锚记名称，如“#a”，或者直接将【链接】下拉列表后面的 图标拖曳到锚记名称“#a”上。如果链接的目标锚记在其他网页中，则需要先输入

5、该网页的URL地址和名称，然后再输入“#”符号和锚记名称，如“index.htm#a”、“http:/,需要掌握的内容主要有：1、设置电子邮件超级链接的方法 2、电子邮件超级链接的组成元素,任务三 设置电子邮件超级链接,在主菜单中选择【插入】【电子邮件】命令或在【插入】【常用】面板中单击（电子邮件）按钮，打开【电子邮件链接】对话框进行设置即可。,1、设置电子邮件超级链接的方法,“mailto:”、“”和“.”这3个元素在电子邮件链接中是必不可少的。有了它们，才能构成一个正确的电子邮件链接。,2、电子邮件超级链接的组成元素,任务四 设置图像和图像热点超级链接,需要掌握的内容主要有：1、图像超级链

6、接 2、图像热点超级链接 3、鼠标经过图像 4、导航条,1、图像超级链接,用鼠标选中图像，然后在【属性】面板的【链接】文本框中输入图像的链接地址，并在【目标】下拉列表中定义目标窗口的打开方式。,2、图像热点超级链接,用鼠标选中图像，然后在【属性】面板中单击【地图】下面的 矩形或圆形或多边形热点工具按钮，并将光标移到图像上，按住鼠标左键绘制一个相应的区域，在【属性】面板中设置各项参数即可。要编辑图像地图，可以选择【属性】面板中的指针热点工具按钮。,3、鼠标经过图像,使用【插入】/【图像对象】/【鼠标经过图像】命令打开【插入鼠标经过图像】对话框进行设置即可。,4、导航条,使用【插入】/【图像对象】/【导航条】命令打开【插入导航条】对话框进行设置即可。,实训 设置“望儿山的传说”网页,本项目主要介绍了在网页中设置超级链接的基本方法，本实训将让读者进一步巩固所学的基本知识。要求：把素材文件复制到站点根文件夹下，然后根据操作提示设置网页中的超级链接。,制作“送孟浩然之广陵”网页,项目小结,本项目主要介绍了在网页中设置超级链接的方法，概括起来主要有以下几点。超级链接的概念和分类。设置文本和图像等普通超级链接的基本方法。创建鼠标经过图像和导航条的基本方法，它们属于图像对象的范畴。通过对这些内容的学习，希望读者能够掌握在网页中设置超级链接的基本方法。,