4.3.7 插入超链接

[ 编辑:黄贺生    封开县江口中学软件工作室   录入时间:2007年6月13日 ]

 
老师寄语

1、学会设置文本或图片超链接。

2、学会利用图片设置热点超链接。

3、学会使用书签。

学习内容

超级链接

    1、选中要添加超级链接的文字或图片,点击菜单插入-超链接,或按快捷键Ctrl+k,或按工具栏上的,出现图1

图1

 

     选择要链接的文件或直接打入链接目标的URL地址,默认是“http”链接,如打入“www.163.com”链接时是“http://www.163.com”,如果要发送电子邮件,我们键入“mailto:lihuich@163.net”。

    在开发和维护过程中,为了保证网站内的有效性链接通常使用相对路径名。当在同一个网站服务器上引用另一个网站的文件时,使用绝对路径。

 

    2、客户端的Map(热点超链接)

    图形文件的Map指的是一个图形上有多个热区,可以分别指向不同的URL,Map的坐标可以由服务器定位,称为服务器端Map,也可以在客户端定位,不用与服务器进行数据交换,称为客户端Map

    操作步骤:先调出“图片”工具栏,选中一个图形文件,利用“图片”工具栏上的按钮,加入客户端Map(也可称为“热区”),指向相应的链接。

    3、建立书签

    例如《网络技术应用》专题网站中的“综合活动:"跨时空的因特网服务"专题调查”网页中就使用过书签。

    请把鼠标移到“活动任务”、“活动过程”、“活动成果”、“活动评价”上,看看状态栏上的网址是怎么样的?再点击试试。

 3.5 综合活动:"跨时空的因特网服务"专题调查 /88

     3.5.1 活动目的 /88
     3.5.2 活动任务 /88
     3.5.3 活动过程 /88
     3.5.4 活动成果 /89
     3.5.5 活动评价 /89

    我们发现,地址上多了一个“#di2”、“#di3”、“#di4”、“#di5”,其实上di2、di3等就是我们要讲的书签名称。

    一点击书签,网页就直接去到设置了书签的位置。

    那么在Frontpage中是怎么设置书签的呢?

    (1)首先要在需要设置书签的网页插入书签,在FrontPage中的方法很简单:

     插入菜单→书签

     如“综合活动:"跨时空的因特网服务"专题调查”网页中插入的书签如下图示:

    (2)书签超链接怎么做?

     像文本超链接一样,链接到某一个网页。但多一个步骤,再点击“书签”按钮,链接到书签处。如下图示:

     第一个步骤:

     第二个步骤:选择一个书签名:

 

学生练习

根据小组主题网站的设计,完成网站各网页的制作,并建立超链接,把各个网页链接起来。

拓展视野

1、HTML相对路径(Relative Path)和绝对路径(Absolute Path)(内网)

2、FrontPage网页制作_本站原创作品(内网)

3、洪恩FrontPage(外网)

版权所有 Copyright© 2005-2008 封开县江口中学软件工作室