您好,欢迎访问三七文档
当前位置:首页 > 商业/管理/HR > 项目/工程管理 > 项目五 超级链接-设置站点导航网页-PPT
网页设计与制作老虎工作室2012年12月项目五超级链接──设置站点导航网页任务一设置文本超级链接任务二设置锚记超级链接任务三设置电子邮件超级链接任务四设置图像和图像热点超级链接实训设置“望儿山的传说”网页在互联网中,每个网页之间都似乎维系着一条看不见的线,无论天涯海角都能在刹那间联系起来,这条看不见的线正是“超级链接”功能的体现。本项目以设置站点导航网页为例,介绍在网页中设置超级链接的方法。在本项目中,将依次展示文本超级链接、锚记超级链接、图像和图像热点超级链接、电子邮件超级链接等链接方式。任务一设置文本超级链接需要掌握的内容主要有:1、设置文本超级链接的方法2、设置空链接的方法3、超级链接的种类4、设置文本超级链接状态(1)在主菜单中选择【插入】/【超级链接】命令,或在【插入】/【常用】面板中单击(超级链接)按钮,打开【超级链接】对话框。1、设置文本超级链接的方法(2)用鼠标中文本,在【属性】面板的【链接】列表文本框中输入链接地址,在【目标】下拉列表中选择目标窗口打开方式。【目标】下拉列表中共有4项,【_blank】表示打开一个新的浏览器窗口;【_parent】表示回到上一级的浏览器窗口;【_self】表示在当前的浏览器窗口;【_top】表示回到最顶端的浏览器窗口。空链接是一个未指派目标的链接,在【属性】面板的【链接】文本框中输入“#”即可。通常,建立空链接的目的是激活页面上的对象或文本,使其可以应用行为。2、设置空链接的方法按照使用对象的不同,网页中的超级链接可以分为:文本超级链接、图像超级链接、电子邮件超级链接、锚记超级链接、空链接等。按照链接地址的形式,网页中的超级链接一般又可分为3种。第一种是绝对URL的超级链接,简单地讲就是网络上的一个站点或一个网页的完整路径。第二种是相对URL的超级链接,如将自己网页上的某一段文本或某标题链接到同一网站的其他网页上去。第三种是同一网页的超级链接,这种超级链接又叫锚记超级链接。3、超级链接的种类打开【页面属性】对话框,切换至【链接】分类,可以设置链接文本的字体、样式、大小,还可以为【链接颜色】、【已访问链接】、【变换图像链接】和【活动链接】设置不同的颜色,并设置【下划线样式】。4、设置文本超级链接状态任务二设置锚记超级链接需要掌握的内容主要有:1、创建命名锚记2、链接命名锚记1、创建命名锚记在主菜单中选择【插入】/【命名锚记】命令或者在【插入】/【常用】面板中单击(命名锚记)按钮,打开【命名锚记】对话框,在【锚记名称】文本框中输入锚记名称,如“a”。2、链接命名锚记用鼠标选中文本,然后在【属性】面板的【链接】下拉列表中输入锚记名称,如“#a”,或者直接将【链接】下拉列表后面的图标拖曳到锚记名称“#a”上。如果链接的目标锚记在其他网页中,则需要先输入该网页的URL地址和名称,然后再输入“#”符号和锚记名称,如“index.htm#a”、“”。需要掌握的内容主要有:1、设置电子邮件超级链接的方法2、电子邮件超级链接的组成元素任务三设置电子邮件超级链接在主菜单中选择【插入】/【电子邮件】命令或在【插入】/【常用】面板中单击(电子邮件)按钮,打开【电子邮件链接】对话框进行设置即可。1、设置电子邮件超级链接的方法“mailto:”、“@”和“.”这3个元素在电子邮件链接中是必不可少的。有了它们,才能构成一个正确的电子邮件链接。2、电子邮件超级链接的组成元素任务四设置图像和图像热点超级链接需要掌握的内容主要有:1、图像超级链接2、图像热点超级链接3、鼠标经过图像4、导航条1、图像超级链接用鼠标选中图像,然后在【属性】面板的【链接】文本框中输入图像的链接地址,并在【目标】下拉列表中定义目标窗口的打开方式。2、图像热点超级链接用鼠标选中图像,然后在【属性】面板中单击【地图】下面的矩形或圆形或多边形热点工具按钮,并将光标移到图像上,按住鼠标左键绘制一个相应的区域,在【属性】面板中设置各项参数即可。要编辑图像地图,可以选择【属性】面板中的指针热点工具按钮。3、鼠标经过图像使用【插入】/【图像对象】/【鼠标经过图像】命令打开【插入鼠标经过图像】对话框进行设置即可。4、导航条使用【插入】/【图像对象】/【导航条】命令打开【插入导航条】对话框进行设置即可。实训设置“望儿山的传说”网页本项目主要介绍了在网页中设置超级链接的基本方法,本实训将让读者进一步巩固所学的基本知识。要求:把素材文件复制到站点根文件夹下,然后根据操作提示设置网页中的超级链接。制作“送孟浩然之广陵”网页项目小结本项目主要介绍了在网页中设置超级链接的方法,概括起来主要有以下几点。超级链接的概念和分类。设置文本和图像等普通超级链接的基本方法。创建鼠标经过图像和导航条的基本方法,它们属于图像对象的范畴。通过对这些内容的学习,希望读者能够掌握在网页中设置超级链接的基本方法。
本文标题:项目五 超级链接-设置站点导航网页-PPT
链接地址:https://www.777doc.com/doc-3227955 .html