1、建 立 超 链 接,泰州市姜堰区娄庄中学 马素平,每当我们在浏览网页时,都会发现当鼠标指针移动到某些文字或图片时,就会变成一只小手“ ”的样子,这时只需单击鼠标左键就可以打开另一网页或文件了。这就是我们将要讲述的网页“超链接”方式。,发 现 奥 秘,体验超链接技术,1.双击D盘“建立超链接专题网站”快捷方式。2. 欣赏乐海流连网站。,思 考:链接源一般定义在哪里呢?(即在哪些对象上可以建立超链接),超链接的概念,超链接指从一个网页对象指向另一个目标的连接关系。 超链接的两个要素:链接源和链接目标。 (1)链接源:可以定义在文字中,也可以定义在图片上,甚至是图片的局部位置上。 (2)链接目标可以
2、是任意的网络资源。,【普通网页间的超链接】 任务一:打开index.htm,将导航栏中“华夏音韵”链接到hxyy.htm。 任务二 :将index.htm中“华夏音韵”图片链接到hxyy.htm。,学 以 致 用,第一步:选定文字或图形作为链接源 第二步:插入超链接,可以采用以下三种方案之一单击常用工具栏“插入超链接”按钮 “插入”菜单选择“超链接” 单击鼠标右键选择“超链接” 第三步:在打开“创建超链接”对话框,选择链接目标。,建立超链接的方法,链接到一个网站,任务三:将首页index.htm中“可可西音乐网”链接到http:/选做题:增加喜欢的音乐网站链接。(有条件的话,可自己上网搜索,得
3、到其名称和网址),链接到电子邮箱,任务四:将首页index.htm中“跟我联系”链接到自己的E-mail地址。 如:老师邮箱为masuping_,1.无书签式链接任务五:打开“乐海流连”网站中的“音乐漫谈” YYMT.htm网页,对其中的“返回页首”图形建立链接,链接到同页页首。,同一页面内部的链接1,同一页面内部的链接2,2.建立书签式链接【书签】:指网页中被标记的位置或被标记的选中文本,可以作为超链接的目的地。(注:若要在页面内部建立书签式链接,必须先创建书签。) 任务六:对YYMT.htm网页中的“乐坛之最”小标题建立书签式链接。,建立图像映射,图像映射:是指本身包含多重链接的图形,与一个常规的链接图片的不同之处在于一个图像映射可以引向几个目标,单击图片的不同位置,将激活不同的链接。热区:图像中每一个可以单击的区域称为热区,每个热区都可以创建超链接。任务七:打开“福娃介绍”网站中index.htm文件,建立图像映射,使得单击图像的相应区域,打开福娃详细介绍页面。,本 课 小 结,浏览个人作品,检查任务完成情况,回顾本节课所学知识点。 【小组讨论】 1. 浏览网页时观察超链接存在与否,最直接的方法是什么? 2. 你的朋友准备新建个人网站,你会对他提出哪些建议?(结合今天所学内容回答),