4.3.7 超链接站导航.docVIP

4.3.7 超链接与网站导航 一、教材分析 本节课源于粤教版高中信息技术选修3《网络技术应用》第四章第三节第7小点“插入超链接”，笔者根据课标要求及教学进度安排，对教材进行了创生和扩展，把该小点内容独立为一节课，目的是加强学生对超链接的运用能力，引导学生掌握网站开发中的重点——导航栏的制作方法。 二、学情分析 通过上节课的学习，学生熟悉了DW软件新建html页面、页面布局及图文素材的插入的方法，在实践操作中，学生也基本掌握了应用表格实现网页布局，绝大部分同学都完成了模仿实现网站页面的任务。能制作出网页，学生都非常兴奋，如何把多个网页集成为网站成为了学生的求知焦点，本节课将在此基础上，与学生探究超级链接及其在网站导航制作中的作用。由于学生在初中阶段已经学习过OFFICE软件中的创建超链接操作，本节课将把导航栏的加强版实现方法——鼠标经过图像作为学生必须掌握的重点。 三、教学目标 （一）知识与技能 1、掌握利用超链接实现导航栏的方法。 2、掌握DW鼠标经过图像方法的应用。 （二）过程与方法 1、通过微课学习，模仿完成网站导航的制作。 2、通过实践与交流，掌握鼠标经过图像的操作步骤。 （三）情感态度与价值观 1、培养学生自主探究、合作学习的精神。 2、培养学生对网站导航界面友好性的审美观。 四、教学重难点 （一）重点： 1、站内导航两种实现途径。 2、网站导航功能的完整性、准确性测试。 （二）难点： 1、增强版导航栏的实现（鼠标经过图像） 五、教学方法： Webquest模式、任务驱动法、微课 六、课前准备： 学习资源包、PPT资源、ITTOOLS平台及资源、微课资源 七、课时安排： 1课时 八、上课地点： 电脑室 九、教学过程 教学环节 教师活动 学生活动 设计意图 情景引入 同学们，经过上节课探究和操作练习，我们已经完成了网页布局的设计与实现的学习。在这个基础上，我们今天要来实现网站中非常重要的一环——页面跳转控制，也就是导航栏的制作以及友情链接的制作。 首先请看演示 （演示：网站中的导航实现了网页的跳转） 回顾上节课内容 观看老师的演示 理解导航是通过超链接实现的 明确学习目标 形象地理解页面跳转功能的作用 新课讲授及 实践演练 网站内的页面跳转的功能怎么实现的呢？这就是超级链接的特殊功效了。请看演示。 （演示：不完善的导航栏超级链接）提问：功能实现了吗？（有的页面“有去无回”） （学生接收学习资料包：“书海”网站文件夹，内含images文件夹和html文件；网站关系图；按钮图标；任务三帮助文档；微课视频。） 任务一：认真阅读站页面关系图，观察五个页面之间的联系。 同学们已经做好了网站导航制作准备，下面我们来尝试实践一下。请同学们根据教学网站任务二操作帮助以及任务一的阅读文档，完成任务二： 利用创建超链接完成网站的导航栏制作。（教师巡堂指导） 随机展示几位同学的作品（屏幕转播） （教师引导：如何才能全面测评而不遗漏？根据任务一的连线） 教师点评：各位同学都能很好的实现了网站导航功能，现在，同学们一起来看看老师的操作，可能会给大家更多地惊喜。 发布微课演示资源：插入——图像对象——鼠标经过图像。（需用到两种icon，红色与蓝色） 设问：老师制作的导航和同学们的导航区别在哪里呢？ 同学们也可以尝试用这种方法来实现导航栏的制作。任务三（教师提供图标等素材） 当然，因为大家自己的站点风格不一样，图标的风格也应该考虑搭配，同学们可以从网上搜索下载相关素材，并利用PS工具进行简单的处理。我们下节课将会和大家一起探讨图文素材的加工处理，包括这节课展示的按钮图标的加工。 这节课我们学习了网站的导航栏制作，事实上，导航栏是利用超级链接功能来实现的， 网站内部的跳转链接我们称为站内导航，还有一些链接是跳转到其他网站的，我们一般称为友情链接，同学们可以根据帮助文档的提示，继续完成友情链接的设置。 任务四：友情链接的设置 任务三、四时，教师巡视指导时记录学生操作情况，挑选出两位实现效果较好，操作比较熟练的同学，请两位同学协助老师进行辅导，指导其他同学完成任务 思考：单向跳转功能实现了就完成了导航栏的制作吗？（完整性分析） 同学完成任务一 完成任务二 全体同学测评其导航功能是否符合任务一的要求 认真观察老师的操作演示微课视频 对比两种任务二导航栏及老师演示的导航栏两种效果 尝试第二种导航栏制作方法——鼠标经过图像 完成任务三 完成任务四 学生提交作品 培养学生善于发现问题，善于思考的精神，能理解导航完整性的重要 养成操作前做好规划准备的习惯 实践练习 通过评价进一步理解导航功能的完整性 通过对比，发现更好的效果，体验方法的多样性 学生根据微课视频，探究学习 预告下节课将要学习的内容，便于学生预习