《4、超级链接-制作导航网页-》由会员分享，可在线阅读，更多相关《4、超级链接-制作导航网页-（27页珍藏版）》请在金锄头文库上搜索。
1、项目五 超级链接制作导航网页任务一 设置文本超级链接 任务二 设置图像超级链接 任务三 设置电子邮件超级链接 任务四 设置锚记超级链接 实 训 设置“上网导航”网页 v 一个网站中有很多网页，这些网页之间 又是互相关联的，网页之间的关联一般是通 过超级链接进行的。本项目以导航网页为例 ，介绍有关超级链接的基本知识。在项目中 ，将依次介绍文本超级链接、图像超级链接 、图像热点超级链接、电子邮件超级链接和 锚记超级链接等内容。 v 任务一 设置文本超级链接 需要掌握的内容主要有： 1、设置文本超级链接的方法 2、设置空链接的方法 3、设置文本超级链接的状态 4、超级链接的种类v （1）在主菜单中选
2、择【插入】【超级链接】命 令，或在【插入】【常用】面板中单击 （超级链 接）按钮，打开【超级链接】对话框。 1、设置文本超级链接的方法v （2）用鼠标中文本，在【属性】面板的【链接】 列表文本框中输入链接地址，在【目标】下拉列表中选 择目标窗口打开方式。v 【目标】下拉列表中共有4项，【_blank】表示打 开一个新的浏览器窗口；【_parent】表示回到上一级 的浏览器窗口；【_self】表示在当前的浏览器窗口； 【_top】表示回到最顶端的浏览器窗口。v 空链接是一个未指派目标的链接，在【属性】面 板的【链接】文本框中输入“#”即可。通常，建立空链 接的目的是激活页面上的对象或文本，使其可
3、以应用 行为。2、设置空链接的方法v 打开【页面属性】对话框，切换至【链接】分类 ，可以设置链接文本的字体、样式、大小，还可以为 【链接颜色】、【已访问链接】、【变换图像链接】 和【活动链接】设置不同的颜色，并设置【下划线样 式】。 3、设置文本超级链接的状态v 同一网站文档之间的链接称为内部 链接，不同网站文档之间的链接称为外部 链接。v 超级链接根据路径可分为两类：绝 对路径和相对路径，相对路径又分文档相 对路径和站点根目录相对路径。4、超级链接的种类任务二 设置图像超级链接v v 需要掌握的内容主要有：v 1、图像超级链接v 2、图像热点超级链接 v 3、鼠标经过图像v 4、导航条 v
4、1、图像超级链接v v 用鼠标选中图像，然后在【属性】面板的【链接 】文本框中输入图像的链接地址，并在【目标】下拉 列表中定义目标窗口的打开方式。2、图像热点超级链接v v 用鼠标选中图像，然后在【属性】面板中单击【 地图】下面的 矩形或圆形或多边形热点工具按钮，并 将光标移到图像上，按住鼠标左键绘制一个相应的区 域，在【属性】面板中设置各项参数即可。v 要编辑图像地图，可以选择【属性】面板中的指 针热点工具按钮。该工具可以对已经创建好的图像地 图进行移动、调整大小或层之间的向上向下向左向右 移动等操作。还可以将含有地图的图像从一个文档复 制到其他文档或者复制图像中的一个或几个地图，然 后将其
5、粘贴到其他图像上。3、鼠标经过图像v v 使用【插入】/【图像对象】/【鼠标经过图像】命 令打开【插入鼠标经过图像】对话框进行设置即可。4、导航条v v 使用【插入】/【图像对象】/【导航条】命令打开 【插入导航条】对话框进行设置即可。v 需要掌握的内容主要有：v 1、设置电子邮件超级链接的方法v 2、电子邮件超级链接的组成元素任务三 设置电子邮件超级链接 v 在主菜单中选择【插入】【电子邮件】命令或 在【插入】【常用】面板中单击 （电子邮件） 按钮，打开【电子邮件链接】对话框进行设置即可。1、设置电子邮件超级链接的方法v “mailto:”、“”和“.”这3个元素在电子邮件链接 中是必不可少
6、的。有了它们，才能构成一个正确的电 子邮件链接。2、电子邮件超级链接的组成元素任务四 设置锚记超级链接 v 需要掌握的内容主要有：v 1、设置锚记超级链接v 2、插入Flash文本 v 3、插入Flash按钮1、设置锚记超级链接v （1）在主菜单中选择【插入】【命名锚记】 命令或者在【插入】【常用】面板中单击 （命名 锚记）按钮，打开【命名锚记】对话框，在【锚记名 称】文本框中输入锚记名称，如“a”。v （2）用鼠标选中文本，然后在【属性】面板的【 链接】下拉列表中输入锚记名称，如“#a”，或者直接将 【链接】下拉列表后面的 图标拖曳到锚记名称“#a”上 。v 如果链接的目标锚记在其他网页中，
7、则需要先输入 该网页的URL地址和名称，然后再输入“#”符号和锚记名 称，如“index.htm#a”、 “http:/ v 在主菜单中选择【插入】/【媒体】/【Flash文本 】命令，打开【插入Flash文本】对话框进行设置即可 。 3、插入Flash按钮v 在主菜单中选择【插入】/【媒体】/【Flash按钮 】命令，打开【插入Flash按钮】对话框进行设置即可 。实训 设置“上网导航”网页 v 本项目主要介绍了在网页中设置超 级链接的基本方法，本实训将让读者进 一步巩固所学的基本知识。v 要求：把“项目实训素材”文件夹下 的内容复制到站点根文件夹下，然后在 网页文档中设置超级链接。v 制作
8、“送孟浩然之广陵”网页 小结 v 超级链接通常由源端点和目标端点两 部分组成。根据源端点的不同，超级链接 可分为文本超级链接、图像超级链接和表 单超级链接。文本超级链接以文本作为超 级链接源端点，图像超级链接以图像作为 超级链接源端点，表单超级链接比较特殊 ，当填写完表单后，单击相应按钮会自动 跳转到目标页。v 根据目标端点的不同，超级链接可分为内部 超级链接、外部超级链接、电子邮件超级链接和 锚记超级链接。内部超级链接是使多个网页组成 为一个网站的一种链接形式，目标端点和源端点 是同一网站内的网页文档。外部超级链接指的是 目标端点与源端点不在同一个网站内，外部超级 链接可以实现网站之间的跳转
9、，从而将浏览范围 扩大到整个网络。电子邮件超级链接将会启动邮 件客户端程序，可以写邮件并发送到链接的邮箱 中。利用锚记超级链接，在浏览时网页时可以跳 转到当前网页或其他网页中的某一指定位置，这 种链接是通过文档中的命名锚记来实现的。 v 根据路径的不同，超级链接可分为相对路径 和绝对路径，相对路径又可分为文档相对路径和 站点根目录相对路径。文档相对路径是本地站点 中最常用的链接形式，相对链接的文件之间相互 关系并没有发生变化，当移动整个文件夹时就不 用更新建立的链接。站点根目录相对路径即从站 点根文件夹到文档所经过的路径，通常当网页包 含应用程序，文档中包含复杂链接及使用多重的 路径参照时，需要使用站点根目录相对路径。绝 对路径在网页中主要用作创建站外这种具有固定 地址的超级链接，互联网上的许多导航网站使用 的就是绝对路径超级链接。
