在网页中插入各种超级链接资料.doc

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