04第四章超级链接的使用.docVIP

江西新华电脑专修学院课堂教学教案 （电脑应用课使用） 课程名称 Dreamweaver网页设计 教学对象 电商、应用专业 教 材 Dreamweaver网页设计 授课内容 超级链接的使用 课 时 3课时 教学目的 与要求 通过本节课的学习，您应该学会以下知识和技能 1了解什么是超级链接 2 熟悉超级链接的创建方法 3 掌握超级链接的分类 4 掌握图像链接的应用 重点、难点 1 重点要掌握文本超级链接的创建、图像超级链接的创建方法。 2 难点是绝对路径和相对路径的概念理解，图像导航条的使用方法 课 型 新授课 教学方法 讲授法、互动法、演示法、讨论法 教学过程 导入课题（10分钟） 前面我们学习了网页中文本和图象的使用方法，知道了如何制作图文混排的页面。我们知道网站是有很多信息的一个集合，那么如何在网页中将我们所制作的各个页面联系在一起呢？今天我们就来学习超级链接。 知识剖析 （120分钟） 什么是超级链接？（15分钟） Web上的页是互相连接的,单击被称为超级链接的文本或图形就可以连接到其它页。超级链接是带下划线或边框,并内嵌了Web地址的文字和图形,通过单击超级链接,您可以跳转到特定Web节点上的某一页。:是将服务器上磁盘驱动器名称和完整的路径都写出来.如: a href “file:///D:/website/index.htm” 2. 相对路径:相对于当前的HTML文档所在的目录或站点根目录的路径 格式:相对关系/部分路径/文件名 超级链接的分类（30分钟） 空链接（blank link）如： a href “#” title “这是一个空链接” target “_blank 空链接blank link URL链接如： a href title “link xinhua” target “_blank” 安徽新华电脑专修学院 E-mail链接如： a href mailto:?loveme1122@126.com?subject how are you 发送邮件 锚点链接 4.1 定义锚点名称 如： a name abc 4.2 实现锚点链接 4.2.1 页面内锚点链接 如： a href ”#abc” 页面内锚点链接 4.2.2 页面间锚点链接 如： a href ”index.htm#abc” 页面间锚点链接 下载链接 在IE浏览器中不能够直接浏览的 例如一些 .exe .zip 或 .rar文件等。 文本超级链接的创建（20分钟） 选择需要设置链接的文本 在属性面板的链接输入框中填写你所需要的链接地址。 目标： _blank：链接目标地址在新窗口打开 _parent：链接目标地址在父窗口打开，如果是框架则清除所有框架 _self：链接目标地址在自身窗口打开 _top：链接目标地址在顶部窗口打开 图像超级链接的创建（20分钟） 插入所需图像 选择该图像 在属性面板中设置超级链接地址 图像导航条的创建（25分钟） 首先准备4副导航图像 在插入面板中点击导航图像按钮 在弹出的对话框中设置所许的参数。 复习思考 作 业 （10分钟） 1. 什么是超级链接？ 2. 什么是绝对路径、什么是相对路径？ 3. 如何给文本创建超级链接？ 4. 如何给图像创建超级链接？ 5. 如何创建导航图像条？ 归纳小结 （10分钟） 本节课我们主要的讲解了以下内容 1什么是超级链接以及如何设置超级链接 2什么是绝对路径、什么是相对路径 3文本以及图像的超级链接创建方法 4图像导航条的创建方法 5关键词：路径 URL链接 锚点连接 E-mail链接 空链接 下载连接 江西新华电脑专修学院 Jiangxi Xinhua Computer Special College 第 1 页 共 4 页 教务处 网址：Http://