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教程:版式设计

    Dreamweaver教程:版式设计,横排,导航栏,二行,教程,结构,常见,站点,Dreamweaver教程:版式设计 设计精美的网站,都

    Dreamweaver教程:建站初步(1)

    Dreamweaver教程:建站初步(1),教程,选择,输入,建站,站点,命名,空间,Dreamweaver教程:建站初步(1) 建立一个网

    Dreamweaver教程:使用锚

    Dreamweaver教程:使用锚,教程,文本,命名,文档,链接,文件,目标,Dreamweaver教程:使用锚 简明步骤:选中文本→在目标文档中插入锚标

    Dreamweaver教程:使用空链接

    Dreamweaver教程:使用空链接,链接,教程,属性,对象,文档,输入,附加,Dreamweaver教程:使用空链接 使用空链接可以为页面上的对象或文本附加

    Dreamweaver教程:最基本的CSS(2)

    Dreamweaver教程:最基本的CSS(2),教程,列表,执行,字体,宋体,方正,访问者,Dreamweaver教程:最基本的CSS(2) 第二部分:编辑字体列表。 1.单

    dreamweaver CSS使用教程:区块属性

    dreamweaver CSS使用教程:区块属性,属性,设置,文本,使用教程,显示,对齐,支持,dreamweaver CSS使用教程:区块属性 区 块 属 性 【定义

    dreamweaver CSS使用教程:定位属性

    dreamweaver CSS使用教程:定位属性,定位,属性,设置,显示,使用教程,滚动条,浏览器,dreamweaver CSS使用教程:定位属性 定 位 属 性  【

    dreamweaver CSS使用教程:GLOW属性

    dreamweaver CSS使用教程:GLOW属性,属性,使用教程,参数,选择,滤镜,对象,无效,dreamweaver CSS使用教程:GLOW属性 【glow属性】对象应用gl

    Fireworks教程:对象的对齐

    Fireworks教程:对象的对齐,对齐,对象,教程,工具,选择,左对齐,组合, Fireworks教程:对象的对齐 选中多个对象后,使用“修改—对齐”下的各

    Fireworks教程:蒙版效果

    Fireworks教程:蒙版效果,修改,位图,图形,教程,对象,命令,删除,Fireworks教程:蒙版效果 蒙版又称为遮罩,是一种由最上层对象为下层对象提供

    Fireworks教程:使用与导入滤镜

    Fireworks教程:使用与导入滤镜,导入,滤镜,设置,窗口,教程,支持,插件,Fireworks教程:使用与导入滤镜 使用滤镜:在Fireworks中支持使用特效