动网论坛,站长建站首选,国内使用量最多的论坛软件 动网论坛官方技术讨论区 站长工具 申请属于您自己的免费论坛
首页 | 新闻资讯 | 网站运营 | 网络编程 | 数据库 | 服务器 | 网页设计 | 图像媒体 | 网络应用 | 搜索优化 | 资源下载 | 动网主机 | DVBOX
    本站内  互联网 ASP论坛  ASP.Net论坛  PHP论坛
   网页设计 → 阅读文章

 FrontPage10全透视教程(9)

作者:风未起时 来源:中国站长学院 
阅读 1562 人次 , 2006-2-15 14:48:00 

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信息.

  
 本文Tagsfrontpage  
 收藏本文  打印本文  论坛讨论  关闭窗口
· 上一篇:FrontPage10全透视教程(8)
· 下一篇:FrontPage10全透视教程(10)
· Dreamweaver MX2004视频宝典教程(2) 网站与网页的概述
· Dreamweaver临时文件的工作方式
· DW MX 的快键一览表
· 用FrontPage在一张图片上制作多个超级链接
· 动态网页技术介绍—ASP、JSP、CGI、PHP


关于本站 | 联系我们 | 业务合作 | 客户案例 | 诚聘英才 | 广告合作 | 收藏本站
海口动网先锋网络科技有限公司版权所有
Copyright © 2000 - 2006 Cndw.Com
中华人民共和国电信与信息服务业务经营许可证编号 琼 ICP 020077