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