网页设计制作中超链接的运用

好酷屋

发布于2023-03-29

好酷屋教程网小编为您收集和整理了网页设计制作中超链接的运用的相关教程：超链接是网页间联系的桥梁，是网页的魅力所在。超链接按链接范围分有外部链接和内部链接；按链接路径来说，一般包含文档链接、书签链接、电子邮件链接、空链接、脚本链接。网页制作工具Dreamwraver提供了

　　超链接是网页间联系的桥梁，是网页的魅力所在。超链接按链接范围分有外部链接和内部链接；按链接路径来说，一般包含文档链接、书签链接、电子邮件链接、空链接、脚本链接。网页制作工具Dreamwraver提供了非常简便的创建超链接的方法，用户可将文字、图片、Flash等网页元素设置为链接对象，进而美化链接，让网页更丰富多彩。　　　　超链接可将因特网上众多分散的网页联系起来，构成一个有机整体。如何制作和应用超链接？网页制作工具Dreamwraver提供了非常简便的创建超链接的方法，用户可以将文字、图片、Flash等网页元素设置为链接对象，实现网页间的跳转功能。　　

　　超链接的分类　　　　按链接范围一般分为内部链接和外部链接。外部链接：与外部网站的页面间的链接；内部链接：网站内部页面间的链接。按链接路径来说，一般包含以下类型：文档链接：链接到其他文档，最为常见；电子邮件链接：创建允许用户给网页制作人员发送邮件的链接；书签链接：链接到相同文档或其他文档的书签位置；空链接：不会跳转到任何位置，用于附加Dreamweaver行为；脚本链接：执行JavaScript代码或调用JavaScript函数。　　　　超链接的创建及应用　　　　外部链接和内部链接　　　　建立超链接到外部站点有两种方法可以实现：一是直接输入地址，在属性面板中的“链接”文本框中直接输入外部链接的地址，二是使用“常用”插入栏中的“超级链接”对话框，分别对文本、链接、目标、标题、访问键等五个属性进行设置。如何快速在站点内创建链接？有三种创建和修改的方法：一是使用“属性”面板创建链接，键入文件路径或单击浏览按钮选取需链接的文件；二是使用“指向文件”图标直接指向想要链接的文件；三是使用“资源”面板创建或修改超级链接。　　　　电子邮件链接　　　　在网页中设置电子邮件链接已经非常普遍，电子邮件链接可以附加在按钮图片上，也可以附加在文本上。当页面浏览者单击具在电子邮件链接的文本或按钮时，可以直接打开安装在系统中的电子邮件应用程序，例如Outlook等并且在“收件人”位置已经自动填写好电子邮件的地址，浏览者只需在填写完内容后，直接发送即可。　　　　书签链接　　　　“书签链接”可让用户在页面内容较多时只浏览自己感兴趣的内容。制作“书签链接”通常会在网页上端位置设置一个内容列表，列表下面分别是针对各列表项的详细说明位置。当用户单击内容列表中感兴趣的某一项后，网页会自动跳转到该列表项的详细说明位置。“书签”一词是转译而来的，它的英语原词是anchor，意即“锚”，所以“书签链接”也常称为“锚点链接”。“书签链接”可让用户根据需求更方便快捷地找到相应内容，而不必浏览网页中的所有内容，使网页更具人性化。“书签链接”的制作方法：将光标定位到内容介绍的标题处?D?D?D单击“插入记录/命名锚记”或按Cutrl+Alt+A快捷键，在出现的对话框中输入书签名，然后单击“确定”按钮?D?D?D选取列表中的文字，在“属性”面板的“链接”域中，输入符号“#”和书签名。数字和字母都可以作为书签名，但是最好不要使用中文。除了使用菜单命令外还可以通过“插入栏”中的“常用”项插入“命名锚记”进行操作。　　　　超链接的目标窗口　　　　当用户在互联网上浏览网页时，一般都是通过单击网页上的超级链接，跳转到不同的页面。当新页面出现时，可能会出现三种情况：原有的页面被覆盖；原有的网页并不被覆盖，而是弹出一个新的窗口；原有的网页内部分被替换。这三种情况的出现是由于网页在制作时对超级链接的目标窗口进行了设置。在Dreamweaver中通过“属性”面板中的选项可以轻松的完成这项工作。在“目标”下拉菜单中可以设置4个超级链接目标，其意义分别为：_blank：将文件载入新的无标题浏览器窗口中。_parent：将文件载入到上级框架集或包含该链接的框架窗口中。_self：将文件载入到相同框架或窗口中。_top：将文件载入到整个浏览器窗口中，取消所有框架。　　　　结语　　　　超链接是网页间联系的桥梁，是网页的魅力所在，通过链接，浏览者可在信息海洋中尽情遨游！在制作网页时应综合运用外部链接和内部链接让网页更丰富！同时充分利用文字、图片、Flash等网页元素设置链接来增添网页魅力。

以上就是好酷屋教程网小编为您收集和整理的超链接,标签,简介,网页设计制作相关内容，如果对您有帮助，请帮忙分享这篇文章^_^

本文来源： https://www.haoku5.com/shenghuo/6423d8cff754f6f6d80670d5.html