在网页中插入各种超级链接.docx

在网页中插入各种超级链接 教学内容总体安排 课程名称 Dreamweaver网页设计与制作 授课教师 XXX X 课程类别 专业必修课 课 时 2 学 时 教学章节 第四章 在网页中建立各种超级链接 经美赦材 《网页设计与制 作实用教程》 主编：刘艳丽 授课班级 平面设计 1401 班 书面作业 P71 页--P72 页 上机作业 配套实训：超级 链接 教学准备 1、课件（超链接.ppt） 2、上课资料（教 材配备的素材，本校网站） 教学方法 案例式教学，任务驱动，多媒体讲授，讲 练结合。 教学设备 1、硬件：教师用多媒体计算机1台和学 生用计算机60台、投影仪。 2、软件：多媒体网络教学系统、 WindowsXP、Dreamweaver 8 学生分析 1、通过前几讲的学习，学生已经学会了 创建和管理站点的知识，自己可以创建一 个简单的网页。 第 第 PAGE #页共10页 教 案 教 案 第 第 PAGE #页共10页 课堂教学目标教 课堂教学目标 教 教学重点 案 2、学生经常上网，对于超级链接并不陌 生。所以，概念的引入并不困难，但是， 学生最熟悉的链接类型就是页面和页面 之间的链接，而对于超链接的作用理解的 不深入，对于多种建立超链接的方法也知 之甚少。 知识目标： 1、文字上建立各种超链接 2、图片上建立各种超链接 3、电子邮件超链接 能力目标： 1、通过发现问题来寻找解决问题的 方法，养成勤思考、爱学习的习惯。 2、培养学生养成动手动脑的自学能 力。 情感目标： 1、激发学生合理、合法使用超级链 接组织网络资源的兴趣和意识。 2、培养学生的实践能力、审美能力 及创新精神。 内部超级链接、外部超级链接、脚本 链接、E-mail链接、锚点链接、图像热区 的添加方法、导航栏的制作。 教学难点链接路径、脚本链接、设置链接颜色。 教学难点 超级链接是网页的最基本要素，是- web服务得以实现的核心。 授课思路及讲解要点9 授课思路及讲解要点9 本次课的讲解要点是各种超级链接 的添加方法及导航栏等。不仅介绍各种超 链接的方法，还要介绍应用的场合、优点C 导航栏实际上是通过自动添加javascipt 代码来实现的。也可以让学生有所认识， 为以后学习行为作铺垫。 教学过程上一讲回顾，上次作品点评，课程导入、 设计目标、课程内容讲解、归纳小结、课 后提问、布置课后实训课题 教学过程 鳌 第四章 在网页中建立各种超链接 回顾上一讲内容，展示、交流、评价上次课布置的课题“制作一个简单的网页” ，让大家 评比一下谁做的最好，并掌声鼓励。通过点评作品让学生增强荣誉感。 顾：(5 分钟) 课程 导入：进入本校网站，告诉学生什么是超链接，让同学们在浏览本校网站的同时，提出问题。 分钟) 课程 导入： 提问：让学生把在本校网站上见过的超链接指出来， 让老师分析这是什么超链接。活跃学 习气氛，让同学们对新课内容产生兴趣。 (5分 钟)介绍 本节 课素 材及 设计 目标：(5 钟) 介绍 本节 课素 材及 设计 目标： (5分 钟) 说明素材 所在路径，并 确立设计目 设计目标 制作一个具有超链接的网页。其浏览效果如图 4.1所示。 页面分析 (1)内部超链接 (2)外部超链接 (3)空链接和脚本链接 (4) E-mail超链接 (5)设置超链接颜色 实训引导 制作网页前素材的准备。 制作步骤 (1)创建内部超链接 (2)创建外部超链接 (3)创建空链接和脚本链接 (4)创建E-mail超链接 (5)设置链接颜色 标。 重点：(20 分钟)讲解内部和 外部超链接的 含义、制作方 法、应用场合 及优点。举一 些我们平时上 网用到的超链 接的例子，并 让同学们区别 是什么超链 接。先演示一 遍，再带着学 生做一遍，最 后再让学生自 己做一遍。4.2 重点： (20 分钟) 讲解内部和 外部超链接的 含义、制作方 法、应用场合 及优点。举一 些我们平时上 网用到的超链 接的例子，并 让同学们区别 是什么超链 接。先演示一 遍，再带着学 生做一遍，最 后再让学生自 己做一遍。 创建内部超链接 内部链接： 在同一网站文件之间的链接。 .链接网页文件 . 链接到其它文件 链接路径： 1、绝对路径：被链接文档的完整的 URL 2、相对路径：以当前文档所在位置为起点，到被链接文档经过的路径。文档相 对路径是最适合用于本地链接的路径。 3、根相对路径：从站点根文件夹到被链接文档经过的路径。 在新的浏览窗口中打开链接文件 在“目标”下拉列表框中，有四个选项： “blank”表示在新的未命名的浏览 器窗口中打开链接文档，其余三个选项的具体含义将在后续课程中讲解。 创建外部超链接 外部链接：不同网站文件之间的链接。 如： 创建空链接和脚本链接 .创建空车接：#