当前位置:首页 / 网页制作 / Frontpage教程 / FrontPage10(XP)全透视教程(9)分享
FrontPage10(XP)全透视教程(9)分享
芯晴素材特效 分类:Frontpage教程 发布日期:2018-04-18

5>网页链接详述

制作网页,当然少不了超级链接(Hypersnap)这东西了.为了大家能够更全面的的了解Link的使用,这里从两个不同的角度来介绍.

1,绝对链接和相对链接

首先,在链接的制作过程中有绝对链接和相对链接之分.默认情况下在Frontpage10中"Insert hypersnap"窗口会自动跳转到网站的根目录位置.由此进入的目标链接均是相对连接形式.相反超出根目录以外通过"浏览"方式定制的都是绝对连接.

在应用上,相对连接有着极大的优势.比如你可以任意的将网站文件或文件夹移动到其他位置.这时其间的链接关系不会被破坏.如果使用绝对链接的话,问题可就大了.可能会出现诸如链接目标不正确,插入图片不能正常显示等等.

从上面可以看出,如何标定相对或绝对的区别,完全是由Frontpage程序本身实现的.

2,内部链接和外部链接

所谓的内部链接即指向网站以内文件的链接.同理,外部链接也就是目标地址在网站以外的形式.

相对前面而言,内部链接需要考虑绝对或相对之分.而外部链接由于本身已经超出了网站文件的范围,所以不必考虑这方面的限制.下面分别具体的加以介绍.

1)内部链接

内部链接在功能上又可分成普通形式和书签形式,其中书签(BOOKMARK)主要是实现同一网页中不同位置的跳转来设计的.

选中需要建立链接的文本对象,"Insert"-"Hypersnap"或使用快捷键CTRL+K,随后的"Insert hypersnap"窗口如图.

frontpagexp127.gif (10368 bytes)

相对以前的版本,Frontpage10的链接窗口应该说给了设计者更多的选择余地.

默认情况下,它会自动切换到当前网站的根目录位置,其中"Link to"显示栏里提供了四种不同的定位方式.

"Existing file or web page":在当前网站中选择已经创建的文件或网页文件

"Place in This document":目标为当前操作网页中的某个位置,即上面所说的标签形式.选中以后在右边的窗口中将以列表的方式显示所有"书签对象".

"Create new document":建立一个新文件作为链接地址.如图

frontpagexp128.gif (1886 bytes)

单击"change"按钮改变新文件的保存目录,如果你现在并不打算编辑它的话,同时选中左下的"Edit the new document later"复选框.

"E-mail Address":用来创建外部电子邮件链接的.在后面具体介绍.

其中链接窗口"Text to delay"里即我们前面选中的文本对象.注意一下在与此平行的位置还有一个"ScreenTip"的按钮.它所实现的功能等同于在源代码里为链接添加了"Title"属性,即鼠标停留在上面时的提示文本信息.单击如图

frontpagexp129.gif (2305 bytes)
frontpagexp130.gif (1053 bytes)

单击"Target frame"按钮更改链接打开的目标窗口,如图

frontpagexp131.gif (4172 bytes)

在"Common tergets"列表里提供了5个不同的选项,其中"Same frame"及"Page default"均是在当前窗口中以覆盖的形式打开.选择"New window"可以以新窗口浏览.

另外考虑到大家记忆诸多网址的不便,在Frontpage10中实现了"Address"列表与IE浏览器地址栏内容的一致,单击"链接"对话框里"Address"下拉框,你能够看到所有地址栏里的URL信息.

版权信息:本站所有资源仅供学习与参考,请勿用于商业用途,如有侵犯您的版权,请及时联系821794221#qq.com(#换@),我们将尽快处理。

您可能在找这些

  • 内容标签:

热门素材

jQ带日期区间日期选择插件

2017-03-14   浏览:392

内容倾斜幻灯片Tilted Items

2017-02-27   浏览:460

回到顶端插件ScrollUp

2017-03-18   浏览:374

html5仿手机QQ拆红包游戏网页下载

2017-03-13   浏览:491

跟随鼠标的幻影文字效果

2013-01-08   浏览:9057

css3高版本浏览器下垂直文字放大镜效

2017-03-09   浏览:165

网易时尚图片循环特效

2017-03-09   浏览:193

CSS3鼠标滑过渐变颜色旋转图标特效

2017-03-09   浏览:309

jQuery图片新闻组图幻灯切换网页下载

2017-03-13   浏览:368

jq hover鼠标滑过动画导航条

2017-03-17   浏览:479

强制打开QQ聊天窗口的代码

2013-01-03   浏览:8432

跟随鼠标的JS时钟

2012-12-31   浏览:8182