第5章 设计超链接和导航菜单 网页设计课件

  • 格式:ppt
  • 大小:2.71 MB
  • 文档页数:23

下载文档原格式

  / 23
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

5.2.6 使用源代码
在【代码】视图下可以直接输入HTML代码定义超链接。 使用<a>标记,结合href属性创建文本链接,例如: <a href="http://www.sohu.com/ target="_blank">文本链接</a>
5.3 使用超链接
5.3.1 实战演练:创建锚点链接
锚点链接是指链接到同一页面中的不同位置的链接。例如,在一个很长 的页面,在页面的底部设置一个锚点,单击后可以跳转到页面顶部,这 样避免了上下滚动的麻烦。另外,在页面内容的标题上设置锚点,然后 在页面顶部设置锚点的链接,这样就可以通过链接快速地浏览具体内容 。
5.4 创建图像地图
图像地图也称为图像热点区域,即指定图像内部某个区域为热点,当单 击该热点区域时,会触发超链接,并跳转到其他网页或网页的某个位置 。图像地图是一种特殊的超链接形式,常用来在图像中设置局部区域导 航。
End Thank you
5.2 定义超链接的方法
5.2.1 使用属性面板
选中要定义超链接的文字或图像,在属性面板的【链接】文本框中输入 要链接文件的路径和文件名。
5.2.2 使用指向文件图标
拖动鼠标时会出现一条带箭头的细线,指示要拖动的位置,指向文件后 只需释放鼠标,即会自动生成链接。
5.2.3 使用【超级链接】对话框
5.3.5 实战演练:创建下载链接
当被链接的文件不被浏览器解析时,如二进制文件、压缩文件等,便被 浏览器直接下载,到本地计算机中。
5.3.6 实战演练:创建双链接或多重链接
双链接就是在一个超链接中包含两个指定路径,同理多重链接是在一个 超链接中包含多个指定路径。双链接和多重链接在某些时候有特殊的用 处。双链接常用来实现链接时两个框架页面内的内容都改变,多重链接 并不常用,它使一个链接元素链接多个文档。
Hale Waihona Puke Baidu
5.3.2 实战演练:创建E-Mail链接
E-Mail就是邮箱地址的英文简称,定义超链接地址为邮箱地址即为EMail链接。通过E-Mail链接可以为用户提供方便的反馈与交流机会。当 浏览者单击邮件链接时,会自动打开客户端浏览器默认的电子邮件处理 程序(如Outlook Express,当然在使用该软件前应该设置好邮件账户) ,收件人邮件地址被电子邮件链接中指定的地址自动更新,浏览者不用 手工输入。
第5章 设计超链接和 导航菜单
学习要点
•熟悉路径以及URL表示方法 •在网页中插入超链接。 •设置热点地图。 •设计导航菜单。
5.1 超链接概述
5.1.3 根路径
根路径是指从站点根文件夹到被链接文件经由的路径。根路径由前斜杠 开头,它代表站点根文件夹。例如,/news/beijing2005.html就是站点根 文件夹下的news子文件夹中的一个文件(beijing2005.html)的根相对路 径。在网站内链接文件时一般使用根路径的方法,因为在移动一个包含 根相对链接的文件时,无需对原有的链接进行修改。
5.3.3 实战演练:创建脚本链接
脚本链接是一种特殊类型的链接,通过单击带有脚本链接的文本或对象 ,可以执行脚本代码(如JavaScript或VBScript脚本代码等),利用这种 特殊的方法可以实现各种特殊的功能,如使用脚本链接进行确认或验证 表单等。
5.3.4 实战演练:创建空链接
空链接就是没有指定路径的链接。利用空链接可以激活文档中链接文本 或对象。一旦对象或文本被激活,则可以为之添加行为,以实现当鼠标 移动到链接上时进行切换图像或显示分层等动作。有些客户端动作,需 要由超链接来调用,这时就需要用到空链接。
选择【插入】|【超级链接】命令,打开【超级链接】对话框。
5.2.4 使用快捷菜单
右键单击选中的文字或图像,在打开的快捷菜单中选择【创建链接】命 令,打开【选择文件】对话框,即可定义超链接。
5.2.5 鼠标拖动
按住Shift键,在选定的文本上拖动鼠标指针,在拖动时会出现指向文件 图标。拖动鼠标到文件中的锚点或者【文件】面板中另一个文件,最后 释放鼠标即可。