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