1第三节超级链接一、超级链接概述二、链接分类三、创建链接四、检查、修改链接2超级链接是指站点内不同网页之间、站点与Web之间的连接关系,它可以使站点内的网页成为有机的整体,还能够使不同站点之间建立联系。超级链接由两部分组成:链接载体(源端点)和链接目标(目标端点)。一、超级链接概述链接目标目标...载体链接载体3许多页面元素可以作为链接载体文本图像、图像热区、悬停按钮…链接目标可以是任意网络资源页面网站Email文件(图像、声音、文档、Zip文件…)书签(页面中的某个位置)网页其他文件图像声音网站书签Email文本图像图像热区悬停按钮超级链接链接载体网络资源5根据链接载体的特点,一般把链接分为文本链接:链接载体是文本,简单实用。图像链接:链接载体是图像,能使网页美观、生动活泼。它既可以指向单个的链接关系,也可以根据图像不同的区域建立多个链接。6二、链接的分类(目标)我们可以为文本和图像创建以下几种链接内部链接:同一网站文档之间的链接。外部链接:不同网站文档之间的链接。书签链接:同一网页或不同网页的指定位置的链接。E-mail链接:发送邮件的链接。7关于文档路径绝对路径:被链接文档的完整URL,包括传输协议(http://)。在创建外部链接时,必须使用绝对路径。相对路径:以当前文档所在位置为起点到被链接文档经由的路径。内部链接(同一网站内)时使用相对路径比较方便。8三、创建链接以文本为载体1.链接站点内的网页2.链接到其他站点3.Email链接4.书签链接5.文件链接92.创建图像链接图像链接一个目标与文本载体一样,区别是先选中图像。图像链接多个目标创建图像热点链接10(2).创建图像热点链接图像热点是建立在一幅图像内的多个超级链接触发点,热点实际上是一个区域,所以也可以叫热区。每一个图像热点可以指向一个超级链接目标。当浏览者的鼠标移动到热点内,鼠标变形(小手),单击鼠标,就可以转到链接目标。11(2).创建图像热点链接绘制热点选择图像,使用图形工具栏中的热点绘制工具绘制热点区域。建立超级链接绘制完热点,图像上会出现热点的边框,并出现创建超级链接的对话框,输入超级链接的地址。三、检查、修改超链接跟踪链接在超级链接视图中观看链接情况修改链接的颜色单击右键,打开网页属性对话框。在网页之间复制颜色方案选择网页属性背景从另一网页获得背景信息。制作链接的动态效果选择网页属性背景启用超链接翻转效果。13第四节框架式网页一、框架概述二、创建框架式网页三、保存框架式网页四、设置框架属性五、框架中的链接14一、框架概述框架可以把浏览器窗口分成几个独立的部分,每部分显示单独的页面。如3框架网页,顶端框架显示网页标题,下面左右两个框架,左边显示导航栏,右边显示超级链接目标。15二、建立框架式网页1.创建框架页:新建→网页2.在框架中放置网页三、保存框架式网页16四、设置框架属性可以调整框架的大小,决定是否出现框架边框和滚动条,设置框架的初始页面等等。选中框架,单击右键,从快捷菜单中选择框架属性,打开框架属性对话框。17框架属性对话框18框架网页对话框19五、框架式网页的链接1.目标框架:超级链接目标网页(对象)出现的框架。在框架式网页的超级链接中一定要为链接目标指定目标框架。20五、框架式网页的链接2.链接步骤:选择链接文本。单击常用工具栏的超链接图标。输入链接目标后,单击目标框架按钮,选择目标框架。单击确定。212223五、框架式网页的链接3.为链接目标指定目标框架网页默认值(main):默认框架。相同框架:链接载体所在的框架。整页:没有框架。新建窗口:重新开一个窗口。父框架:调用目标的框架。24二、建立框架式网页1.创建框架页选择文件新建页面,弹出新建对话框。选择框架网页选项卡选择一个框架模板单击确定。25二、建立框架式网页2.在框架中放置网页在新建的框架网页中,每个框架都有两个按钮:设置初始网页、新建网页。选择设置初始网页,可以打开一个网页。选择新建网页,则新建一个网页。26三、改变框架属性名称:系统默认值,可自己定义。初始网页:可以修改,重新指定。框架大小:相对、绝对。边距:文本与框架边框的距离。显示滚动条:从不、始终、需要时。框架边框:单击框架网页按钮,可设置框架边框。27四、保存框架式网页选择文件保存命令,或单击保存按钮。对话框内一个框架处于选中状态,在文件名框中输入文件名。重复上述步骤,保存所有网页,最后一个是框架集网页。28五、框架式网页的链接1.目标框架:超级链接目标网页(对象)出现的框架。在框架式网页的超级链接中一定要为链接目标指定目标框架。29五、框架式网页的链接2.链接步骤:选择链接文本。单击常用工具栏的超链接图标。输入链接目标后,单击目标框架按钮,选择目标框架。单击确定。