《建立超链接》课件

江苏省通州高级中学 建立超链接 江苏省通州高级中学 杨文鹏 我们为什么要创建超链接呢？ 请同学们打开“我的奥运”网站文件夹并观察 我们浏览的网页中哪些是超级链接呢？ 起点中文网宋朝没事 南通各城市天气预报 通州高级中学网站 自己动手 v请同学们利用打开我的“奥运网站”的“进入 页.htm”并点击进入页中的“进入本站”，体 验相对超链接。你会发现什么？ 相对超链接 同一网站不同网页间的超链接 v请同学们使用frontpage2000打开“首页.htm”, 将导航条上未创建超链接的文字链接到本站中对 应的网页。（学生可选择其中一个，也可做全部 都做） 提示：1、编辑网页在“普通视图”进行，看效果在“预览视图”下 进行。 2、和word一样要“先选中后操作” 任务一（文字） ： 发现问题 v刚才同学们有没有发现一个问题，当我们链接到 “奥运动态.htm”页面后发现无法回到首页，也 无法链接到网站中的其它网页？这是为什么呢？ 这是由于我们链接结构不合理 相对超链接 同一网站不同网页间的超链接 超链接结构 首页 奥运动态奥运金牌我和奥运奥运动态 超链接 树状结构（一对一） 相对超链接 同一网站不同网页间的超链接 首页 奥运动态奥运金牌我和奥运奥运动态 超链接 超链接超链接超链接 超链接 星状结构（一对多） 超链接结构 相对超链接 同一网站不同网页间的超链接 相对超链接 同一网站不同网页间的超链接 v请同学们完善“我的奥运”网站的超链接结构。 任务二（完善超链接结构）： v刚才大家所做的链接源是文字，那么如果是图 片呢？ 相对超链接 同一网站不同网页间的超链接 任务三（图片） ： 利用我们刚才创建超链接的方法，将首页中的与 导航条中文字相对应的图片，链接到本站中对应 的网页。 参照“文字”链接源创建超链接的方 法 v刚才同学们是对整个图片做超链接的，如果我 们只想要图片的一部分有超链接呢？我们再来 看一下链接的对象：何为超链接？就是能链接 一切的网络资源，其中也包括电子邮箱。我们 网站的维护者和浏览者之间需要互相的联系， 很常用的一个途径就是发送电子邮件。接下来 我们在“联系我们”这张图片上创建“图片热区 超链接和电子邮件超链接” 相对超链接 同一网站不同网页间的超链接 方形热区 圆形热区不规则图形热区 v请大家根据老师的演示，来完成“联系我们”这 张图片的图片热区的超链接 相对超链接 同一网站不同网页间的超链接 任务四（图片热区超链接、电子邮件超链接）： 大家在自己操作的过程中思考三个问题： 1、刚才老师演示的是“方形热区”的超链接，如果我们想创建 “圆形热区”、“不规则图形热区”的超链接那我们该怎么办 呢？ 2、我们能不能在一张图片上同时创建多个图片热区超链接呢？ 3、请同学们根据老师的提示继续完善主页和子网页中的超链接 结构。 v请大家切换到主页“index.htm”并预览，请 大家点击“国际奥委会”这五个字，看一看发 生了什么现象？ 绝对超链接 两个不同网站网页之间的超链接 自己动手 绝对超链接 两个不同网站网页之间的超链接 国际奥委会 域名 任务五（文字） ： 请大家根据我们刚才的分析，将首页中的“百度 ”这两个字链接到百度网页。 绝对超链接 两个不同网站网页之间的超链接 任务六（图片） ： v我刚才所做超链接的链接源是文字，如果链接 源是图片呢？请大家将新浪的logo图片链接到 新浪网首页 参照“文字”链接源创建超链接的方 法 起点中文网宋朝没事 同一网页的超链接（书签超链接） 同一网页的超链接（书签超链接） v再请大家切换到“奥运动态.htm”网页并预览 ，点击“国家体育场（鸟巢）”这几个字，你 会发现什么？ 自己动手 同一网页的超链接（书签超链接） v请同学们完善“奥运动态.htm”网页中其它几 个书签超链接。 任务七： 如果我们想定位到网页的哪个地方，那么我们就在哪个位 置插入书签，有点像我们读书时用的书签 v设置超链接色彩的目的是什么？ 超链接的色彩 v怎样设施超链接的色彩？ 请同学们参照书本P96上的内容课后自己操作设置“我的奥运” 网站上超链接的色彩 本课小结 2、相对超链接（同一网站不同网页间的超链接） 3、绝对超链接（两个不同网站网页之间的超链接） 4、同一网页的超链接（书签超链接） 文字图片图片热区 电子邮箱 文字、图片 1、链接的结构分类 5、超链接的色彩 树状结构（一对一 ） 星状结构（一对多 ） v1、进一步完善“我的奥运”网站的超链接结 构并优化其结构。 v2、我们刚才的链接的目标基本上都是网页， 我们说超链接的链接对象可以是一切的网络资 源，课后大家可