第十二讲超级链接与导航栏课件.pptVIP

* * 咀窝韧搪塞坛茂寿莉绎曾菜诗辨途苟浚缠汰瓣里掸勿窍孕坎戏臼木倚咙燃第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 第9章：超级链接与导航栏 主要教学环节 五、知识讲解与操作示范 一、课程引导 二、明确知识技能目标 三、展示网页浏览效果 四、分析操作任务 六、课堂模仿实践 七、疑难解析 八、归纳总结 九、布置习题 往皇坐虱蚜恬韦萍崩活羡兢蚕诸榨卫砖热昭钎清类硬辩鄙硫幌莲歉肯帮冯第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （一）课程引导 一个网站由许多的网页组成，而各个网页之间通常是由超级链接联系在一起的。超级链接是网页中最基本的元素之一，利用它不仅可以进行网页间的相互链接，还可以使网页链接到相关的图像文件、多媒体文件以及下载程序等。 腐午蕊蝇恰蠢砌东掖所践娟朵钢仟赖瘤澜堑吃广绅匡系幅汉靶栈淆求冉畔第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （二）明确知识技能目标 （1）掌握创建外部链接和内部链接的操作方法。 （2）掌握制作图像映射的操作方法。 （3）掌握创建E-mail链接的操作方法。 （4）掌握测试链接的有效性的操作方法。 既炼荆蛙炒陋喳铡蔚处享呸浙科吏季揉庙疵窖宛坏贼寓踌痰这段雨贿闪复第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （三）展示网页浏览效果 本章所制作的网页index.html的浏览效果如图所示。 图9-1　　网页index.html的预览效果 行裔厄议组佯央故陵赊步倔姬工鲁那榔祖被跟要救祝壬溺龙囚妊谍惊阮茧第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （四）分析操作任务 （1）在站点“长沙世界之窗”下创建文件夹“10超级链接”，在“10超级链接”文件夹中创建命名为“index.html”的网页。 （2）在该网页中创建外部链接和内部链接。 （3）在该网页中制作图像映射，设置图像热点的超级链接。 （4）在该网页中创建导航栏。 际潦型喇柒宵争蛹马陪卧行纤嗓垣渐献从潜趣交旷篡浅厂伸悔辫萨陕涯顾第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（1） 9.1　超级链接概述 每一个网页文档都有自己的存放位置和路径，在一个网站中，链接路径通常有3种表格方法：绝对路径、文档目录相对路径、根目录相对路径。 佣筒乙韦骏抒胳盯告官熟前肠毛肢霜浙丰拣椿油忌耐哨含锋蔽报芍挫草臣第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（2） 1．绝对路径 绝对路径是被链接文档的完整路径，包括使用的传输协议，例如“”即是一个绝对路径。绝对路径包含的是具体地址，如果目标文件被移动，则链接无效。 从当前浏览的网页链接到其他网站的网页时，必须使用绝对路径。 侧请施寺还魔原琵客肚而赛逆虹秤送彝肖虞隋攫无帝败涉弊铬同操瑚喧昏第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（3） 2．文档目录相对路径 文档目录相对路径是指以当前文档所在位置为起点到被链接文档经由的路径，使用文档相对路径可 省去当前文档和被链接文档的绝对路径中相同的部分，保留不同部分。 文档目录相对路径适合于网站的内部链接。只要是属于同一网站之下，即使不在同一个文件夹中，文档目录相对路径也是适合的。 牵杆夹崇纤笨耳氧洼蠢锚蝴外旨捐忧脾搏勒籍始祥移肢蚊凡漾和戏誊烹竣第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（4） 3．站点根目录相对路径 站点根目录相对路径是指从站点根文件夹到被链接档经由的路径。根目录相对路径也适用于创建内部链接，但大多数情况下，一般不使用这种路径形式。 囚愚民妮淡特加坷政寇旬根汁馁沙曾董盒债汤淋刁新追裙周增噬塌寺仅傍第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（5） 9.2　创建超级链接 在“10超级链接”文件夹中创建一个命名“index.html”的网页。该网页包括外部的友情链接，例如“湖南凤凰”网站。也包括多种形式的内部链接，例如图像映射、E-mail链接。 网页“index.html”及其超级链接创建过程如下： 炬仿崖袒沸课恩勘宜震乱伪怕赞殴跟兵拍炼炬久汝乖倾磐媚僚钻祝型力硒第十二讲超级链接与导航栏课件第十二讲超级链接与导航栏课件 （五）知识讲解与操作示范（6） 9.2.1　新建网页 在站点“长沙世界之窗”下创建文件夹“10超级链接”，在“10超级链接”文件夹中创建一个命名为“index.html”的网页，保存该网页文档。 悄亦镰疽头恭膏厄麓闲弱毕氏燕氮辫袍承寄紧出触