Dreamweaver网页制作教程 第6章 超级连接.pptVIP

第6章超级连接 课前复习 本章要点 路径 超级链接的类型 创建内部超级链接 创建外部超级链接 创建电子邮件链接 创建锚记链接 图像映射 6.1超级链接的概念 什么是超级连接 超级链接的类型 网页中的超级链接一般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。 路径 绝对路径 相对路径 6.2创建超级链接 使用属性检查器创建链接 1) 在“文档”窗口的“设计”视图中选择文本或图像。 2) 打开属性检查器（“窗口”“属性”），如图5-2所示。 单击“链接”文本框右侧的文件夹图标，以通过浏览选择一个文件。或在“链接”文本框中键入文档的路径和文件名。 3) 从“目标”弹出菜单中，选择文档打开的位置。 若要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性检查器的“目标”弹出菜单中选择一个选项： _blank 将链接的文档载入一个新的、未命名的浏览器窗口。 _parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。 _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。 _top 将链接的文档载入整个浏览器窗口，从而删除所有框架。 使用“指向文件”图标创建链接 1．使用“指向文件”图标链接创建链接 1) 在“文档”窗口的“设计”视图中选择文本或图像。 2) 拖动属性检查器中“链接”文本框右侧的“指向文件”图标，然后指向另一个打开的文档、已打开文档中的可见锚记或者指向“文件”面板中的一个文档。 “链接”文本框将更新，以显示该链接。 4）释放鼠标按钮。 2．从已打开文档中的选定内容创建链接 1) 在“文档”窗口中选择文本。 2) 按下 Shift 键，从选定内容处开始拖动。 在拖动过程中，出现“指向文件”图标。 3) 指向其它打开的文档、已打开文档中的可见锚记，或者指向“文件”面板中的一个文档。 4）释放鼠标按钮 使用菜单命令创建链接 “超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接。 1) 将插入点放在文档中希望出现超级链接的位置。 2) 选择“插入”“超级链接”或在“插入”栏的“常用”类别中，单击“超级链接”按钮。 出现“超级链接”对话框。 3) 完成对话框。 4) 单击“确定”。 例6-1 (6_1.html) 创建内部超级链接。 链接到文档中的特定位置 创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。 １．创建命名锚记 选择“插入”“命名锚记”。 按下 Ctrl+Alt+A。 在“插入”栏的“常用”类别中，单击“命名锚记”按钮。 出现“命名锚记”对话框。如图6-4。 在“锚记名称”文本框中，键入锚记的名称，并单击“确定”。 ２．链接到命名锚记 例6-2 (6_2.html) 创建命名锚记的链接 1) 在厦门特产网中打开xmtc.html。 2) 在网页上部选择文字“特产介绍”。 3) 在“插入”栏的“常用”类别中，单击“命名锚记”按钮，打开“命名锚记对话框，完成对话框。在文本框中输入：top。如图6-4所示。 4）单击“确定”按钮。 5) 在网页底部输入文字“返回头部”，并选择该文本。 6）在属性检查器的“链接”文本框中，键入#top。 7）保存，按快捷键F12预览。 8）单击“返回头部”，可以转向头部，方便浏览。 创建电子邮件链接 单击电子邮件链接时，该链接打开一个新的空白信息窗口（使用的是与用户浏览器相关联的邮件程序）。在电子邮件消息窗口中，“收件人”文本框自动更新为显示电子邮件链接中指定的地址。 １．使用“插入电子邮件链接”命令创建电子邮件链接 １）在“文档”窗口的“设计”视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。 ２）选择“插入”“电子邮件链接”。或在“插入”栏的“常用”类别中，单击“插入电子邮件链接”按钮。 出现“电子邮件链接”对话框。 例6-3 (6_3.html) 创建电子邮件链接 1) 在厦门特产网中打开主页index.html。 2) 在第3行导航条内选择文字“联系我们”。 3) 单击“插入”栏的“常用”类别中的“电子邮件链接按钮”，打开“电子邮件链接”对话框，完成对话框。 “文本”：联系我们 “E-Mail”：nfxxy @163.com （3）单击“确定”按钮。 4）保存，按快捷键F12预览。 5) 单击“联系我们“，打开Outlook Epress 新邮件对话框。 6.3 使用图像地图 1. 插入客户端图像地图 1）在“文档”窗口中，选择图像。 2）在属性检查器中，单击右下角的展开箭头，查看所有属性。 3）在“地图