《建立超链接》课件推荐.ppt

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