5超连接.ppt.ppt

第 五课 创建超级链接 课前导读 基础知识 重点知识 了解知识 课堂讲解 超级链接的概念 超级链接的种类及创建方法 创建超级链接的技巧 创建图像链接 创建导航条 超级链接的概念 超级链接是页面对象之间的链接关系，是网页的灵魂，它合理、协调地把网站中的每个页面通过链接构成一个有机整体，使浏览者能快速地访问到他想要访问的页面。 超级链接可以是一段文本、一幅图像或者其他的网页元素。当浏览者在浏览器中用鼠标单击建立了超级链接的对象时，浏览器会根据链接设置载入一个新页面或跳转到指定的页面。 超级链接由源端点和目标端点两个部分组成。超级链接中有链接的一端称为链接的源端点，跳转到的页面称为链接的目标端点。 超级链接的种类及创建方法 文本链接 锚链接 空链接 E_Mail链接 网页中的超级链接根据链接路径的不同可分为3种类型： 文本链接 文本链接是最常见的链接，利用该链接可以从一个网页跳转到另一个网页。 锚链接 创建命名锚记 链接命名锚记 利用命名锚记可以在网页中指定的位置上创建链接的目标端点。通过对网页中指定位置的命名，利用链接打开目标网页时直接跳转到相应的命名位置上。使用命名锚记，不仅可以跳转到其他网页中的指定位置，还可以跳转到当前网页中的指定位置。 锚链接的创建分为两部分，首先要创建命名锚记，然后再创建链接。 创建命名锚记 创建命名锚记的方法是将光标定位到要创建命名锚记的位置，或选中要指定命名锚记的文本。在插入栏的“常用”选项卡中单击 按钮，打开“命名锚记”对话框，在“锚记名称”文本框中输入锚的名称。单击 按钮，命名锚记的网页文本旁边即出现一个锚记。锚记可以像普通文本一样在网页中移动。 链接命名锚记 要链接到网页中的锚记，必须创建对应的链接源端点。 链接命名锚记的方法是：选中要作为链接的文字，在属性面板的“链接”文本框中输入锚记名称及相应的前缀即可。 若链接的目标命名锚记位于当前网页，则可以在属性面板的“链接”文本框中输入一个“#”符号，然后输入链接的锚记名称。 如果要链接的目标锚记位于其他网页中，则需要先输入该网页的URL地址和名称，然后输入“#”符号，再输入锚名称。 空链接 空链接是一个未指派目标的链接，Dreamweaver MX 2004的行为面板中罗列了许多行为，这些行为相当于使用JavaScript编写的程序或者函数，要想对文本设置行为，必须首先为文本建立空链接，这样行为才会有效（具体内容将在第13课详细介绍）。 为文本建立空链接时，只要先在文档窗口选中需要建立空链接的文本，然后在属性面板的“链接”文本框中输入一个“＃”符号就行了。建立空链接的目的是为了应用行为，其他情况下不必建立。 创建超级链接的技巧 在网页中合理地进行链接是非常重要的一环，采用什么样的链接结构直接影响到版面的布局。例如网页的导航条放在什么位置，是否每页都需要放置，是否需要加入返回首页的链接等。在链接结构确定后，再开始考虑链接的效果和形式，是采用跳转菜单，还是采用DHTML动态菜单等。下面给大家一些设计链接的建议： 创建图像链接 图像的一般链接 图像热点链接 除了对文本进行链接设置外，还可为图像加入链接，图像的链接包括一般链接和热点链接。 图像热点链接 在图像的一般链接中，一个对象只能创建一个链接，但在网页设计时一个网页中可能只有一个图像（如将整个网页做成一幅图像），但又要在该图像上添加多个链接，若单一地使用前面所讲的链接方法则只能链接到一个目标。为了解决这一矛盾，在Dreamweaver MX 2004中提供热点进行链接。利用热点工具可将一个图像划分为多个热点作为链接点，再单独对每个热点添加相应的链接图像热点链接。 创建导航条 插入导航条 编辑导航条 导航条由图像或图像组组成，这些图像的显示内容随用户操作不同而进行相应的变化。导航条为访问者浏览不同网页提供了一条捷径。制作时可以复制导航条，可以对导航条附加行为以应用于不同的网页。一个网页中只允许有一个导航条。导航条元件有4种状态： 插入导航条 在插入导航条前，应先准备好需要的导航条图像。 编辑导航条 导航条插入到网页中后，如果觉得不满意，可以重新进行编辑。 上机实战 左侧导航图像链接的创建 右侧主要内容区文本及图像热点链接的创建 底部版权信息区E-Mail链接的创建 本课上机实战主要练习文本超级链接的创建、图像链接的创建、图像热点的创建，本上机实战没有练习到的内容，如锚链接和导航条的制作等，读者可参考课堂讲解中的相关知识自