1、1,使用链接,2,复习提问,1、网页中能使用的图像格式有哪些?,JPEG/JPG,GIF和PNG 2、当我们浏览网页时,常常可以见到有些图像鼠标经过时变换不同的图像,是怎么实现的呢?,这种效果是通过使用“鼠标经过图像”来实现的。在网页中,选择“插入”,选择“图像对象”,选择“鼠标经过图像”进行具体的设置就可以实现。,3,课程引导,网站上的各种链接是网页制作的基本因素,也是浏览网页的基本导线。任何一个网站,网页之间都是通过超级链接的方式相互建立关联的,因此超级链接是网站的生命线,它的意义就如城市之间的交通线。,4,知识目标,(1) 能够熟练完成能够建立内部链接、外部链接(2)能够创建锚点链接、E
2、-mail链接等各种形式的超级链接(3)能够制作图像热区(4)能够创建导航条与跳转菜单,5,案例展示,为“青果集团”网站加各种链接,6,任务分析,在一个网页中能够实现各种链接的方式,如何选择合适的链接方法实现各种链接?,7,知识讲解(一),超级链接的基础知识: 超级链接是指从一个网页指向一个目标的连接关系,即在 Web 页面中插入的指向其它文档的引用。 超链接可以链接文本、图片、程序、音乐、影像等文件。当移动鼠标到页面某一地方变成 图标时,这个地方就是一个超链接。 链接可以将任何类型的资源转换为链接,但最常用的链接类型是文本链接。可以在站点创建过程的任何阶段创建超级链接。,8,知识讲解(二),
3、文档路径 要正确创建链接,必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址,称为统一资源定位符(URL)。,9,知识讲解(三),_blank,_parent,_self,_top,链接目标:,10,知识讲解与操作示范(一),制作“青果集团”网站创建各种连接: 1、外部链接:选中网页中的图像,在“属性”面板中设置“链接”属性“http:/ ”。 2、内部链接:选中网页中的“信息反馈”,在“属性”面板中设置“链接”属性“biaodan.htm” 3、锚记链接:插入锚记标记(在顶部)-命名锚记(#top)-选择“返回顶部”-在“属性”面板中设置“链接”属性为#top 4、E-mail链
4、接:选中网页中的,在“属性”面板中设置“链接”属性mailto:,11,知识讲解与操作示范(二),5、跳转菜单:插入表单跳转菜单设置跳转菜单列表,“美文欣赏”“信息反馈”设置链接的网页6、图像热点链接:选中页面中的图像,在“属性”面板中选择“椭圆形热点工具”,在图片中选出热点区域,在“链接”中选择合适图片。7、导航条:插入图像对象导航条设置导航条的各种状态图像。,12,课堂模仿,按演示案例完成“青果集团”网站的其他链接。练习锚记链接练习导航条的链接练习图像热区的链接练习e-mail的链接,13,疑难解析,问题1:链接的种类这么多,那么在什么情况下创建何种链接呢?,14,归纳总结,通过创建链接,可以把Internet上众多的网站和网页联系起来,构成一个有机的整体。点击网页上的链接就可以在Internet上的网站之间相互跳转,“周游列国”。本单元重点、难点:文本、图像、图像热区链接锚记链接、e-mail链接、跳转菜单导航条链接,15,扩展性任务,为“后大学时代”网页添加各种链接,16,结束,