1003-网页设计.pptVIP

上海理工大学计算机基础教研室 建立网页链接 内部链接、外部链接、锚点链接、E-mail等链接的创建方法。 超级链接 超级链接的作用及类型 超链接是文档与文档之间的链接，当单击它时，超链接可指向另外一个页面或文件。链接目标通常是另外一个网页，但也可以是一幅图片、一个电子邮件地址或其他文档。 在浏览器中，超链接通常以带下划线的文本以及特定的颜色区别于网页内的其他内容，当鼠标指向它的时候，会变成手形，单击即可打开超链接。 1 超链接概述 1.1 超链接的类型 内部链接　这种链接的目标端点是本站中的其他文档。利用这种链接，可以跳转到本站点其他的页面上。 外部链接　这种链接的目标端点是本站点之外的站点或文档。利用这种链接，可以跳转到其他的网站上。 1 超链接概述 1.1 超链接的类型 Email链接　单击这种链接，可以启动电子邮件程序书写邮件，并发送到指定的地址。 锚点链接　这种链接的目标端点是文档中的命名锚记，利用这种链接，可以跳转到当前文档中的某一指定位置上，也可以跳转到其他文档中的某一指定位置上。 1 超链接概述 1.2 链接路径 （1）绝对路径：如果在链接中使用完整的URL地址，这种链接路径就称作绝对路径。路径同链接的源端点无关。 （2）文档相对路径：是指以当前文档所在位置为起点到被链接文档经由的路径，如“index.aspx”、“dobbs/index.aspx”、“../dobbs/index.aspx” （3）站点根目录相对路径：是指所有路径都开始于当前站点的根目录，以“/”开始，“/”表示站点根文件夹，如“/dobbs/index.aspx” 有三种类型的链接路径： 1、? 绝对地址 绝对路径由http://、ftp://等开始的，它不仅提供所链接文档的完整 URL，而且包括所使用的协议（如对于 Web服务为http://，FTP服务为ftp://）。 注意： 尽管对本地链接（即到同一站点内文档的链接）也可使用绝对路径链接，但不建议采用这种方式，因为一旦将此站点移动到其它服务器，则所有本地绝对路径链接都将断开。 本地链接使用相对路径，能在需要在站点内移动文件时，提供更大的灵活性。 2、相对地址 相对地址是由文件名及其扩展名组成的，并且假设URL指向位于同一台WEB服务器上的文件。 例如，假设一个站点的结构如下图所示： 创建从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 文件，在这种情况下，站点根目录相对路径通常是指定链接的最佳方法。移动含有根目录相对链接的文档时，不需要更改这些链接 。 1 超链接概述 1.3　创建超链接 在文档窗口中选中想作为链接的文本或图片 在属性面板链接一项的空白处填入链接的路径，或者单击图标，在弹出的【选择文件】对话框中，选定要链接的文档及采用哪种方式表达路径。 链接的对象可以是多样的，如图片文件，电子表格，或者某个网站。 2 编织网站链接 为实现网页的跳转，将创建： 到网站内页面的超链接――内部链接； 到网站外页面的超链接――外部链接； 电子邮件形式的超链接――E-mail链接； 到网页某一特定位置的超链接――锚点链接； 以及其他一些链接。 2 编织网站链接 2.1 实现步骤 一、准备网页内容 步骤1　选中站点；