使用链接.

Presentation on theme: "使用链接."— Presentation transcript:

1 使用链接

2 复习提问 1、网页中能使用的图像格式有哪些？ 2、当我们浏览网页时，常常可以见到有些图像鼠标经过时变换不同的图像，是怎么实现的呢？
JPEG/JPG，GIF和PNG 2、当我们浏览网页时，常常可以见到有些图像鼠标经过时变换不同的图像，是怎么实现的呢？ 这种效果是通过使用“鼠标经过图像”来实现的。在网页中，选择“插入”，选择“图像对象”，选择“鼠标经过图像”进行具体的设置就可以实现。

3 课程引导 网站上的各种链接是网页制作的基本因素，也是浏览网页的基本导线。任何一个网站，网页之间都是通过超级链接的方式相互建立关联的，因此超级链接是网站的生命线，它的意义就如城市之间的交通线。

4 知识目标 （1） 能够熟练完成能够建立内部链接、外部链接 （2）能够创建锚点链接、E-mail链接等各种形式的超级链接
（3）能够制作图像热区 （4）能够创建导航条与跳转菜单

5 案例展示 为“青果集团”网站加各种链接

6 任务分析 在一个网页中能够实现各种链接的方式，如何选择合适的链接方法实现各种链接？

7 知识讲解（一） 超级链接的基础知识： 超级链接是指从一个网页指向一个目标的连接关系，即在 Web 页面中插入的指向其它文档的引用。
超链接可以链接文本、图片、程序、音乐、影像等文件。当移动鼠标到页面某一地方变成 图标时，这个地方就是一个超链接。 链接可以将任何类型的资源转换为链接，但最常用的链接类型是文本链接。可以在站点创建过程的任何阶段创建超级链接。

8 知识讲解（二） 文档路径 要正确创建链接，必须了解链接与被链接文档之间的路径。每个网页都有一个唯一的地址， 称为统一资源定位符（URL）。
根目录相对路径 根相对路径是指从站点根文件夹到被链接文档经由的路径。一个根相对路径以前斜杠开头，它代表站点根文件夹。根相对路径是指定网站内文档链接的最好方法，当我们要移动一个包含根相对链接的文档时，无需对原有的链接进行修改。 文档相对路径 以当前文档所在位置为起点到被链接文档经由的路径。这是用于本地链接的最适宜的路径。当我们要把当前文档与处在相同文件夹中的另一文档链接，或把同一网站下不同文件夹中的文档相互链接时，应该使用相对路径。 绝对路径 绝对路径就是被链接文档的完整URL，包括所使用的传输协议（对于网页通常是

9 知识讲解（三） 链接目标： _parent _self _blank _top 将被链接文档载入到新的浏览器窗口中。
将被链接文档载入到父框架集或包含该链接的框架窗口中。 将被链接文档载入与该链接相同的框架或窗口中（本选项是默认的，通常无须指定） 将被链接文档载入到整个浏览器窗口并取消所有框架。

10 知识讲解与操作示范（一） 制作“青果集团”网站创建各种连接：
1、外部链接：选中网页中的图像，在“属性”面板中设置“链接”属性“ 2、内部链接：选中网页中的“信息反馈”，在“属性”面板中设置“链接”属性“biaodan.htm” 3、锚记链接：插入锚记标记(在顶部)----命名锚记（#top）---选择“返回顶部”----在“属性”面板中设置“链接”属性为#top

11 知识讲解与操作示范（二） 5、跳转菜单：插入→表单→跳转菜单→设置跳转菜单列表，“美文欣赏”“信息反馈”→设置链接的网页
6、图像热点链接：选中页面中的图像，在“属性”面板中选择“椭圆形热点工具”，在图片中选出热点区域，在“链接”中选择合适图片。 7、导航条：插入→图像对象→导航条→设置导航条的各种状态图像。

12 课堂模仿 按演示案例完成“青果集团”网站的其他链接。 练习锚记链接 练习导航条的链接 练习图像热区的链接 练习 的链接

13 疑难解析 问题1：链接的种类这么多，那么在什么情况下创建何种链接呢？

14 归纳总结 本单元重点、难点： 文本、图像、图像热区链接 锚记链接、e-mail链接、跳转菜单 导航条链接
通过创建链接，可以把Internet上众多的网站和网页联系起来，构成一个有机的整体。点击网页上的链接就可以在Internet上的网站之间相互跳转，“周游列国”。 本单元重点、难点： 文本、图像、图像热区链接 锚记链接、 链接、跳转菜单 导航条链接

15 扩展性任务 为“后大学时代”网页添加各种链接

16 结束