《网页制作与开发教程_教学课件 张强 高建华 温谦 第4章 建立超链接》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、在线教务辅导网：http://www.shangfuwang.com教材其余课件及动画素材请查阅在线教务辅导网QQ:349134187或者直接输入下面地址：http://shop106150152.taobao.com第4章建立超链接使用Dreamweaver8设置超链接4.2实践与练习：鼠标经过图像4.4实践与练习：为文字添加超链接4.3从HTML的角度理解超链接4.1实践与练习：导航条4.5小结超链接就是当用鼠标单击一些文字、图片或其他网页元素时，浏览器就会根据其指示载入一个新的页面或跳转到页面的其他位置。与超链接相关的一个概念是定位点

2、（也称锚点），它指明了网页中一个确定的位置，以便超链接跳转时定位。4.1从HTML的角度理解超链接仍然根据本书的原则，先从HTML语言的角度，来介绍超链接。然后再使用Dreamweaver8为网页添加超链接。下面就来介绍各种超链接的制作方法。4.1.1文字超链接图4-1超链接的建立【例4-1】文字超链接示例单击这里链接到一个图片网页图4-1超链接的建立4.1.2理解路径的概念路径的作用就是定位一

3、个文件的位置，使用过Windows的用户都会了解文件夹和子文件夹，这本身就是路径的概念。例如在上面的例子中，链接到的“1.html”就是一个路径，直接使用文件名表示这个文件和原来的网页文件在同一个文件夹中。如果链接到的网页不和原网页在同一个文件夹中，就不能这样写了。例如如图4-2所示的目录结构。图4-2调用下一级目录中的文件图4-3调用不同文件夹中的文件【例4-2】路径示例单击这里链接到一个图片网页<

4、/html>图4-4“页面载入错误”对话框4.1.3设置文字链接的颜色超链接可以通过设置链接的颜色来表示链接是否已经被单击，但这是在“”标签中设置的，而不是在“”标签中。下面来看一个具体的例子。图4-5超链接文字的颜色设置【例4-3】超链接颜色设置示例注意颜色的变化图4-6“Internet

5、属性”对话框4.1.4特定目标的链接在制作网页时，可能会出现网页内容过长或者是网页内容繁杂混乱的情况，这样当用户浏览网页时就会很不方便。要解决这个问题，可以使用超链接的手段在网页开头的地方制作一个向导链接，直接链接到特定的目标，这个目标成为“锚记”。【例4-4】锚记应用示例

古诗鉴赏

单击春宫怨

单击登科居

单击

6、f=#五十言怀诗>五十言怀诗

春宫怨

未央前殿月轮高。

平阳歌舞新承宠，

帘外春寒赐锦袍。

登科居

今朝放荡思无崖。

春风得意马蹄疾，

一日看尽长安花。

五十言怀诗

花中行乐月中眠。

漫劳海内传名字，

谁信腰间没酒钱。

诗赋自惭称作者

7、，

众人疑道是神仙。

些须做得工夫处，

莫损心头一寸天。

图4-7特定链接图4-8“五十言怀诗”的链接4.1.5以新窗口显示链接页面相信大家已经发现，当单击链接时，所链接页面还是在同一个窗口中显示。如要在新窗口显示，只需在“”标签中加入“target”属性就可以了。代码如例4-5所示。【例4-5】在新窗口中打开链接页面示例以

8、arget=_blank>新窗口方式打开一个网页4.2使用Dreamweaver8设置超链接4.2.1文字超链接使一些文字成为超