《网站建设与网页制作教学课件 姚翠友 07 第七章》由会员分享，可在线阅读，更多相关《网站建设与网页制作教学课件 姚翠友 07 第七章（12页珍藏版）》请在金锄头文库上搜索。
1、网站建设与网页设计,第七章 超链接,说明：本章节中的具体操作步骤参见书籍的对应章节。,第七章 超链接,7.1 认识超链接,WWW是由千千万万个网站组成的，而网站是由许多网页组成的，网页之间通常又是通过超链接方式相互建立关联的，所以超链接是Web的灵魂。超链接的应用广泛，利用它不仅可以链接到其他网页，还可以链接到网页元素等。 超链接是网页中最重要的元素。在Dreamweaver CS4中，可以将Web页面中的任何文字及任意位置的图片设置为超链接。,7.1 认识超链接,超链接与URL及网页文档的存放位置是紧密相关的。URL可以简单看为网址，即为Internet文件在网上的地址，定义超链接实际上就是
2、指定一个URL地址来访问它所指向的Internet资源。 URL（Universal Resource Locator，统一资源定位器）是表示Web上资源的一种方法，可理解为资源的地址。一个URL通常包括3个部分：一个协议代码、一个包含所需文件的计算机地址（或一个电子邮件的地址等），以及具体的文件地址和文件名。格式为：Access-method：/server-name：port/document-location。 如http:/ URL,7.1 认识超链接,从作为链接起点的文档到作为链接目标的文档之间的文件路径，对于创建链接至关重要。一般在指定Internet资源是，有两种链接路径：绝对U
3、RL（绝对路径）和相对URL（相对路径）。 绝对URL 绝对URL指包括服务器协议在内的完全路径，比如：http:/ 相对URL 相对URL包括相对URL和文档相对URL两种。使用Dreamweaver CS4在本地硬盘编辑网页时，需要选定一个文件夹定义本地站点，模拟服务器上的更目录，系统会根据这个文件夹来确定所有链接的本地文件位置，而根相对URL中的根就是指这个文件夹。,7.1.2 绝对URL与相对URL,7.1 认识超链接,Web页面中的超链接可以根据链接目标文件的不同，分为页面链接（链接到单个网页）、电子邮件链接（链接到一个电子邮件地址，单击会打开客服端电子邮件程序）、锚记链接（链接到网
4、页上某一个具体位置）、下载链接（链接到一个不能有浏览器直接打开的文件，从而形成下载效果）等。 Web页面中的超链接还可以根据链接源的不同，分为文字链接、图像链接、对象链接（如flash）等。例如下面的网页。,7.1.3 超链接的分类,7.2 创建超链接,在Dreamweaver CS4中可以创建各种超链接，并且在进行本地站点内移动或者重命名文档时，依然可以自动更新指向文件的链接。Dreamweaver中，通常使用文档相对URL创建指定站点中其他网页的链接。 在Dreamweaver CS4中，可以随时随地在所需的位置创建各种超链接，并且可以通过多种方法来创建。 在【属性】面板中创建超链接 下图
5、为操作截图。,7.2.1 超链接的基本操作,7.2 创建超链接,使用菜单命令创建超链接 使用菜单命令创建超链接的方法也很简单，选中要创建超链接的对象，使用【插入】【超级链接】命令，打开【超级链接】对话框，在该对话框设置相应选项。 使用【指向文件】图标创建超链接 先选取要创建超链接的对象，单击属性检查器中的【指向文件】按钮，然后拖曳鼠标在【文件】面板，将鼠标指向超链接要跳转的网页文档或文件上，随后释放鼠标左键，即完成链接的创建。 如果要取消或者修改超链接，也应该首先选择相应的网页对象，然后将属性检查器中的【链接（L）】文本框中的链接地址删除或者修改即可。,7.2.1 超链接的基本操作,7.2 创
6、建超链接,在对超链接有一定认识的基础上，将分类介绍各种超链接的创建方法，主要包括页面链接、文件下载链接、E-mail链接、瞄记链接。 页面链接 页面链接是指在同一站点中利用网页对象指向其他网页和文件的超链接，单击这种超链接时将会跳转到链接的相应网页或显示相应文件。 创建页面链接需要创建2个网页文件，一个是超链接所在的网页，另一个是跳转页面。 文件下载链接 如果超链接的目标文件是浏览器中不能直接显示的文件格式（例如压缩文件.rar文件等），那么单击该超链接时将弹出【文件下载】对话框，提示浏览者下载文件。,7.2.2 超链接的应用,7.2 创建超链接,E-mail链接 E-mail链接就是单击该超
7、链接时，系统会自动启动客户端电子邮件程序（如Outlook Express或Gmail等）并打开一个空白通讯窗口，方便访问者撰写电子邮件。 瞄记链接 瞄记链接又称为页面内超链接，即对页面的某个特定区域命名（即是命名锚记），利用超链接打开目标文档时，直接跳转到相应的命名位置。,7.2.2 超链接的应用,7.3 管理链接,在Dreamweaver中，使用站点地图可以直观显示网站中的超链接关系。具体在之前的第五章中有介绍。,7.3.1 使用站点地图,7.3.2 使用链接检测器,在制作网站过程中如需要随时了解站点的超级链接实际情况，则可使用Dreamweaver提供的【链接检查器】工具，以提高工作效率。结果会显示在【链接检查器】选项卡中的【结果】面板，如下图所示。,谢谢！,
