姓名 陈恒岳 专业 教育技术学 学历  硕士研究生  学校 深圳大学
《创建超级链接（二）》教学设计
课  题：《创建邮件链接和书签链接》
教学内容分析:
创建超级链接是网站设计中的重要组成部分，本节课是第六章的重点内容，主要讲解另外两种类型的链接的设置方法：书签链接和链接，并介绍书签链接和链接的含义及作用。
教学目标:
1. 了解书签链接和链接的含义及作用。
2. 掌握书签链接设置方法。
3. 掌握链接的设置方法。
学习者分析
通过上节课的学习，学生已经掌握了超级链接的基本概念以及一些简单超级链接的设置方法，如图片或文本链接、空链接和脚本链接的设置。在此基础上，讲解本节课的内容，学生比较容易接受。
教学重难点:
书签链接和链接的创建
教学策略:
1. 设疑诱导法：通过设置一系列问题，引导学生参与思考，并动手操作。
2. 讲练结合法：通过教师讲，学生及时练习，从而掌握知识。
教学资源:
多媒体网络教室、案例
任课班级
09网络2
教与学的过程
教学程序
教师活动
学生活动
教学策略
导入（3’）
同学们，上节课，我们学习了超级链接的基本概念以及三种类型的超级链接的设置方法，还把超级链接比喻成段誉会的武功“凌波微步”，同学们还记得哪三种吗？我们演示案例帮助同学们回忆一下，刚才在案例中，我们发现除了上述几种链接以外，还有别的链接形式存在，是什么链接啊？那这种链接如何设置呢？
认真观察老师的演示，并思考和回答老师的问题。学生可能回答：还有邮件链接和书签链接。
通过案例演示并结合上节课的内容以及设置疑问的方式导入新课。让学生带着疑问进入学习，有利于学生知识的掌握。
主  要  过  程
邮件链接的概述：
3’
已经成为人们相互沟通的重要工具，因此网页中设置已经非常普遍，邮件链接可以设置在图片上，也可以设置在文本上。点击链接可以打开系统已经安装的邮件应用程序，例如：outlook，并且可以设置自动生成收件人地址，用户填完其他选项后，就可以直接发送邮件了。
认真听讲
通过听老师讲解，了解邮件链接的含义及作用
重点讲解邮件链接的设置方法：
8’
1、打开首页index.html，在顶部右侧输入“”，方法一：选取该文本执行“插入/链接”命令，在打开的对话框中输入Email地址chenhengyue.2008@163，单击“确定”按钮。浏览效果。
教师问：除了这种方法外，还有别的方法吗？我们上节课在给某个对象设置链接时，是通过什么方式啊？方法二：选中文本或图片，在属性面板中“链接”栏中输入“mailto: chenhengyue.2008@163”。按回车键确定。浏览效果。
2、刚才，我们演示的时候，在outlook中我们除了看到收件人栏自动生成地址，在主题和抄送栏中也自动形成，这是怎么实现的呢？
讲解：在属性面板中“链接”栏中输入“mailto:chenhengyue.2008@163?subject=你好&cc=emily2009emily@126”。
1、观看老师操作
2、思考老师的问题并积极回答问题
1、讲解本节的重点内容之一，让学生感知操作。通过两个问题引导学生给出方法二。
2、让学生带着问题听讲，有利于加深学生对知识的印象。
邮件链接的书写格式：
5’
我们首先来看下邮件链接的书写格式是什么样：mailto:邮件地址?subject=邮件主题&cc=抄送地址，提示学生？、&要英文状态下输入，下面通过一个实例讲解邮件链接书写格式的每个组成部分：mailto:chenhengyue.2008@163?subject=你好&cc=emily2009emily@126
subject=邮件主题；cc=要抄送的地址；其中？表示分隔符，&表示连接。
认真听讲，并记住邮件链接的书写格式
通过前面的讲解，再把链接书写格式强调给学生，便于学生接下来的操作。
练一练
5’
图片链接怎么生成把练习材料发给学生：
任务1：在index.html中右上方输入“咨询”，并为该文本添加邮件链接，链接到pp@163，同时自动填写主题“咨询问题”，并抄送到aa@126。
任务2：练习完后，请一位同学到教师机上演示给大家看，检查学生是否掌握设置方法。
积极动手练一练
鼓励学生动手操作，通过及时练习掌握新知。
学生操作完后给予积极的反馈
书签链接概述
3’
1、拿起一本书，问同学们，如何可以快速翻到上次看到的地方？
学生可能回答，把上次看到的地方折叠一下或者是放上一个书签。
对，这就和我们今天要学习的另外一个链接，书签链接的作用很相似，快速的浏览到感兴趣的内容。
因为网站中我们不能给页面折个角来实现标记，我们就选用给网页中的内容加个书签，也就是个记号，在Dreamweaver中也叫锚记。
认真听讲，并积极回答老师问题。
通过通过日常学习生活中的常见问题，引入书签链接，有利于学生的理解。
书签链接输入格式：
2’
有两种情况：
第一种情况是实现页面间的跳转，如刚才我们演示时，从首页景点地图的景点跳转到景点介绍页面中相应景点的介绍，这种情况下的链接输入格式是：路径+文件名+#书签名
第二种情况是实现页面内跳转，如刚才从景点介绍页面上端的景点标题，跳转到相应的景点介绍，这种情况的链接输入格式是：#+书签名
认真听讲
在操作演示前把链接输入格式讲解给学生，有利于学生后面的操作。
重点讲解书签链接设置方法
6’
【页间跳转】：
1、打开景点介绍页面jdjs.html，将光标定位到都江堰的标题处，提示：一般定位在标题前方，点击“插入/命名锚记”或者按Ctrl+alt+A，在打开的对话框中输入锚记名称“djy”。
2、问：是不是插入了锚点就可以实现上述演示的效果了呢？当然不是，还要在链接页面设置链接，对不对？
3、还剩下一个关键步骤就是，打开index.html，选取网页中的景点地图，使用“属性”面板中的“矩形热点”工具，在都江堰处绘制矩形热点，并设置链接内容“files/jdjs.html#djy”，目标设置为“_blank”，替代项中输入“链接至都江堰的内容介绍”。保存并预览效果。至此一个完成的书签链接就设置完成了。
【页内跳转】：
第一步跟实现页间跳转的效果设置方法是一样的，在jdjs页面中，将光标定位在介绍峨眉山的景点介绍标题处，点击“插入/命名锚记”或者按Ctrl+alt+A，在打开的对话框中输入锚记名称“ems”。
第二步：选中页首顶部的标题峨眉山，在属性面板的链接域中输入“#ems”，按enter键确定，并保存。
认真观看老师操作
通过观看老师操作，掌握设置方法。
练一练
8’
任务1：请同学们，在刚才的练习网站中设置书签链接，实现首页到景点介绍的跳转以及景点介绍页面内的跳转。
任务2：5分钟后，请一位同学到教师机上演示，看看大家是否掌握了设置方法
积极动手练一练
鼓励学生动手操作，通过及时练习掌握新知。
学生操作完后给予积极的反馈。
总结
2’
1、邮件链接的作用：方便发送邮件，建立与网站人员的联系。
2、邮件链接书写格式：mailto:邮件地址?subject=邮件主题&cc=抄送地址
3、邮件链接的设置方法：
• 方法一：选取该文本执行“插入/链接”命令，在打开的对话框中输入Email地址，单击“确定”按钮。
• 方法二：选中文本或图片，在属性面板中“链接”栏中输入“mailto:Email地址”。
4、书签链接的作用：快速浏览自己感兴趣的内容。
5、书签链接书写格式：
• 【页间跳转】 ：路径+文件名+#书签名
• 【页内跳转】 ：#+书签名
6、书签链接的设置方法
• 【页间跳转】当前页面：定位—插入/命名锚记—命名锚记
•       链接页面：选中景点—设置矩形热点—在属性面板的“链接”域中输入“目标文件路径+#书签名”定位--插入锚记--
• 【页内跳转】定位—插入/命名锚记—命名锚记---选中标题----在链接域中输入：#书签名
实验安排
下节课进行本章课后实验的练习
教学
设计自评
本节课采用讲练结合和设疑诱导的方法，让学生在操作中，问题中掌握知识要点，并与上节课的内容相联系，有利于学生掌握知识的连贯性，联系日常学习生活中的现象，讲解知识，有利于学生对概念的理解，以达到教学目标。