第5章超级链接的.pptVIP

第5章超级链接;内容目标: 1.熟记超级链接定义和目标选项的含义 2.了解超级链接的路径 3.熟练掌握超级链接的3种创建方法 4.了解超级链接的分类 5.学会用不同的方法创建各种类型的超级链接。 6.熟练掌握超级链接的结构;能力目标： （1）通过演示、分析教学激发学生的学习兴趣，提高学生分析问题、解决问题的实际能力，达到轻松学习、自主学习的目的。 （2）通过同步的上机操作，充分发挥学生的设计能力和创新能力。 教学重点 1.超级链接定义和目标选项的含义 2.超级链接的3种创建方法 3.各种类型的超级链接的创建方法 4.超级链接的结构 教学难点 超级链接的路径;5.1超级链接基础;5.1超级链接基础;5.1超级链接基础;3：创建一个完整的超级链接必须考虑的4个方面： ①链接的载体 ②链接的目标 ③链接的路径 ④链接目标的打开方式 ;5.2超级链接的路径;1.绝对路径 绝对路径：提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web 页，通常使用 http://） ，创建外部链接时必须使用的路径。同一站点内文档的链接也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它域，则所有本地绝对路径链接都将断开。;2.文档相对路径：指以当前文档所在的位置为起点到链接文档经由的路径，把当前文档与处在同一文件夹中的另一文档，或同一网站下不同文件夹中的文档相互链接时，就可以使用文档相对路径。 其的基本思想是省略掉对于当前文档和所链接的文档都相同的绝对 URL 部分，而只提供不同的路径部分。文档相对路径对于大多数 Web 站点的本地链接(内部链接)来说，是最适用的路径。 ;5.2超级链接的路径;3.站点根目录相对路径站点根目录相对路径是指从站点跟文件夹到被链接文档经由的路径；以一个正斜杠开始，该正斜杠表示站点根文件夹。 它制定网站内文档链接的最好方法。在处理使用多个服务器的大型 Web 站点，或者在使用承载有多个不同站点的服务器时，可能需要使用这些类型的路径；若不熟悉此类型的路径，最好坚持使用文档相对路径。 ;5.3超级链接的分类;5.3超级链接的分类;２.按照使用对象的不同，网页中的链接又可以分为以下几种：文本超链接、图像超链接、电子邮件链接、锚点链接、软件下载链接、多媒体文件链接、空链接、脚本链接等。;5.3超级链接的分类;5.3超级链接的分类;5.3超级链接的分类;5.3超级链接的分类;5.3超级链接的分类;5.3超级链接的分类;5.4超级链接的创建方法;5.4超级链接的创建方法;5.4超级链接的创建方法;其它创建超级链接的方法： 直接插入代码法 快捷快拖动法 站点地图创建超级链接 这两种方法不再详细讲解了，请参阅所链接的相关视频。;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建;5.5几种特殊的超级链接的创建; 6.创建脚本链接 （1）创建弹出对话框的脚本链接，具体操作： 在“文档”窗口的“设计”视图中选择文本、图像或对象。 在属性检查器的“链接”文本框中，键入“ javascript：”，后面跟一些 JavaScript 代码或函数调用。例如，在“链接”文本框中键入 javascript:alert(‘This link goes to the index’) 即生成这样一个链接。 ;单击该链接时，会显示一个含有“This link goes to the index”消息的 JavaScript 警告框。 消息的具体内容也可以是中文。 【注】：因为在 HTML 中 JavaScript 代码作为 href 属性的值放在双引号中，所以在脚本代码中必须使用英文的单引号。 （2）创建收藏网站的脚本链接 javascript:window.external.addfavorite(‘’,‘搜狐主页’)，其中第一个参数是网址，第二个参数是显示在收藏夹中的饿菜单项。 （3）关闭网页窗口的脚本链接： Javascript:window.close();5.6网站的链接结构;5.6网站的链接结构;2.星状链接结构，类似网络服务器的链接。优点：随时可以到达浏览者喜欢的页面。缺点：链接太多、容易使浏览者迷路.;总结：上述用法都不好，实际中最好将二者结合起来使用。用如下的结构：;　本节总结 要合理设置页面的链接 ，尤其是导航链接，使网站中所有的页面相通。在设置各个页面的链接时，