|
网页设计与制作中超链接的运用
超链接是网页间联系的桥梁，是网页的魅力所在。超链接按链接范围分有外部链接和内部链接；按链接路径来说，一般包含文档链接、书签链接、电子邮件链接、空链接、脚本链接。网页制作工具Dreamwraver提供了非常简便的创建超链接的方法，用户可将文字、图片、Flash等网页元素设置为链接对象，进而美化链接，让网页更丰富多彩。
超链接的分类
按链接范围一般分为内部链接和外部链接。外部链接：与外部网站的页面间的链接；内部链接：网站内部页面间的链接。按链接路径来说，一般包含以下类型：文档链接：链接到其他文档，最为常见；电子邮件链接：创建允许用户给网页制作人员发送邮件的链接；书签链接：链接到相同文档或其他文档的书签位置；空链接：不会跳转到任何位置，用于附加Dreamweaver行为；脚本链接：执行JavaScript代码或调用JavaScript函数。
超链接的创建及应用
外部链接和内部链接
建立超链接到外部站点有两种方法可以实现：一是直接输入地址，在属性面板中的“链接”文本框中直接输入外部链接的地址，如http：//www.sohu.com；二是使用“常用”插入栏中的“超级链接”对话框，分别对文本、链接、目标、标题、访问键等五个属性进行设置。
如何快速在站点内创建链接？有三种创建和修改的方法：一是使用“属性”面板创建链接，键入文件路径或单击浏览按钮选取需链接的文件；二是使用“指向文件”图标直接指向想要链接的文件；三是使用“资源”面板创建或修改超级链接。
电子邮件链接
在网页中设置电子邮件链接已经非常普遍，电子邮件链接可以附加在按钮图片上，也可以附加在文本上。当页面浏览者单击具在电子邮件链接的文本或按钮时，可以直接打开安装在系统中的电子邮件应用程序，例如Outlook等并且在“收件人”位置已经自动填写好电子邮件的地址，浏览者只需在填写完内容后，直接发送即可。若要在图片或文字上直接附加电子邮件链接，可选中该对象，然后在“属性”面板的“链接”栏中输入“mailto：电子邮件”。在“mailto：”后面不要添加空格，例如：mailto：39989511@qq.com，按回车键确定。
书签链接
“书签链接”可让用户在页面内容较多时只浏览自己感兴趣的内容。制作“书签链接”通常会在网页上端位置设置一个内容列表，列表下面分别是针对各列表项的详细说明位置。当用户单击内容列表中感兴趣的某一项后，网页会自动跳转到该列表项的详细说明位置。
无址链接和脚本链接
在Dreamweaver中除了上述内容所讲到的链接方式外，还有无址链接和脚本链接，这两种链接方式不再是实现简单意义上网页间的跳转，而是赋予了链接更多的含义。
无址链接如同它的名字一样，它不会跳转到任何地方。但是，这种链接对于读取某些JavaScript事件是非常有用的，例如：在大多数浏览器中，图像不能识别onMouseOer事件，可以通过使用无址链接实现图像变换，此外，在制作具有较多内容的网页时，通常都要在网页最底端添加“返回页首”的链接，以方便浏览者在浏览完所有网页内容后直接返回页面顶端。创建无址链接的方法很简单，选取“返回页首”，在“属性”面板的“链接”域中键入“#”号，在“目标”下拉菜单中选取“-top”。
超链接的目标窗口
当用户在互联网上浏览网页时，一般都是通过单击网页上的超级链接，跳转到不同的页面。当新页面出现时，可能会出现三种情况：原有的页面被覆盖；原有的网页并不被覆盖，而是弹出一个新的窗口；原有的网页内部分被替换。这三种情况的出现是由于网页在制作时对超级链接的目标窗口进行了设置。在Dreamweaver中通过“属性”面板中的选项可以轻松的完成这项工作。
|
