项目五超级链接-制作导航网页-PPT.ppt

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

1、项目五 超级链接制作导航网页任务一任务一 设置文本超级链接设置文本超级链接 任务二任务二 设置图像超级链接设置图像超级链接 任务三任务三 设置电子邮件超级链接设置电子邮件超级链接 任务四任务四 设置锚记超级链接设置锚记超级链接 实实 训训 设置设置“上网导航上网导航”网页网页 v 一个网站中有很多网页，这些网页之间又是互相关联的，网页之间的关联一般是通过超级链接进行的。本项目以导航网页为例，介绍有关超级链接的基本知识。在项目中，将依次介绍文本超级链接、图像超级链接、图像热点超级链接、电子邮件超级链接和锚记超级链接等内容。v 任务一 设置文本超级链接 需要掌握的内容主要有：1、设置文本超级链接的

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

3、本框中输入“#”即可。通常，建立空链接的目的是激活页面上的对象或文本，使其可以应用行为。2、设置空链接的方法v 打开【页面属性】对话框，切换至【链接】分类，可以设置链接文本的字体、样式、大小，还可以为【链接颜色】、【已访问链接】、【变换图像链接】和【活动链接】设置不同的颜色，并设置【下划线样式】。3、设置文本超级链接的状态v 同一网站文档之间的链接称为内部链接，不同网站文档之间的链接称为外部链接。v 超级链接根据路径可分为两类：绝对路径和相对路径，相对路径又分文档相对路径和站点根目录相对路径。4、超级链接的种类任务二 设置图像超级链接v v 需要掌握的内容主要有：v 1、图像超级链接v 2、图

4、像热点超级链接 v 3、鼠标经过图像v 4、导航条 v 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 根据路径的不同，超级链接可分为相对路径和绝对路径，相对路径又可分为文档相对路径和站点根目录相对路径。文档相对路径是本地站点中最常用的链接形式，相对链接的文件之间相互关系并没有发生变化，当移动整个文件夹时就不用更新建立的链接。站点根目录相对路径即从站点根文件夹到文档所经过的路径，通常当网页包含应用程序，文档中包含复杂链接及使用多重的路径参照时，需要使用站点根目录相对路径。绝对路径在网页中主要用作创建站外这种具有固定地址的超级链接，互联网上的许多导航网站使用的就是绝对路径超级链接。