第5章创建超级链接(免费阅读).pptVIP

第5课 创建超级链接 课堂讲解 上机实战 课堂讲解 超级链接概念 超级链接分类 创建文本超级链接 创建锚链接 创建空链接 创建电子邮件超级链接 创建图像超级链接 创建下载超链接 创建导航条 超级链接概念 超级链接是指页面对象之间的链接关系，它网页的灵魂，能合理、协调地把网站中的各个元素、页面通过超级链接构成了一个有机整体，使浏览者能快速地访问到想要访问的页面。 超级链接分类 绝对超级链接 文档相对路径 站点根目录相对路径 绝对超级链接 绝对超级链接就是形如“http://www.china/zh_cn”的超级链接地址，它给出了超级链接目标端点完整的URL地址，包括使用的协议“http://”。一般用于创建站外具有固定地址的超级链接。 文档相对路径 使用文档相对路径不需要给出完整的URL地址，可省去URL地址的协议，只需保留不同的部分。如pic/logo.gif，这是本地站点超级链接中最常用的链接形式。由于相对超级链接的文件之间相互关系并没有发生变化，因此使用文档相对路径创建的超级链接在上传时可以不用更新各个超级链接。 站点根目录相对路径 站点根目录相对路径是形如“/help/help.html”的超级链接地址，它基于站点根目录，在同一个站点中网页的超级链接也可采用这种方法。 创建文本超级链接 文本超级链接是最常见的超级链接，通过使用鼠标点击文本即可从一个网页跳转到另一个网页。 2、创建文字链接 （1）选中文本 （2）打开属性面板，在【链接】文本框里输入链接地址，或指向文件。 （3）保存后按F12预览，当鼠标点击文本时会直接链接到刚才输入的网站。 创建锚链接 创建命名锚记 链接命名锚记 创建命名锚记 在制作网页时，为了达到跳转到网页固定位置的目的，可以使用锚链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。 链接命名锚记 创建好锚记之后，必须创建对应的超级链接源端点。 创建锚记链接： （1）复制一篇文章，在顶部将大纲列出1….. 2…… 3…… （2）将光标放到每一段前依次添加锚记点，英文命名 （3）选中大纲1…….，在属性面板下【链接】中输入“#英文名” （5）重复操作，保存F12浏览 创建空链接 要想对文本设置行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。 为文本建立空超级链接时，只要先在文档窗口中选中需要建立空超级链接的文本，然后在属性面板的“链接”文本框中输入一个“#”符号即可。建立空超级链接的目的只是为了应用行为，其他情况下不必建立。 1、创建空链接 有时制作网页只是为了测试一下页面，这时我们就需要使用空链接。 （1）选中要创建空链接的对象，打开属性面板 （2）在【链接】文本框里输入“#”号 （3）保存，F12键浏览，当光标指向链接对象时，光标会 变为小手的形状，这就创建了空链接 创建电子邮件超级链接 电子邮件在网络应用中十分广泛，在网页中建立电子邮件超级链接可方便网页浏览者与设计者之间的联系。 创建电子邮件链接 与其他链接的区别是，电子邮件链接并不是移动到特定的站点或网页文档，而是直接调用了可发送邮件的程序 创建电子邮件链接 （1）将光标放在需要插入邮件地址的位置 （2）执行【插入】--【电子邮件链接】，打开对话框 （3）在【文本】中输入电子邮件链接要显示在页面上的文本，在【E-mail】中输入要链接的邮箱地址 创建图像超级链接 为一般图像创建超级链接 创建图像热点超级链接 为一般图像创建超级链接 3、创建图像链接 创建图像链接可以单击图像跳转到相关的浏览页面，是网页设计者常用的一种链接方式。 （1）在文档中插入一幅图像 （2）选择该图像，打开属性面板 （3）在【链接】文本框中输入链接地址或指向文件。 （4）保存并浏览 创建图像热点超级链接 要在一幅比较大的图片中添加许多超级链接时，应该将图片化整为零，分割成较小的图片，然后分别为这些小图像上建立超级链接来达到目的，但这时整幅图片就不能对齐，利用Dreamweaver 8的图像热