第6讲 超级链接和格式设置.ppt

《网页设计教程》 网页制作应用教程 2012.10 QQ 讲师：徐儒 上节回顾 网页图像的格式及来源 插入图像 设置图像属性 图像高级设置 超级链接的分类 超级链接及设置 超级链接的高级应用 -菜单导航 本节讲堂： 超级链接和格式设置 1、超级链接的分类 了解的知识点： 超级链接的基本概念 内部链接 外部链接 锚点链接 1.1超级链接的基本概念 所谓的超级链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序。 超级链接在本质上属于一个网页的一部分，它是一种允许我们同其他网页或站点之间进行连接的元素。各个网页链接在一起后，才能真正构成一个网站。 网站建设中超级链接几乎无处不在 1.2内部链接 指同一网站域名下的内容页面之间互相链接。（内容链接、切换、栏目、导航菜单、站内关键词之间的Tag链接） 内部链接我们也可以称之为站内链接。 1.3 外部链接 外部链接指的是针对有哪些信誉好的足球投注网站引擎，与其它站点所做的友情链接或资源共享。 Baidu、Google 1.4 锚点链接 HTML中的链接，正确的说法应该称作锚点，它命名锚点链接(也叫书签链接)常常用于那些内容庞大繁琐的网页，通过点击命名锚点，不仅让我们能指向文档，还能指向页面里的特定段落，更能当作精准链接的便利工具，让链接对象接近焦点.，便于浏览者查看网页内容。 例如：查询网页中关键字的上一处、下一处 2、超级链接及设置 了解的知识点： 超级链接属性设置 文本链接 图像链接 锚点链接 E-mail链接 创建空链接 链接目标 _blank：链接文档在新窗口位置显示目标 _parent：链接文档在当前框架的父窗口位置显示目标 _self：链接文档在当前框架即本页位置显示目标（默认) _top：链接文档在当前框架的根窗口位置并跳出框架 2.1超级链接属性设置 2.2文本链接 最常见的超级链接，通过使用鼠标点击文本即可从一个网页跳转到另一个网页。 工具栏方式1：选择[文本]-[属性]浏览文件； 工具栏方式2：选择[文本]-[属性]指向文件； 工具栏方式3：选择[文本]-[邮件]创建链接-选中文件。 2.3图像链接 （1）整个图像作为链接：方法与文本链接相同 （2）局部图像区域链接：图像热点链接（上一节课所讲） 2.4锚点标记链接 （1）创建锚点 （2）链接锚点 在制作网页时，为了达到跳转到网页固定位置的目的，可以使用锚点标记链接。通过对网页中指定位置的命名，利用超级链接打开目标网页时可直接跳转到相应的命名位置上。 2.4锚点标记链接 （1）创建命名锚点： 【选中位置】插入-命令锚记 2.4锚点标记链接 （2）链接锚点：【选中位置】插入-超级链接 格式：文件路径 + 文件名 + #锚记名 2.5E-mail链接 E-mail链接可以通过设置直接发送E-mail，该链接默认调用的是Microsoft OutLook应用程序来收发和管理电子邮件的功能。 【选择文本】属性链接位置-mailto:+E-mail地址 2.5创建空链接 要想对文本设置应用行为，首先必须为文本建立空超级链接（空超级链接是一个未指派目标的超级链接），这样行为才会有效。 2.5创建空链接 a href=# onclick=openWin(10)点击我（将会有惊喜）/a script language=javascript function openWin(msg) { alert(你真棒... + msg); } /script form id=“form1” name=“form1”a href=# onclick=openWin(10)点击我（将会有惊喜）/a/form 2.5创建空链接 function openWin() { var str1 = document.form1.text.value; var str1 = document.getElementById(textid1).value; alert(你真棒. + str1); var str2 = document.getElementsByName(text); alert(你真棒... + str2[0].value); } input name=text id=textid1 type=text / a href=# onclick=ope