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

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