好文档就是一把金锄头!
欢迎来到金锄头文库![会员中心]
电子文档交易市场
安卓APP | ios版本
电子文档交易市场
安卓APP | ios版本

第十七讲 丰富的超级链接效果.doc

8页
  • 卖家[上传人]:汽***
  • 文档编号:535015659
  • 上传时间:2023-01-27
  • 文档格式:DOC
  • 文档大小:32KB
  • / 8 举报 版权申诉 马上下载
  • 文本预览
  • 下载提示
  • 常见问题
    • 第二十五讲 丰富的超级链接效果 在上一讲中,我们学习了关于链接的基础知识.在本讲中,我们将深入地学习有关链接的知识通过本讲的学习,我们希望达到下面的学习目标: ◆ 使用属性检查器创建链接; ◆ 使用站点地图链接文档; ◆ 使用插入菜单命令创建超级链接; ◆ 创建其它链接; ◆ 插入跳转菜单; ◆ 制作导航条; ◆ 制作图像地图25.1丰富的超级链接效果251 使用属性检查器创建链接 属性检查器和“指向文件”图标可用于创建从图像、对象或文本到其它文档或文件的链接 如果要使用站点根目录相对路径,则首先在 Dreamweaver 中定义一个本地文件夹(定义本地站点)Dreamweaver 用该文件夹来确定文件的站点根目录相对路径 如果要使用属性检查器的文件夹图标或“链接”文本框链接文档,则先在“文档”窗口的“设计"视图中选择文本或图像然后,选择“窗口”>“属性"在打开属性检查器后选择下列操作之一:ü ◇单击“链接”文本框右侧的文件夹图标,以通过“选择文件"对话框浏览选择一个文件在 URL 文本框中显示了被链接的文档的路径使用“选择文件”对话框中的“相对于”弹出菜单,指示该路径是文档相对路径还是根目录相对路径,然后单击“选择”;ü ◇在“链接"文本框中键入文档的路径和文件名。

      如果要链接到站点内的文档,请输入文档相对路径或站点根目录相对路径如果要链接到站点外的文档,请输入包含协议(如 http://)的绝对路径.此种方法可用于输入尚未创建的文件的链接 最后,如果要使所链接的文档出现在当前窗口或框架以外的其它位置,可从属性检查器的“目标”弹出菜单中选择一个选项.“目标”属性有四种:_blank、_parent、_self和_top 如果页面上的所有链接都设置为同一目标,则可以选择“插入”栏的“HTML”类别的“文件头”,然后从下拉菜单中选择“基础”按钮最后选择目标信息来指定该目标,这样只需设置一次即可. 如果使用“指向文件"图标创建从图像、对象或文本到其它文档或文件的链接,则可以依照下列步骤操作: 1. 在“文档”窗口的“设计”视图中选择文本或图像; 2. 拖动属性检查器中“链接”文本框右侧的“指向文件”图标,然后指向另一 个打开的文档、已打开文档中的可见锚记或者指向“文件”面板中的一个文 档; 3. 释放鼠标按钮,“链接”文本框将更新,以显示该链接 如果要从已打开文档中的选定内容创建链接,可以依照下列步骤操作: 1。

      在“文档"窗口中选择要创建链接的对象; 2. 按下Shift 键,从选定内容处开始拖动拖动方法如同使用“指向文件”图 标; 3. 指向其它打开的文档、已打开文档中的可见锚记,或者指向“文件”面板中 的一个文档; 4. 释放鼠标按钮25.1.2 使用站点地图链接文档 可以使用站点地图创建链接创建的链接被放置在所选 HTML 文件的底部,使用户可以在站点中快速创建链接.如果使用站点地图和“指向文件”图标链接文档,可以依照下列步骤操作: 1. 展开“文件”面板,按下“站点地图"图标,再按下“扩展/折叠”按钮, 展开战点地图; 2. 选择“文件和地图",同时显示“站点文件”和“站点地图”视图; 3 在站点地图中选择一个 HTML 文件,在该文件旁边出现“指向文件"图标; 4. 拖动“指向文件”图标,并指向站点地图中另一个文件,或者指向“站点文 件"视图中的某个本地文件; 5. 释放鼠标按钮 如果要在站点地图中链接文档,先显示“站点文件”和“站点地图”视图,然后选择下列操作之一:ü ◇将某个页面从 Windows 资源管理器拖动到站点地图中的某页上;ü ◇在Windows中,在站点地图中选择一个 HTML 页面,然后选择“站点"〉“链接到已有文件”,或者右键单击该文件并从上下文菜单中选择“链接到已有文件”25。

      13 使用插入菜单命令创建超级链接 “超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接如果要使用“超链接"命令添加超链接,先将插入点放在文档中希望出现超链接的位置,然后选择下列操作之一打开“超级链接"对话框ü ◇选择“插入”>“超级链接”;ü ◇在“插入”栏的“常用”类别中,单击“超级链接”按钮 设置“超级链接”对话框选项:ü 1)在“文本”文本框中,输入要在文档中作为超链接显示的文本;ü 2)在“链接”文本框中,输入要链接到的文件的名称,或者单击文件夹图标以通过浏览选择该文件; ü 3)在“目标”弹出菜单中选择一个窗口,在该窗口中,该文件应在“目标”文本框中打开 当前文档中所有已命名框架的名称都显示在此弹出式列表中如果指定的框架不存在,当文档在浏览器中打开时,所链接的页面载入一个新窗口,该窗口使用您所指定的名称也可选用下列保留目标名:_blank、_parent、_self或_top;ü 4)在“标题”文本框中,输入超链接的标题;ü 5)在“访问键”文本框中,输入一个字母的快捷键,以便在浏览器中选择该超链接;ü 6)在“Tab 键索引”文本框中,输入 Tab 键顺序的编号;ü 7)单击“确定”,保存设置。

      案例:25-1 创建命名锚记 访问者有时会希望单击网页上的链接就可以使该网页的特定部分呈现在浏览器的窗口内通过首先创建命名锚记,可使网页上的元素链接到文档的其它的特定部分.锚记可快速将访问者带到指定位置如果要创建带有锚记的链接,首先要创建锚记,然后再创建到该锚记的链接 要创建命名锚记,则依照下列步骤操作: 1. 新建文件“cathtm”; 2 在“cat.htm”中键入二行文字“指向cat”和“cat”,二行文字之间相隔 30行; 3 在“设计"视图中,将插入点放在需要锚记的位置; 4 然后选择下列操作之一,打开“命名锚记”对话框 ü ◇选择“插入”〉“命名锚记”; ü ◇在“插入”栏的“常用"类别中,单击“命名锚记"按钮; ü ◇在 Windows中,按下 Control+Alt+A 3.在“锚记名称"文本框中,键入锚记的名称,并单击“确定”在此,读者 可以命名为“cat”.锚记标记在插入点处出现 链接到命名锚记,则依照下列步骤操作: 1 在“设计”视图中,选择要从其创建链接的文本或图像,在此选择“指向 cat”; 2。

      在属性检查器的“链接”文本框中,键入一个数字符号 (#) 和锚记名称. 在此键入 “#cat”; 3 同时按下“Ctrl+s”键保存文件按“F12”键可以预览效果在网页中单击“指向cat”时,网页 跳转到“cat”所在的位置 使用“插入”菜单可以插入一个电子邮件链接单击电子邮件链接时,该链接打开一个与用户浏览器相关联的邮件程序的邮件窗口.在电子邮件消息窗口中,“收件人”文本框自动更新为显示电子邮件链接中指定的地址. 如果要使用“插入电子邮件链接”命令创建电子邮件链接,先在“设计”视图中,将插入点放在希望出现电子邮件链接的位置,或者选择要作为电子邮件链接出现的文本或图像然后选择下列操作之一,打开“电子邮件链接"对话框ü ◇选择“插入">“电子邮件链接”; ü ◇在“插入”栏的“常用”类别中,单击“插入电子邮件链接”按钮 最后,设置“电子邮件链接”对话框的下列选项:ü 在“文本”文本框中,键入或编辑要在文档中作为电子邮件链接出现的文本在此可以键入“我的电邮”;ü 在“电子邮件”文本框中,键入该邮件将发送到的电子邮件地址.在此,键入“"后,单击“确定”。

      如果要使用属性检查器创建电子邮件链接,先必须在“设计”视图中选择文本或图像,然后在属性检查器的“链接”文本框中,键入“mailto:电子邮件地址”如:mailto:.25.14 创建其它链接 当用户向页面上的对象或文本附加行为时,可能要求创建一个空链接,这个链接并不指向任何具体的文件创建空链接后,可向空链接附加行为,以便当鼠标指针滑过该链接时,交换图像或显示层 用户为了执行 JavaScript 代码或调用 JavaScript 函数,可能需要创建角本链接.单击角本链接,能够在不离开当前网页的情况下为访问者提供其它的信息,或者执行计算、表单验证等其它任务 如果要创建空链接,先必须在“设计"视图中选择文本、图像或对象.然后在属性检查器中,将“#” 或者“javascript:;”键入“链接”文本框 如果要创建脚本链接,先必须在“设计”视图中选择文本、图像或对象.然后在属性检查器的“链接”文本框中,键入 “javascript: JavaScript 代码”. 例如,在“链接”文本框中键入“javascript:alert(’hello!’) ”,可生成这样一个链接:当在浏览器中预览该页面时,单击该链接时,会显示一个含有“hello!”消息的 JavaScript 警告框。

      25.15 插入跳转菜单 跳转菜单是文档中的弹出菜单.通过使用跳转菜单可以创建到整个 Web 站点内文档的链接、到其它 Web 站点上文档的链接、电子邮件链接、到图形的链接,也可以创建到可在浏览器中打开的任何文件类型的链接 跳转菜单可建立 URL 与弹出菜单列表中的选项之间的关联通过从列表中选择一项,用户将被重定向到指定的 URL.跳转菜单在“跳转菜单"表单对象中插入 如果要插入跳转菜单,先将插入点放在“文档”窗口中,然后选择下列操作之一打开“插入跳转菜单"对话框ü ◇选择“插入”〉“表单”>“跳转菜单”;ü ◇在“插入”栏的“表单”类别中单击“跳转菜单”按钮 设置“插入跳转菜单"对话框的下列选项: ü ◇单击加号 (+) 按钮添加一个菜单项再次单击该按钮添加另一个菜单项选定一个菜单项,然后单击减号 (—) 按钮可将其删除;ü ◇选定一个菜单项,然后用箭头键在列表中向上或向下移动此菜单项; ü ◇在“文本”文本框中,为菜单项键入要在菜单列表中显示的文本;ü ◇在“选择时,前往的 URL”域中,单击文件夹图标并通过浏览找到要打开的文件,或者在文本框中键入该文件的路径; ü ◇在“打开 URL 于"弹出菜单中,选择文件的打开位置: ² a)如果选择“主窗口”,则在同一窗口中打开文件; ² b)如果选择“框架",则在所选框架中打开文件。

      如果想要使用的框架未出现在“打开 URL 于"弹出菜单中,请关闭“插入跳转菜单”对话框,然后在文档中命名该框架ü ◇在“菜单名称”文本框中,键入菜单项的名称; ü ◇选择“选项"下的“菜单之后插入前往按钮”,可添加一个“前往"按钮; ü ◇如果要使用菜单选择提示,请选择“选项”下的“更改 URL 后选择第一个项 目"; ü ◇单击“确定”后,页面中就出现了一个跳转菜单 同时按下“Ctrl+s”键保存文件按“F12”键可以预览效果. 如果要编辑跳转菜单项,可更改列表顺序。

      点击阅读更多内容
      关于金锄头网 - 版权申诉 - 免责声明 - 诚邀英才 - 联系我们
      手机版 | 川公网安备 51140202000112号 | 经营许可证(蜀ICP备13022795号)
      ©2008-2016 by Sichuan Goldhoe Inc. All Rights Reserved.