创建超级链接教案

12015年扬州市职业学校专业技能课程“两课”评比参评教案2参评组别信息技术类参评科目网页制作报送日期2015年10月19日2目录教案主题………………………………………………………3--9参考教材………………………………………………………122--1503创建超级链接教案项目名称第六章创建超级链接项目周期4课时教学目标知识目标1、了解超链接的基本概念和无址链接、脚本链接的含义；2、熟练掌握在网页中设置文字和图片超级链接、邮件链接、书签链接、热点链接的方法；3、掌握在网页中创建无址链接和脚本链接的方法；能力目标1、通过设置超链接的操作，使学生掌握网页中超链接的制作方法，总结出操作的规律，培养学生自主学习和协作学习的能力；2、充分培养分析问题、解决问题的方法和能力；情感目标1、通过利用设置超链接将独立的网页串成一个有机的整体，使学生感受成功的喜悦，培养学生合作交流的意识；2、培养学生热爱家乡、憧憬未来的精神。教学重点与难点重点难点创建书签链接与热点链接方法理解书签链接的操作步骤教学资源教材第六章、具有网络平台的机房、上海旅游网素材、导学案教法情境导入法、任务驱动法、探究教学法、小组讨论法等学法观察分析法、自主探究法、分组讨论法、动手操作法等教学反思在本课教学中，我利用多媒体课件互动教学，并通过小组合作、竞赛和探究的学习方式，培养了学生自主学习、协作学习和创新探究能力；教学设计注重拓展链接，使教学从课内延伸到课外,拓宽学生的知识面。总之，在本课教学中，我遵循了“以教师为主导，以学生为主体”的教学原则，注意对学生能力的培养，在宽松、自然的气氛中培养学生动手能力、自主学习能力、协作学习能力和创新探究能力。另外，在整个过程中我会及时表扬或鼓励他们，增强他们的自信心。4教学过程教师活动学生活动教学意图一、创设情境，引出课题（5分钟）教师展示制作成功的上海旅游网。提问：我们在浏览网站时靠什么在各个不同的网页之间跳转呢？我们今天这次课的任务就是运用超链接将上次课我们完成的上海旅游网的页面组合成一个有机的整体，形成一个真正意义上的网站课件依次出示问题：1、什么是超级链接？2、超级链接包含哪些类型？3、文档路径有哪三种类型？4、什么是绝对路径？5、什么是相对路径？欣赏网站，回答问题学生快速抢答1、此环节设计目的是通过欣赏制作成功的上海旅游网，让学生体会超级链接在网页中的作用，激起学生对本课的学习兴趣，自然而然地引入新课。2、调动学生学习的积极性，让学生在惊叹、羡慕的同时萌生制作的冲动，点燃学习的激情，进而适时向学生导入本节课的课题并启发讨论。此环节设计目的是通过小型的知识竞赛，活跃气氛帮助掌握基本概念，锻炼学生自主学习能力。任务一：完成首页与上海交通、上海饮食、上海购物分页页面的链接。（7分钟）学生电子举手，演示操作过程。此环节我放手让学生自主完成。大部分学生都有很强的探索欲和表现欲。教师抓住学生的这一心理特点，让学生亲自体验，以推动学生探索知识的意愿并将其转化为动力，提高学生的学习主动性和积极性。5二、新课教学（42分钟）教师总结归纳创建超级链接的三种方法：（1）使用属性面板（2）使用“指向文件”图标（3）使用“资源”面板创建教师讲解_blank、_parent、_self、_top的意义。任务二：完成上海交通页中八种进出上海的方式与页面中具体介绍的链接。（10分钟）师：我们再仔细观察上海交通这个页面，发现页首列出了八种进出上海的方式，下面是具体介绍，如果我想先了解公交车，应该怎么办？拖动滚动条方便吗？有没有更快捷的办法？是否可以尝试用我们今天学的超链接解决这个问题？公交车所在的位置应该怎样体现出来？平时我们在看书的时候，如果看到一半，去做其他事了，我们通常会在书中插入什么？书签实际上是在这里做了一个标记。如何插入书签?建立超链接之前，得先插入书签，作为链接目标。在操作过程中教师提示链接目标是书签，同时注意URL框中显示的内容。学生思考回答问题。学生电子举手操作：选择链接源、插入超链接、在选择链接目标时停住了。演示的学生经提示后，试图在“创建超链接”对话框中找书签），但目前的书签栏中没有可选项——因为我们还没有插入书签。随后让学生自主探究，为他们终身学习打下基础。此环节设计目的是使学生通过教师清晰的讲解加深对知识点的理解与记忆。此环节设计目的是通过师生间的问答，帮助学生理解锚记的作用。此环节设计目的是巧设误导性问题，让学生经历对问题解决途径的曲折探索与错误尝试，使其经受挫折磨砺，学会反思，从而培养学生发现分析解决问题的能力，学生能深刻记忆书签链接的创建步骤，从而突破重难点。6总结：通过书签式链接我们可以实现在同一页面间的跳转。任务三：实现上海交通页中返回页首的效果。（6分钟）师：（巡回指导）提问：刚才我们实现了从页首标题链接到下面的具体内容，如果我想从页面底部快速返回到页首重新选择，是否也可以利用超链接直接跳转呢？教师讲解从页面下方跳转到页首，这里有两种方式实现：一种是通过书签完成链接，另一种通过无址链接。无址链接不会跳转到任何地方。教师示范无址链接的操作。任务四：完成快速通道图中首页的超链接。（6分钟）教师：我们现在在上海交通这个页面，现在想返回主页，可以通过点击快速通道中的主页。提问：如何选中图片中首页这一部分并实现与主页的链接？提示：属性面板中长方形热点、圆形热点和多边形热点。当按下“长方形热点”按钮后，鼠标指针变成笔的形状，学生分组完成页面中其他交通方式的页内链接。学生回答并操作使用书签链接完成返回页首学生练习无址链接的操作，并对比两种返回页首的方式。学生根据教师的提示进行热点链接操作。此环节设计目的是让学生通过对比体会到两种方式都能实现返回页首，但在实际操作中无址链接更方便、快捷。培养学生自主学习能力，因为前面在完成各种超链接，学生能理解7此时可以在图中选中一块区域，松手，立即弹出“创建超链接”对话框，选择好链接目标，我们就可以实现图片中的超链接。任务五：为首页底端文本--“联系我们”与右上角图片--“contactus”插入电子邮件链接，链接地址为：[e-mail]。（8分钟）教师：做为一个站长，我们需要及时的了解浏览者的反馈意见以便更好的维护我们的站点。怎样才能为浏览者给站点写信提供方便，这就要靠EMAIL链接来实现了。在首页底端底端有“联系我们”几个字，请大家完善它的链接，使之链接到站长的EMAIL地址：[e-mail]。教师重点强调URL框中的mailto：。任务六：完成首页中脚本链接“欢迎光临上海旅游网”。（5分钟）教师展示效果，讲解脚本链接的含义演示操作步骤。小组讨论文本电子邮件链接操作步骤并操作。学生电子举手演示。学生思考如何为图片创建电子邮件链接。学生理解脚本链接的含义并掌握制作方法。URL框中显示的就是各个超链接的链接目标，学生能根据教师的提示完成热点链接操作。此环节设计目的是让学生带着任务展开小组讨论，使小组的交流更有针对性，从中体验到合作学习的乐趣，培养学生自主探究和合作学习的能力。此环节设计目的是通过教师清晰的讲解、直观的实例演示，学生很容易就掌握脚本链接的作用与制作步骤。8三、课堂练习（120分钟）任务七：根据提供的图片与文字信息，参照上海旅游网，设计高邮旅游网。教师及时对练习过程中出现的问题给以帮助指导，鼓励学生开展协作学习拓展思路。学生思考并小组讨论如何完成高邮旅游网的制作。1、通过小组讨论思考，培养学生分析解决问题的能力。2、通过高邮旅游网的设计使学生的操作技能进一步提高，并培养了学生热爱家乡、建设家乡的感情。四、课堂评价（10分钟）作品的交流分享与评价结合评价表，讨论哪组制作的最好，好在哪？教师结合学生的自评、互评及学生在整个项目实施过程中的表现，客观公正地对学生进行评价。学生对本项目进行自评与互评在分享的过程中，既让学生有一种成功的喜悦，也让彼此之间多了交流学习的机会。五、课堂总结（3分钟）回顾梳理，分享交流今天这次课，我们学习了哪些相关超级链接？有哪些注意点？教师引导学生回答并补充。学生思考，自由交流后回答此环节设计目的是对所学本项目的理论与技能做一个总结提炼。附板书：一、创建超级链接的三种方法：使用属性面板使用“指向文件”图标使用“资源”面板创建二、书签链接三、无址链接四、热点链接五、电子邮件链接六、脚本链接9附评价表：江苏省高邮中等专业学校计算机专业评价表项目名称班级姓名组员考核内容评价标准分值得分专业及方法能力评价学习态度及组织纪律素材准备情况，课堂回答问题情况10分主页的制作栏目清晰，页面大方简洁，色彩搭配合理20分链接网页的制作图片库的合理使用10分网站整体效果把握网页之间相互紧密链接10分知识的综合使用指定图片的使用，热点的创建，图像属性的设置20分社会能力评价团队合作意识、善于发现和解决问题15分有责任心，诚信可靠15分总分