资源简介

任务四 建立超级链接
一、提出任务
1．任务目标
完成“作品展示”网页中超级链接的添加。
2. 解决的问题
本任务将把网站中的所有网页联接起来、并把网站和Internet上的目标对象联接起来。通过完成本任务要学会如何在网页中建立超级链接。
3. 本任务所涉及原有知识要点
完成本任务所涉及原有知识要点有：在网页中添加文本对象、图像等网页元素，以及设置这些网页元素的样式。
二、教学目标
1. 知识目标
⑴ 理解各个独立的网页如何构成一个有机的整体。
⑵ 理解超级链接的含义，超级链接中的链接源和链接目标。
⑶ 掌握为网页中的文本对象建立超级链接。
⑷ 掌握为网页中的图像建立超级链接。
⑸ 在网页中建立电子邮件超级链接。
⑹ 掌握其他类型（文件下载、空链接）超级链接的使用。
⑺ 掌握设置文本超级链接样式。
⑻ 理解不同类型的链接路径。
2. 能力目标
熟练掌握在Dreamweaver 8中为网页元素建立各种超级链接，并能根据具体需求进行灵活应用。通过对不同对象设置超级链接的操作，总结出操作规律，培养学生自主学习与应用的能力。
3. 情感目标
培养学生系统分析、解决问题的能力，在小组协作学习中，培养学生团队精神与沟通能力；并通过完成本任务，使学生感受成功的喜悦。
三、教学分析与准备
1. 教学重点
⑴ 超级链接的含义，链接源和链接目标。
⑵ 各种超级链接的建立。
⑶ 设置文本超级链接的样式。
2．教学难点
链接路径的三种类型。
3. 教学方法
任务引领学习和自主学习、协作学习、探究学习相结合，通过举一反三拓展对所学知识的认识和理解。
4. 课时安排
4课时。
5. 教学环境
多媒体网络教室。
四、教学过程（组织课堂、复习知识、教师引领完成任务占4课时；举一反三占2课时。）
教学环节及手段 教学内容 备注
组织课堂 复习知识 任务流程 导入任务 教师引导，学生讨论、分析。 分析任务 完成任务 知识讲解 动手练习 知识讲解 动手练习 知识讲解 动手练习 知识拓展 知识总结 完成任务 举一反三 任务目标 启发思路 分组完成任务 学生自评或互评 教师点评总结 布置作业 集中学生注意力，准备上课。 通过让学生上前操作考察学生对“添加表格内容”的掌握情况。 教师在Dreamweaver 8中打开一个表格布局的网页，让学生在表格中插入文字和图片。 在“作品展示“网页中已制作好网页导航，但这时的导航还没有实现超级链接。请大家回忆在以前的学习中，哪些软件利用到了超级链接？在这些软件中超级链接起什么作用？通过讨论总结使学生理解超级链接的含义。 展示两个网页，一个已经创建了超级链接，一个没有超级链接，让学生进行比较找出区别。学生展开交流，通过对比找出不同点，回答教师的问题。使学生明白在因特网上有“小手”的地方就有超级链接——就有信息资源，超级链接让网页“活”了起来。从而引出本课课题。 提出任务：为“作品展示”网页创建超级链接 在建立超级链接之前，要明确链接源与链接目标及其链接关系，然后根据不同的超级链接类型建立超级链接。 1．为文本添加超级链接 ⑴ 为网页中的导航文本添加超级链接。 a．超级链接的添加方法： 使用“浏览文件”按钮。 使用“指向文件”按钮。 输入超级链接路径：直接在“链接”下拉列表框中输入文本的链接对象的路径。 b．“目标”下拉列表选项简介。 ⑵ 介绍链接路径的三种类型。 提示学生注意观察：创建不同类型的超级链接时在属性面板中“链接”下拉列表框看到的路径有何不同。 ⑶ 结合以前的学习经验，讨论如何使用“插入”菜单或“插入”栏的“常用”类别中的“超级链接”按钮，建立超级链接。 在同一站点内不同页面之间建立链接。学生实践完成教材p92页题3。 2．设置文本超级链接样式 学生讨论并回答：上网时见过哪些超级链接？它们的文本样式是什么？实际制作时如何实现这些样式？ 为了区别未建立链接的普通文本，可以为超级链接文本设置不同的样式。 设置文本超级链接样式练习，学生实践完成教材p92页题2。 3．为图像添加超级链接 安排学生示范操作并讲解如何为图像添加超级链接，然后教师总结补充。 教师讲解如何设置“提示文本”。 4．添加“友情链接” 通过在“属性”面板中的链接文本框中输入绝对路径http://www.，实现在浏览器中预览网页时，单击图像“link.jpg”，即可打开“http://www.”（网页教学网）。 实现与Internet上的目标对象间的超级链接。学生实践完成教材p91页题1。 5．添加电子邮件超级链接 在网页中经常看到一些用于运行邮件发送程序的超级链接，这就是电子邮件超级链接。 教师演示建立电子邮件超级链接的三种方法。 6．文件下载超级链接、空链接。 通过完成本任务学习了： ⑴ 什么是超级链接。 ⑵ 关于链接源和链接目标：超级链接不能凭空建立，需依托一个实体而存在，这个实体可以是文本、图片、表格的行列或单元格等，链接的目标对象可以是网页、文件、邮件地址等。 ⑶ 建立各种超级链接的方法。 ⑷ 不同类型的链接路径。 ⑸ 设置文本超级链接样式。 学生动手“作品展示”页面的链接。 依据前面学习的知识与掌握的专业技能，学生自己完成任务，教师作为组织者和引导者，着重启发学生寻找完成任务的思路，养成检索与应用“书籍”、“帮助”、“网络”等习惯。 利用收集到的素材和课前的准备，完成“环保”主题网站制作。在网页上添加本任务所学习到的各种超级链接，链接的目标网页内容可以相对简单，但所有链接均为有效链接。 1．超级链接可以使访问者从一个网页跳转至另外一个网页，或从一个站点跳转至另外一个站点。但是，这种频繁的跳转可能使人烦躁。为了方便用户更好的浏览页面，要注意什么？： ⑴ 超级链接必须简洁明了。 ⑵ 超级链接文字必须与普通的内容文字相区别，鼠标移动到超级链接上时显示突出效果。 默认的超级链接动作对应的是颜色变化，同时还要考虑到如果仅仅依靠颜色的变化来区分超级链接状态的话，那么色盲们可以接受吗？给超级链接加上下划线将更有助于用户辨认超级链接；或者是当鼠标经过超级链接时出现下划线，也能达到同样的效果。 ⑶ 超级链接上最好包含一些简单的链接目标提示，这有助于用户决定自己的意愿，即是否点击该链接。 2．不同功能的超级链接可以使用不同的链接样式，如导航条内的超级链接，应该使用特别的颜色和效果。 3．网站内的链接样式应该尽可能的少，同一站点下的所有网页超级链接样式最好保持一致，这样页面比较整洁。 4．超级链接能做到“来去自如”，但是要在中途迷路了怎么办？应该在每一页上都做返回链接。为了浏览方便，还可以添加“上一页、下一页、回首页”等链接。 学生分组完成。 由各组学生代表分析说明本组完成的任务。 教师对学生作品点评总结。引出下一节课课题：想成为网页制作高手吗？学习使用代码制作表格网页。 1．在个人网站的推广中，如何有效的利用超级链接。 2．上网浏览一些个人网站，注意特殊的超级链接效果，并模仿制作。 提醒学生注意光标的插入状态，不要在选中当前单元格的状态下插入。 由学生来回答问题，一起复习在Office中学过的有关超级链接的知识。 通过任务导入，吸引学生学习兴趣。 教师提出任务要求，由学生进行讨论，教师归纳总结。 教师讲解为主。 学生分组讨论并完成。教师提示操作要点，出现问题时可查找课本或帮助。 学生分组讨论并完成。 学生分组讨论并完成。 学生利用“帮助”学习，并互相讨论掌握这两种超级链接，教师辅以必要的讲解，要求每个人做出实例，教师点评总结。

展开更多......

收起↑