1003-网页设计课件.ppt

上海理工大学计算机基础教研室;建立网页链接;*/69;*/69; 超级链接 ;*/69;*/69;*/69;1 超链接概述 ;1 超链接概述 ;1 超链接概述 ;有三种类型的链接路径： 1、? 绝对地址 绝对路径由http://、ftp://等开始的，它不仅提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web服务为http://，FTP服务为ftp://）。 注意： 尽管对本地链接（即到同一站点内文档的链接）也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它服务器，则所有本地绝对路径链接都将断开。 本地链接使用相对路径，能在需要在站点内移动文件时，提供更大的灵活性。 ;2、相对地址 相对地址是由文件名及其扩展名组成的，并且假设URL指向位于同一台WEB服务器上的文件。 例如，假设一个站点的结构如下图所示： ;*/69;创建从booklist1.htm到其它文件的链接： （1）要从 booklist1.htm 链接到booklist2.htm （两个文件在同一文件夹中），文件名就是相对路径：booklist2.htm或 ./booklist2.htm。其中./ 表示在同一文件夹中。 （2） 若要链接到 book1.htm（在名为 book1 的子文件夹中），可使用相对路径 book1/book1.htm。。 ;?(3) 若要链接到 index.html （在父文件夹中，booklist1.htm 向上一级），可使用相对路径../index.htm。每个 ../ 表示在文件夹层次结构中上移一级。 (4) 若要链接到 picture1.htm（在父文件夹的其它子文件夹中），可使用相对路径../mypictures/picture1.htm。其中 ../ 向上移至父文件夹； mypictures/ 向下移至 mypictures子文件夹中。 ;???? 3、站点根目录相对路径 站点根目录相对路径以一个正斜杠(/)开始，该正斜杠表示站点根文件夹。例如， /mybooks/ booklist1.htm 是文件 (booklist1.htm) 的站点根目录相对路径，该文件位于站点根文件夹的 mybooks子文件夹中。 在某些 Web 站点中，需要经常在不同文件夹之间移动 HTML 文件，在这种情况下，站点根目录相对路径通常是指定链接的最佳方法。移动含有根目录相对链接的文档时，不需要更改这些链接 。 ;*/69;1 超链接概述 ;2 编织网站链接;2 编织网站链接;1、创建内部链接 　　－－网站内部页面之间创建相互链接关系 步骤1　选中页面中的文字或图像，在属性面板中单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件 步骤2　从“目标”下拉菜单中，选择文档的打开位置。 _blank :新打开的空窗口 _parent：如果是嵌套的框架，则在父框架中打开。 _self：会在当前网页所在的窗口或框架中打开。 _top：会在完整的浏览器窗口中打开。;链接目标;文本超级链接;对于文本超级链接，还可以通过【页面属性】对话框设置不同状态下的文本颜色以及下划线样式等。 ;图像超级链接;2、创建外部链接 　　－－创建链接到绝对地址的外部链接 选中文字或图像之后，直接在属性面板的“链接”文本框中输入外部的链接地址，如 然后在“目标”下拉菜单中设置这个链接的目标窗口。;3、创建E－mail链接 　　－－当浏览者单击电子邮件链接时，可即时打开浏览器默认的电子邮件程序处理程序。 　方法： 选中文本和图像 插入栏｜常用｜电子邮件链接｜输入邮件地址 或在属性面板的链接栏中直接输入 　　　　　mailto:邮件地址;电子邮件超级链接;4、锚点链接 　　－－是指同一个页面中的不同位置链接。 分为两步： 创建命名锚记，就是在文档中设置位置标记，并给该位置一个名称，以便引用。 创建到命名锚记的链接;创建命名锚记 将光标定位在要设置标记的位置， 插入栏｜命名锚记｜输入锚记名称（注意：区分大小写） 创建到命名锚记的链接 选择要创建链接的文本或图像 在属性面板的链接文本框中，键入＃号和锚记名称 或在浏览对话框中，选中要链接的文件后加＃和锚记名称。; 锚记超级链接;5、创建其他类型的链接 （1）创建下载链接 当被链接的文件是exe文件或zip文件等浏览器不支持的类型时，这些文件会被下载，这就是网上下载的方法。 链接到下载文件的方法，和链接到网页的方法完全一样。;5、创建其他类型的链接 （2）、创建空链接 空链接用来激活页面中的对象或文本。当文本或对象被激活后，可以为之添加行为。 方法：选中要制作空链接的对象，在链接文本框中直接输入＃。 在一般站点首页的导航栏中的首页链接，就可以是一个空