Dreamweaver教程: 创建导航链接
Dreamweaver教程: 创建导航链接
指向文档,图象,多媒体文件或可下载软件的超文本链接称作超级链接, 我们可以为文档内任何地方的任何文本或图象创建链接,包括在标题,列表,表格,层或框架中的任何文本或图象。
超级链接的作用是,可以把一个网站的网页连接起来,点击链接时从一个网页跳转到另一个网页,或者跳转到页面指定的位置。
本文主要内容:各种链接的功能和实现方法。
1 导航链接:实现站点内文档的链接。方法一,使用属性检查器;方法二,指向文件图标链接文档;方法三,使用拖放创建链接。相关内容:在链接时使用的路径;目标文件的打开方式。
2 链接到文档中的指定位置,使用锚;
3 空链接:是一个无指向的链接。使用空链接可以为页面上的对象或文本附加行为。
4 创建javascript脚本链接:用于执行JavaScript代码或者调用JavaScript函数,这样可以让来访者不用离开当前Web页面就可以得到关于一个项目的其他信息。当来访者点击某指定项目时,脚本链接也可以用于执行计算,表单确认和其他处理任务。
5 创建电子邮件链接
6 链接到站点中的文档或者其它站点,可以使用跳转菜单,跳转菜单是文档中的一种来访者可以看见的弹出式菜单,其中列出了链接的文档或文件。
7 给链接增加提示,给链接增加快捷键。
◇使用指向文件图标链接文档:选中图像,将“属性”检查器的“链接”域右边的“指向文件”图标拖动到站点窗口的文档中。这种方法方便快捷,推荐使用。示例中指向一个文件夹,如果发布到网上后,自动会打开这个文件夹下的默认首页文件index.htm。
◇使用属性检查器:选中示例中的图像,也可以是文字,点击属性面板中的“浏览文件”图标。
◇选中一个文件。会出现一个文件相对于“文档”,“站点根目录的选择”。文档相对路径是最适合用于本地链接的路径类型,适合绝大多数Web站点,推荐使用。
◇根相对路径:如果在一个使用多台服务器的大型Web站点或一台服务器上有多个站点的情况下工作,可能需要使用这种类型的路径。很少用到这种路径。如果没有服务器的控制权限,不要使用这种方式!
◇绝对路径:完整的URL,称作绝对路径。例如在链接域输入http://vip.5dmedia.com/fuguotao
◇从打开文档的选取中创建链接:选中文字,按Shift键,拖动出现“指向文件”图标,把“指向文件”图标拖向目标文件,就会建立链接。
◇选择被链接文档要打开的位置:
若要使被链接文档不出现在当前窗口或框架中,从属性面板的“目标”弹出式菜单选取一个选项。
_blank 在新的未命名的浏览器窗口中加载链接文档。
_parent 在父框架页或包含该链接的框架窗口中加载链接文档。如果包含链接的框架不是嵌套的,则链接文档将加载到整个浏览器窗口中。
_self 将链接文档加载到与链接相同的框架或窗口中,该目标是默认值,所以通常您不需要指定它。
_top 将在整个浏览器窗口中加载链接文件,同时移除所有框架。
一个网站中,第一级链接或者导航链接选择_self,第二级链接和友情链接选择_blank。
相关内容
-
Dreamweaver CC教程:更改窗口大小弹出菜单中列出
Dreamweaver CC教程:更改窗口大小弹出菜单中列出的值,窗口大小...
-
Dreamweaver CC教程:在收藏夹添加、删除或管理项
Dreamweaver CC教程:在收藏夹添加、删除或管理项目,收藏夹,删...
-
Dreamweaver CC教程:在多用户系统中自定义
Dreamweaver CC教程:在多用户系统中自定义,自定义,多用户系统,...
-
Dreamweaver教程:版式设计
Dreamweaver教程:版式设计,横排,导航栏,二行,教程,结构,常见,...
-
Dreamweaver教程:建站初步(1)
Dreamweaver教程:建站初步(1),教程,选择,输入,建站,站点,命名...
-
Dreamweaver教程:使用锚
Dreamweaver教程:使用锚,教程,文本,命名,文档,链接,文件,目标...
-
Dreamweaver教程:使用空链接
Dreamweaver教程:使用空链接,链接,教程,属性,对象,文档,输入,...
-
Dreamweaver教程:最基本的CSS(2)
Dreamweaver教程:最基本的CSS(2),教程,列表,执行,字体,宋体,...
-
Dreamweaver教程: 定义CSS样式链接状态(1)
Dreamweaver教程: 定义CSS样式链接状态(1),链接,状态,鼠标,下...
-
dreamweaver CSS使用教程:区块属性
dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,...
-
dreamweaver CSS使用教程:定位属性
dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用...
-
dreamweaver CSS使用教程:GLOW属性
dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,...
-
Fireworks教程:对象的对齐
Fireworks教程:对象的对齐,对齐,对象,教程,工具,选择,左对齐,...
-
Fireworks教程:蒙版效果
Fireworks教程:蒙版效果,修改,位图,图形,教程,对象,命令,删除...
-
Fireworks教程:使用与导入滤镜
Fireworks教程:使用与导入滤镜,导入,滤镜,设置,窗口,教程,支...