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

《Dreamweaver网页制作教程 第6章 超级连接.ppt》由会员分享，可在线阅读，更多相关《Dreamweaver网页制作教程 第6章 超级连接.ppt（17页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、第第6章超级连接章超级连接课前复习课前复习1.Flash对象的类型对象的类型:Flash文件（文件（.fla）Flash动画影片文件（动画影片文件（.swf）Flash模板文件（模板文件（.swt）Flash 元素文件元素文件(.swc)Flash 视频文件格式视频文件格式 2.添加背景音乐添加背景音乐 3.4.3.插入插入 Shockwave 影片影片 本章要点本章要点n n路径n n超级链接的类型n n创建内部超级链接n n创建外部超级链接n n创建电子邮件链接n n创建锚记链接n n图像映射 6.1超级链接的概念超级链接的概念 n n什么是超级连接 n n超级链接的类型网页中的超级链接一

2、般分为外部链接、内部链接、邮件链接和锚点链接等四种类型。n n路径绝对路径 相对路径 6.2创建超级链接创建超级链接n n使用属性检查器创建链接使用属性检查器创建链接1)1)在在“文档文档”窗口的窗口的“设计设计”视图中选择文本或图像。视图中选择文本或图像。2)2)打开属性检查器（打开属性检查器（“窗口窗口”“属性属性”），如图），如图5-25-2所示。所示。单击单击“链接链接”文本框右侧的文件夹图标，以通过浏览选择一个文件。或在文本框右侧的文件夹图标，以通过浏览选择一个文件。或在“链链接接”文本框中键入文档的路径和文件名。文本框中键入文档的路径和文件名。3)3)从从“目标目标”弹出菜单中，选

3、择文档打开的位置。弹出菜单中，选择文档打开的位置。若要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性若要使所链接的文档出现在当前窗口或框架以外的其它位置，可从属性检查器的检查器的“目标目标”弹出菜单中选择一个选项：弹出菜单中选择一个选项：_blank _blank 将链接的文档载入一个新的、未命名的浏览器窗口。将链接的文档载入一个新的、未命名的浏览器窗口。_parent _parent 将链接的文档载入该链接所在框架的父框架或父窗口。如果包含将链接的文档载入该链接所在框架的父框架或父窗口。如果包含链接的框架不是嵌套框架，则所链接的文档载入整个浏览器窗口。链接的框架不是嵌套框架，则所

4、链接的文档载入整个浏览器窗口。_self _self 将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，将链接的文档载入链接所在的同一框架或窗口。此目标是默认的，所以通常不需要指定它。所以通常不需要指定它。_top _top 将链接的文档载入整个浏览器窗口，从而删除所有框架。将链接的文档载入整个浏览器窗口，从而删除所有框架。使用使用“指向文件指向文件”图标创建链接图标创建链接1 1使用使用“指向文件指向文件”图标链接创建链接图标链接创建链接1)1)在在“文档文档”窗口的窗口的“设计设计”视图中选择文本或图像。视图中选择文本或图像。2)2)拖动属性检查器中拖动属性检查器中“链接链接”文本

5、框右侧的文本框右侧的“指向文件指向文件”图标，然后指图标，然后指向另一个打开的文档、已打开文档中的可见锚记或者指向向另一个打开的文档、已打开文档中的可见锚记或者指向“文件文件”面面板中的一个文档。板中的一个文档。“链接链接”文本框将更新，以显示该链接。文本框将更新，以显示该链接。4 4）释放鼠标按钮。）释放鼠标按钮。2 2从已打开文档中的选定内容创建链接从已打开文档中的选定内容创建链接1)1)在在“文档文档”窗口中选择文本。窗口中选择文本。2)2)按下按下 Shift Shift 键，从选定内容处开始拖动。键，从选定内容处开始拖动。在拖动过程中，出现在拖动过程中，出现“指向文指向文件件”图标。

6、图标。3)3)指向其它打开的文档、已打开文档中的可见锚记，或者指向指向其它打开的文档、已打开文档中的可见锚记，或者指向“文件文件”面板中的一个文档。面板中的一个文档。4 4）释放鼠标按钮）释放鼠标按钮 使用菜单命令创建链接使用菜单命令创建链接“超级链接超级链接”命令可以创建到图像、对象或其它文档或文件的文本链接。命令可以创建到图像、对象或其它文档或文件的文本链接。1)1)将插入点放在文档中希望出现超级链接的位置。将插入点放在文档中希望出现超级链接的位置。2)2)选择选择“插入插入”“超级链接超级链接”或在或在“插入插入”栏的栏的“常用常用”类别中，单击类别中，单击“超级链接超级链接”按钮。按钮

7、。出现出现“超级链接超级链接”对话框。对话框。3)完成对话框。4)单击“确定”。例例6-1(6_1.html)创建内部超级链接。创建内部超级链接。链接到文档中的特定位置链接到文档中的特定位置创建到命名锚记的链接的过程分为两步。首先，创创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。建命名锚记，然后创建到该命名锚记的链接。创建命名锚记创建命名锚记 选择选择“插入插入”“命名锚记命名锚记”。按下按下 Ctrl+Alt+ACtrl+Alt+A。在在“插入插入”栏的栏的“常用常用”类别中，单击类别中，单击“命名锚记命名锚记”按钮。按钮。出现出现“命名锚记命名锚记”对

8、话框。如图对话框。如图6-46-4。在在“锚记名称锚记名称”文本框中，键入锚记的名称，并单文本框中，键入锚记的名称，并单击击“确定确定”。链接到命名锚记链接到命名锚记例例6-2(6_2.html)创建命名锚记的链接创建命名锚记的链接1)1)在厦门特产网中打开在厦门特产网中打开xmtc.htmlxmtc.html。2)2)在网页上部选择文字在网页上部选择文字“特产介绍特产介绍”。3)3)在在“插入插入”栏的栏的“常用常用”类别中，单击类别中，单击“命名锚命名锚记记”按钮，打开按钮，打开“命名锚记对话框，完成对话框。命名锚记对话框，完成对话框。在文本框中输入：在文本框中输入：toptop。如图。如

9、图6-46-4所示。所示。4 4）单击）单击“确定确定”按钮。按钮。5)5)在网页底部输入文字在网页底部输入文字“返回头部返回头部”，并选择该文，并选择该文本。本。6 6）在属性检查器的）在属性检查器的“链接链接”文本框中，键入文本框中，键入#top#top。7 7）保存，按快捷键）保存，按快捷键F12F12预览。预览。8 8）单击）单击“返回头部返回头部”，可以转向头部，方便浏览。，可以转向头部，方便浏览。创建电子邮件链接创建电子邮件链接单击电子邮件链接时，该链接打开一个新的空白信单击电子邮件链接时，该链接打开一个新的空白信息窗口（使用的是与用户浏览器相关联的邮件程息窗口（使用的是与用户浏览

10、器相关联的邮件程序）。在电子邮件消息窗口中，序）。在电子邮件消息窗口中，“收件人收件人”文本文本框自动更新为显示电子邮件链接中指定的地址。框自动更新为显示电子邮件链接中指定的地址。使用使用“插入电子邮件链接插入电子邮件链接”命令创建电子邮件命令创建电子邮件链接链接）在）在“文档文档”窗口的窗口的“设计设计”视图中，将插入点视图中，将插入点放在希望出现电子邮件链接的位置，或者选择要放在希望出现电子邮件链接的位置，或者选择要作为电子邮件链接出现的文本或图像。作为电子邮件链接出现的文本或图像。）选择选择“插入插入”“电子邮件链接电子邮件链接”。或在。或在“插入插入”栏的栏的“常用常用”类别中，单击类

11、别中，单击“插入电子邮件链插入电子邮件链接接”按钮。按钮。出现出现“电子邮件链接电子邮件链接”对话框。对话框。例例6-3(6_3.html)创建电子邮件链接创建电子邮件链接1)1)在厦门特产网中打开主页在厦门特产网中打开主页index.htmlindex.html。2)2)在第在第3 3行导航条内选择文字行导航条内选择文字“联系我们联系我们”。3)3)单击单击“插入插入”栏的栏的“常用常用”类别中的类别中的“电子邮件电子邮件链接按钮链接按钮”，打开，打开“电子邮件链接电子邮件链接”对话框，完对话框，完成对话框。成对话框。“文本文本”：联系我们：联系我们“E-Mail”E-Mail”：nfxxy

12、nfxxy （3 3）单击）单击“确定确定”按钮。按钮。4 4）保存，按快捷键）保存，按快捷键F12F12预览。预览。5)5)单击单击“联系我们联系我们“，打开，打开Outlook Outlook EpressEpress 新邮件对新邮件对话框。话框。6.3 使用图像地图使用图像地图 1.1.插入客户端图像地图插入客户端图像地图1 1）在）在“文档文档”窗口中，选择图像。窗口中，选择图像。2 2）在属性检查器中，单击右下角的展开箭头，查看所有属性。）在属性检查器中，单击右下角的展开箭头，查看所有属性。3 3）在）在“地图名称地图名称”文本框中为该图像地图输入唯一的名称。文本框中为该图像地图输入

13、唯一的名称。如果在同如果在同一文档中使用多个图像地图，要确保每个地图都有唯一名称。一文档中使用多个图像地图，要确保每个地图都有唯一名称。4 4）若要定义图像地图区域，执行下列操作之一：）若要定义图像地图区域，执行下列操作之一：选择圆形工具，并将鼠标指针拖至图像上，创建一个圆形热点。选择圆形工具，并将鼠标指针拖至图像上，创建一个圆形热点。选择矩形工具，并将鼠标指针拖至图像上，创建一个矩形热点。选择矩形工具，并将鼠标指针拖至图像上，创建一个矩形热点。选择多边形工具，在各个顶点上单击一下，定义一个不规则形状的热点。选择多边形工具，在各个顶点上单击一下，定义一个不规则形状的热点。然后单击箭头工具封闭此

14、形状。然后单击箭头工具封闭此形状。创建热点后，出现热点属性检查器。创建热点后，出现热点属性检查器。5 5）完成热点属性检查器中的有关内容。）完成热点属性检查器中的有关内容。完成绘制图像地图后，在该文档的空白区域单击，以便更改属性检查器。完成绘制图像地图后，在该文档的空白区域单击，以便更改属性检查器。例例6-4(6_4.html)创建图像映像链接创建图像映像链接1 1）在厦门特产网中打开）在厦门特产网中打开xswl.htmlxswl.html。2)2)选择热区工具按钮中圆形工具，并将鼠标指针拖选择热区工具按钮中圆形工具，并将鼠标指针拖至福建省地区，创建一个圆形热区。至福建省地区，创建一个圆形热区

15、。）在热点属性检查器中，使用在热点属性检查器中，使用“指向文件指向文件”图标图标指向要打开的文件指向要打开的文件a.htmla.html。如图。如图-所示。所示。）完成绘制图像地图后，在该文档的空白区域单）完成绘制图像地图后，在该文档的空白区域单击，以便更改属性检查器。击，以便更改属性检查器。）保存，按）保存，按F12F12，浏览网页，光标移到福建区域，浏览网页，光标移到福建区域，单击，将链接到单击，将链接到a.htmla.html网页。网页。修改图像地图修改图像地图1 1选择图像地图中的多个热点选择图像地图中的多个热点1 1）使用指针热点工具选择一个热点。）使用指针热点工具选择一个热点。2

16、2）按下按下Shift Shift 键的同时单击要选择的其它热点。或按键的同时单击要选择的其它热点。或按 Ctrl+ACtrl+A，选择所有的热点。，选择所有的热点。2 2移动热点移动热点1 1）使用指针热点工具选择要移动的热点。）使用指针热点工具选择要移动的热点。2 2）将此热点拖动到新区域。或用将此热点拖动到新区域。或用 Shift+Shift+箭头键将热点向选箭头键将热点向选定方向一次移动定方向一次移动 10 10 个像素。个像素。或使用箭头键将热点向选定或使用箭头键将热点向选定方向一次移动方向一次移动 1 1 个像素。个像素。3 3调整热点的大小调整热点的大小1 1）用指针热点工具选择

17、要调整大小的热点。）用指针热点工具选择要调整大小的热点。2 2）拖动热点选择器手柄，更改热点的大小或形状。）拖动热点选择器手柄，更改热点的大小或形状。本章小结本章小结 正是由于超级链接的存在，才使得使用网络资源如此的方便。可以说超级链接是网络最具特色的功能，如果没有了超级链接，也就没有了互连网络。本章重点是各种链接的功能和实现方法。要熟练掌握使用属性检查器建立链接的方法。难点是相对地址和绝对地址的使用方法。作业作业1.1.填空题填空题1)1)网页中的超级链接一般分为网页中的超级链接一般分为_四种类型。四种类型。2)2)若要链接到站点内的文档，输入若要链接到站点内的文档，输入_。若要链接到站点外

18、的文。若要链接到站点外的文档，输入档，输入_。）创建链接可以使用属性检查器创建、使用）创建链接可以使用属性检查器创建、使用_创建和使用创建和使用_创建。创建。）命名锚记可以在文档中设置标记，这些标记通常放在）命名锚记可以在文档中设置标记，这些标记通常放在_。）电子邮件链接还可以选中图片或者文字，再直接在属性面板链接框中填写电子邮件链接还可以选中图片或者文字，再直接在属性面板链接框中填写_。2.2.简答题简答题）什么是内部链接？什么是外部链接？）什么是内部链接？什么是外部链接？）什么是电子邮件链接。）什么是电子邮件链接。）什么是相对路径和绝对路径？）什么是相对路径和绝对路径？）简述使用）简述使用“指向文件指向文件”图标创建创建链接的操作方法。图标创建创建链接的操作方法。）什么是命名锚记？它有什么作用）什么是命名锚记？它有什么作用?