个人主页过把瘾(5)
第五讲 建立文字超链接

  超链接是网站中各个元素的联系方式,正是它完成了各个页面的跳转,使整个网站作为一个有机的整体出现在访问者面前。因特网之所以如此流行,一个很重要的原因是由于超链接。超链接允许我们从自己的网页出发打开因特网上成千上万的网页文件。
  我们在浏览网页的时候,常常会看到一些蓝色带下划线的文字,将鼠标指针移动到这些文字上时,鼠标指针变成手形,单击鼠标就会打开另一个网页。这个就叫超链接,带下划线的文字称为热点(超链接点)。
  热点可以是文字,也可以是图片或其它对象。热点的文字也不一定是兰色,甚至不一定有下划线。
一、创建超链接
  在FrontPage中创建超链接是一件很容易的事。只要选中这段文字或对象,然后单击常用工具栏上的超链接按钮,在“创建超链接”对话框的URL栏中输入要链接的对象文件的URL(带路径地址的文件名)。链接对象可以是网页文件,也可以是图片或其它文件。链接对象可以是因特网上的文件,也可以是本地站点中的一个文件。
  1、与本地网站中的文件链接
  【例】将主页“index.htm”和“迎春接福”网页(ycjf.htm)链接起来。
  1)打开FrontPage,并打开“D:\网页练习”本地网站中的主页文件“index.htm”
  2)在主页上输入网站的标题与热点文字“迎春接福”。
  3)选中“迎春接福”这段文字,如下图所示。

?

被选中的主页上的超链接点文字

  4)单击常用工具栏上的超链接按钮,得到“创建超链接”对话框,如下图。


“创建超链接”对话框

  5)在“创建超链接”对话框的中间区域会显示本地网站“D:\网页练习”中的所有文件(夹),选择文件“ycjf.htm”,这个文件名就会出现在URL栏中。
  6)单击“确定”按钮后,完成设置。这时“迎春接福”这几个字变成蓝色,并带有下划线。单击窗口下方的“预览”选项卡,预览这个主页。将鼠标移到“迎春接福”上,鼠标指针变成手形(见下图),单击后,“迎春接福”网页被打开。


建立超链接后主页的预览效果

  2、链接到因特网上的一个主页
  【例】将主页“index.htm”链接到“月湖老年网”主页(http://www.nbyh.info/)。
  打开“D:\网页练习”本地网站中的主页文件“index.htm”,在主页中添加文字“月湖老年网”。选中这段文字,单击工具栏上的超链接按钮。在“创建链接”对话框的URL栏中输入“月湖老年网”的网址“http://www.nbyh.info/”。单击“确定”按钮后,完成设置。这时“月湖老年网”几个字变成蓝色,并带有下划线。预览这个网页时,将鼠标移那里,,鼠标指针变成手形,单击后,就可打开“月湖老年网”的首页。
  如果希望打开超链接后,重新打开一个浏览器窗口,在新的浏览器窗口中打开链接对象,而不关闭主页,那么在“创建超链接”对话框中单击“目标框架(T)”右端的“更改目标框架”按钮,在“目标框架”对话框中选择“新建窗口”。
二、修改超链接
  对所建立的超链接进行修改的方法和建立超链接一样。光标放到已经建立超链接的文字中,或全部选中它们。然后单击常用工具栏上的超链接按钮,就可在“创建超链接”对话框中修改超链接目标及其它属性。
  【例】将主页“index.htm”对“月湖老年网”链接改为在新建窗口中打开。
  1)在用FrontPage打开的主页中将光标放到文字“月湖老年网”中的任一位置;
  2)那么在“创建超链接”对话框中单击“目标框架(T)”右端的“更改目标框架”按钮,在“目标框架”对话框中选择“新建窗口”(见下图);


在“目标框架”对话框中选择“新建窗口”

  3)单击“确定”按钮,返回“创建超链接”对话框。可以看到,“目标框架(T)”后面的文字框已由“网页默认值(无)”变成“新建窗口”(下图)。单击“确定”按钮,完成设置。这样,若预览中单击“月湖老年网”,将在新开的一个浏览器窗口中打开月湖老年网。


选择“新建窗口”

三、建立电子邮件超链接
  个人网站发布以后,会有一些浏览者要给我们反馈意见。这样可使我们更快地发现网站的不足和问题,使网站能越办越好。更好为大家服务。电子邮件超链接就为浏览者与网页所有者之间架起了沟通的桥梁。浏览者只需要单击电子邮件超链接,就可以打开电子邮件处理软件,并且自动输入网页所有者的电子邮件地址,非常方便。下面我们还是以给前面的主页添加一个电子邮件超链接点来说明具体操作步骤:
  1、用FrontPage打开的主页,在上面首先输入电子邮件超链接点的文本“给我写信”,选中它们。
  2、单击常用工具栏上的超链接按钮,得到“创建超链接”对话框。单击对话框右下方的“制作发送电子邮件的超链接”按钮,得到如下图所示的“创建电子邮件超链接”对话框。


“创建电子邮件超链接”对话框

  在“创建电子邮件超链接”对话框中,输入网页所有者的电子邮件地址,单击“确定”按钮,重新回到“创建超链接”对话框,URL栏出现mailto:oldchild@cnitunion.com。
  单击“确定”按钮;电子邮件超链接设置完毕。单击“预览”选项卡,将鼠标指针移动到“给我写信”几个字上,鼠标指针变成手形,单击鼠标,本地计算机中设置的电子邮件处理软件(如OUTLOOK、Foxmail)自动打开,新邮件处于待编辑状态。这时,收件人框自动出现刚才设定的地址,如下图所示。


处于待编辑状态的新邮件

四、书签
  当网页内容过长时,要显示后面的内容特别是确定具体位置比较麻烦。HTML提供了链接到网页中某个具体位置的技术,这就是所谓书签。使用书签可以快速地浏览到所关心的信息。如“美食文谈”网页(下图)共有6个正题和一个附录,但如果不使用滚动条,我们只能看到第一个正题的头部。若使用书签定位,就可以使每一个正题和附录都快速地出现在屏幕顶端。书签可以在本网页链接。也可以从外部链接。下面以网页“美食文谈”为例说明从外部链接到书签的使用方法。
  1、在FrontPage中打开“美食文谈”网页文件“mswt.htm”,然后选取第一个正题的标题“美食文谈1”,单击“插入”菜单,在弹出的菜单(下右图)中选择“书签”。得到“书签”对话框,如下左图所示。默认情况下,FrontPage采用选中的文字“美食文谈1”作为书签的名字出现在“书签名称”栏中。如果没有重名的情况,最好采用默认名,以免发生混淆。单击“确定”按钮,返回FrontPage编辑窗口,这时“美食文谈1”的下方被加上了红色的虚线。用同样的方法,将所有正题和附录的名称都设置成书签。


?? 网页“美食文谈”及插入“书签”菜单


“书签”对话框

  2、在主页中输入将作为书签的超链接文本“美食文谈——1 2 3 4 5 6 附录”。
  3、选取主页中的第一个热点文字“1”,然后单击常用工具栏上的超链接按钮,打开“创建超链接”对话框。在“创建超链接”对话框中,先单击“美食文谈”网页文件“mswt.htm”,再单击“书签”栏右端的下拉按钮 ,在下拉窗口中选择和它相应的书签名“美食文谈1”,如下图所示。

?
在“书签”栏中选择相应书签

  【注意】在进行上面操作时,目标文件“mswt.htm”必须是打开的,否则在“书签”栏的下拉窗口中将无书签可选。
  再将目标框架设为“新建窗口”,单击“确定”按钮,返回FrontPage窗口,热点文字“1”两个字变成蓝色并加上了下划线。
  用同样的方法,为主页上其余的热点文字“2”~“附录”都建立书签超链接。如下图所示。

  4、最后打开“预览”选项卡,将鼠标指针移到“美食文谈”后面的热点文字“1”~“附录”的任意一个(如:4)上,鼠标指针变成手形。单击后,网页“美食文谈”就会在新的IE窗口中打开,而在窗口顶端显示的则是对应的正题(如“美食文谈4”)。
【练一练】
  1、根据自己构想的个人网站,为“网页练习”网站设计主页和两个网页。在主页中设置两个热点,分别链接到两个网页。
  2、设计一个长网页(如“唐诗三百首”),为它设计一个分类目录,在每一类上插入一个书签。并将目录与书签链接。
  3、在主页中加入一个链接到自己邮箱的电子邮件超链接。

回上讲 老顽童撰写 下一讲