网页设计与制作8_超链接

《网页设计与制作8_超链接》由会员上传分享，免费在线阅读，更多相关内容在行业资料-天天文库。

1、厦门大学嘉庚学院网页设计与制作第八节超链接超链接超链接（hyperlink）是网页互相联系的桥梁，可从当前网页定义的位置跳转到其他位置，包括•当前页的某个位置•互联网、局域网或本地磁盘上的其他文件•声音、图像等多媒体文件超链接主要由源端点和目标端点两部分组成源端点：用来当做超链接的对象•文字或图片目标端点：URL•UniformResourceLocator统一资源定位符基本格式：“访问方案://服务器:端口(可省略)/路径/文件#锚记”超链接类型相对链接•最常见链接形式•链接网站内部的页面或资源绝对链接•外部链接•严格的目标端点对象超链接类型锚点链接•跳转到指定的页面位置•适用于网页

2、内容超出窗口高度情况空链接•提供调用脚本的按钮超链接类型文件链接•提供下载服务电子邮件链接•快速创建电子邮件DW教程3：超链接教程目的：•了解超链接的创建过程•学习创建链接的多种方式Step1：文本链接打开文本网页，选中需要设置链接的文本，在页面下方HTML属性面板中，输入绝对链接网址。链接标签源端点如果链接对象为相对链接，点击浏览文件，选择所需页面。或拖拽指向本地站点中的文件。Step2：链接设置默认文本链接为“蓝色+下划线”，如需改动，可在属性面板点击→链接(CSS)更改链接样式。超链接目标的打开方式可在下拉菜单中选择，选项包括：•_bla

3、nk：在新浏览器窗口中打开网页•new：在新建的同一个窗口中打开•_parent：将要链接的文件载入含有该链接框架的父框架集或父窗口中•_self：在同一框架或窗口中打开所链接的文档，默认方式•_top：在当前的整个浏览器窗口中打开所链接的文档，因而会删除所有框架Step3：锚点链接•锚点链接可实现在网页（同一页面或不同页面）中的快速定位效果•锚点链接分为命名锚记和链接锚记两个步骤为你的锚记取名，锚记的名字输入需前后相符。选择点击的内容和指向的内容，参照下列代码加入锚点链接。点击的内容指向的内容加入锚点后，指向的内容上方

4、将出现锚点标志。在文本底端可加入“回到顶端”锚点，方便用户浏览。不同页面锚点链接格式为点击的内容Step4：图像热点链接图像热点链接可将图像中的指定区域设置为超链接对象。将之前做的图片插入网页，调整大小。选中图像，点击属性面板中矩形热点工具，在图像所需区域绘制热点，并输入链接路径。观察代码变化。可尝试其他形状热点工具，指针热点工具可用于调整热点形状。Step5：图像链接打开图文网页文件，尝试在图像上加入在新窗口打开的链接，观察代码的变化。Step6：电子邮件链接【插入】→【电子邮件链接】，尝试插入电子邮件链接，观察代码的变化。Step7：文件链

5、接空链接文件链接与文本图像的链接方法类似，在链接框中输入文件路径即可。空链接是未指定目标端点的链接，在链接中呈现#号。内容小结1.下列代码中，表示在新窗口中打开网页文档的是____a._selfb._blankc._topd._parent2.关于超链接的叙述正确的是____a.移动相对链接的文件后无需更新链接b.锚点链接格式为点击的内容,指向的内容c.电子邮件链接格式为d.空链接是在目标对象上的附加行为，以便通过调用脚本代码来实现一些特殊功能课后作业•复习超链接有关知识，

6、并实际操作