《设计旅游网站首页》教学设计.docVIP

《设计旅游网站首页》教学设计 梅红霞 一、教学设计部分 教学内容分析 ?　　本次课学习的内容是设计网站的首页。首页如同一本书的封面、一个人的第一印象，应该能够反映出整个网站的整体风格和特色，让访问者通过网站首页就能对整个网站有所了解。所以，网站首页的设计是整个网站设计的重点。 ?2、教学目标分析 （1）知识目标： 了解网页的工作原理； 了解网页元素及相关使用方法； 熟练掌握网页编辑的基本操作过程。 （2）能力目标： 能新建、预览和保存网页 能在网页中输入文字、插入图片、插入水平线； 能合理布局页面，使页面美观大方。 ?（3）素质目标： 培养学生正确的审美观和基本的鉴赏能力； 培养学生自己发现问题、解决问题的能力； 培养学生网络信息的筛选能力。 3、教学的重点与难点 ?（1）教学重点：图片和水平线的插入。 ?（2）教学难点：图片和水平线属性的设置，以及嵌入式文件的保存。 4、教学策略设计 （1）实施任务驱动，把学习的主动权交给学生，引导学生动手尝试、观察辨析。 因在第一次课，学生对Dreamweaver软件的界面及相关操作已经有所了解，所以在教学过程中，教师应鼓励学生自行完成文字的输入与编辑、插入与编辑图片等操作。 （2）采用项目教学和小组讨论法，培养学生合作学习和自主学习的能力。 采用分组讨论、对比效果的形式探究“水平线属性”对话框中各参数的含义，从而加深学生对水平线的理解。 （3）实施分层教学，从好、中、差各类学生的实际出发，确定不同层次的目标，进行不同层次的教学和辅导，使各类学生得到充分的发展。 对于学习能力较差的学生可以降低要求，忽略嵌入式文件的保存方法，只要求他们掌握基本网页文件的保存方法；对于学习能力较强的学生可以提高学习要求，让他们尝试其它格式文件的保存方法。 ?5、教学过设计 ? 　　第一阶段：导入新课，明确学习目标 教学环节教师活动学生活动设计理念课时分配导入新课1、提出问题：同学们如果在假期要出去旅游，如何快速地了解当地的风土人情？ 2、拿出两本书，让大家根据封面判断出书的内容。 3、提出问题：一本书的封面能反映出书的内容，那么一个网站的“封面”是什么？ ?4、提出问题：我们如何给我们的网站设计封面呢？这就是本节课我们要学习的内容──设计网站首页（出示课件）。学生讨论，得出答案：上网查找相关信息。 ??学生观察封面，得出结论：一本是旅游的，一本是烹饪的。 学生讨论出答案：网站首页。 结合课件内容，讨论如何设计首页。通过书的封面使学生联想到首页，激发学生学习网页设计的热情。10分钟? 　　第二阶段：范例精讲，学生自主探究，完成范例 教学环节教师活动学生活动设计理念课时分配学习与探究任务一：输入文字 ? 出示网页输入文字后的效果。 ? 任务二：插入图片 ? 出示插入图片后的效果，并提示图片存放位置。 ? 要求学生分别使用控制柄和设置图片属性的方法调整图片大小。 ? 任务三：插入水平线 ? 根据教材提示，使用默认值插入水平线，然后分组修改“水平线属性”对话框各参数。 ? 将前面输入的“=”组成的线替换为水平线。 ? 任务四：保存网页 ? 出示任务，由学生探索嵌入式文件保存的技巧。 ? 任务五：预览网页 ? 分组尝试两种预览网页的方法，并作比较。对比老师出示网页效果进行文字的输入和编辑，比较与Word中操作的异同。 ? 　　 ? 根据样例插入相应图片。 ? ? 尝试操作并比较说明二者的区别。 ? ? 分组尝试。 ? 　　 ? 操作并体验二者在表现效果上的差异。 ? 　　 ? 预览网页。 ? 　　 ? 完成操作，并探索新建网页的其它方法。比较它们的优缺点。让学生通过对比强化文字编辑的操作。 ? 　　 让学生在图片设置上学会严谨的作风。 ? 　　 ? 通过分组实践，让学生加深理解，掌握水平线的设置方法。 ? 　　 ? 　　 ? 网页制作中的学用操作，应熟练掌握。35分钟? 　　第三阶段：巩固与拓展，知识和技能的灵活运用 教学 环节教师活动学生活动设计理念课时分配巩固与拓展提出要求：旅游网站只有首页如同书只有书皮，要对网站进行内容的扩充。要求学生以小组为单位，另外再制作两张以上的网页，介绍各地的名胜。上网查找相关文字和图片素材。 ?分组并设计、制作两张旅游网页。培养学生网络信息的筛选能力，以及对所学知识灵活运用的能力。同时，制作的二级网页也是为第四课准备超链接的网页素材。30分钟? 　　第四阶段：教学评价总结，设疑激趣，为下一节课作好铺垫 教学 环节教师活动学生活动设计理念课时分配评价与总结展示两组的作品，点评作品，指出作品的优点和不足之处，提醒学生在操作过程中误区。 提出问题：请同学们通过浏览器预览自己刚刚制作的网页，然后任意改变浏览器