使用DW在网页中建立各种超级链接.pptVIP

使用Dreamweaver

在网页中建立各种超级链接使用文本、图像等最基本的网页元素制作了一个较简单的“个人主页”。超级链接知识回顾什么是URL？什么是超级链接？什么是绝对路径？什么是相对路径？将网页中的“收藏”，“故事”，“朋友”，“理想”分别链接到本网站中的collection.html，story.html，friend.html，ideal.html页面。为网页中的“下载”链接到下载文件“pingpang.rar”。为网页中的“友情链接”添加超级链接“http://”。为网页中的建立一个E-mail链接。为story.html中页首的小标题添加链接，当单击页首中的某个小标题时便会跳转到该页面的相应文章处。操作步骤：第一步，在网页中选中要作为超级链接的文本。第二步，为指定的文本创建超级链接。方法一，选中“收藏”，单击属性面板中的“链接”文本框后面的按钮，打开“选择文件”对话框。选中“collection.html”即可ahref=collection.html收藏/a方法二，选中“故事”，单击属性面板中的按钮，并直接拖曳鼠标，移动鼠标到文件面板中所要链接的目标文件“story.html”。方法三，选中“朋友”，在属性面板上的链接文本框中直接输入被链接文件的相对路径“friend.html”即可。方法四，选中“理想”，点击右键，从快捷菜单中选择“创建链接”保存网页，按F12键预览网页。说明:将下载文件pingpang.rar设置为下载目录download下的pingpang.rar文件.ahref=download/pingpang.rar下载/a超级链接——下载文件2.2外部链接选中“友情链接”文本，在属性面板上的“链接”文本框中输入完整的网址http://。ACBahref=http://友情链接/a注意：输入的网址必须是绝对路径。实现步骤：如何在新的浏览窗口中打开链接文件？使用target属性 ahref=http://target=_blank友情链接/a在DW中只需要在属性面板中的“目标”下拉列表中选择“_blank”。target属性可以定义被链接的文档在何处显示。_blank：表示单击该链接会重新启动一个浏览器窗口载入被链接的网页。“_parent”、“_self”、“_top”的具体含义和框架有关。单击E-mail链接时，将立即打开浏览器默认的E-mail处理软件，且收件人的邮件地址由E-mail链接中指定的地址自动设置。实现步骤：实现步骤：选中文本。添加E-mail链接的方法单击“插入面板”中的电子邮件链接按钮，或者选择菜单“插入”“电子邮件链接”。在出现的对话框中输入相应的电子邮件即可。ahref=tom369@/a在属性面板上的“链接”文本框中直接输入“mailto:”。锚点常用于包含大量文本信息的网页。通过锚点链接，可以使链接指向当前网页或不同网页中的指定位置。实现步骤：插入命名锚点。（命名锚点用于在网页中标记和命名链接的跳转位置，以便引用）。定义一个名称为“1”的命名锚点：使用name属性：aname=“1”/a将光标定位在链接需要跳转的位置。在“插入面板”中选择按钮，或者选择菜单中的“插入”“命名锚记”，或者按Ctrl+Alt+A，或者直接将拖到页面上想要插入命名锚点的位置。在弹出的对话框中输入相应的锚点名称。1选择需要建立锚点链接的文本。2在属性面板中的“链接”文本框中，输入“#”和锚点名称。或者在属性面板中拖拽“指向文件”，移动鼠标到相应的锚点位置上。3ahref=#1一、谁的网/a4ahref=“#top”返回顶端/a5ahref=“story.html#1”指向页面story.html的锚点1的超级链接/a链接锚点2.5创建空链接和Javascript链接01要想对文本或图像等对象设置行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。02为文本建立空超级链接时，只要先在文档窗口中选中需要建立空超级链接的文本，然后在属性面板的“链接”文本框中输入一个“#”符号即可。03建立空超级链接的目的只是为了应用行为，其他情况下不必建立。创建Javascript链接可以让来访者不用离开当前页面就可以获得一个额外的信息。步骤：选择需要建立Javascript链接的文本或图像等对象，在“属性面板”的链接文本框中输入相应的Javascript代