[最新]网页的美化.doc

《网页的美化》教学设计 　教学内容分析 ? 　　本课的主要内容与地位 ? 　　主要教学内容：设置网页的背景、设置表格（单元格）的背景、设置背景音乐、插入Flash动画和插入滚动字幕 ? 　　网页是否美观大方，很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相吻合，以及网站中元素是否能满足网站要表达的感情等。 ? 　　对网页进行美化是每一个网站建设者的不懈追求。 ? 　　本课与前后内容的关系 ? 　　网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重要的手段，是网站建设中一个非常重要的环节。 ? 教学目标分析 ? 　　知识目标/技能目标 ? 　　知识目标 ? 　　了解对网页进行美化的常用方法。 ? 　　理解美化网页对网站质量的提高作用。 ? 　　技能目标 ? 　　掌握设置网页及表格的背景、设置背景音乐、Flash动画和滚动字幕的一般方法。 ? 　　情感态度与价值观目标 ? 　　提高审美意识，发现美、认识美，美化生活从自身做起。 ? 　　本课的重难点 ? 　　重点：设置网页背景、设置背景音乐、插入Flash动画和滚动字幕 ? 　　难点：网页的色彩调配 ? 　　本课的课时分配建议 ? 　　一课时 ? 教学策略设计建议 ? 　　教法建议 ? 　　教学过程中，教师应引导学生参考借鉴优秀网站在色彩、布局上的做法，自主地学习有关版面设计和色彩搭配方面的知识，并应用到自己的网站设计中。 ? 　　本节涉及多个对话框，教师应布置合理的分组，由学生通过实践体会对话框中各参数的含义。 ? 　　学法建议 ? 　　美化效果在很大程度上取决于对美的鉴赏能力，学生在平时应多注意电视广告、杂志封面、街头广告牌等的设计的方法，并将它们应用到自己的网页设计中。 ? 教学资源与环境建议 ? 　　本课教学资源索引 ? 　　1．第三课的半成品网页：Index．htm、Parents．htm ? 　　教学评价建议 ? 　　自评、互评、师评要注意的问题 ? 　　学生是否具有乐观向上的学习意识；学生能否掌握进行网页修饰的基本方法；学生是否具有发现美、欣赏美，并利用技术手段创造美的能力。 ? 教学过程参考案例 ? 　　第一阶段：导入新课，明确学习目标 教学 环节 教师活动 学生活动 设计理念 导入新课 出示几个对比明显的图片（色彩单调的和色彩丰富的）和网页（修饰过的和未修饰的）。 ? 师：通过以上展示的内容，大家能总结出什么规律？哪种情况会带给我们美的享受？ ? 师：可见，修饰和美化作用是多么重要啊！我们制作网页也是如此，今天我们要学习的内容就是──网页的美化 ? ? 讨论，回答 通过图片和网页的对比，让学生真切感受到色彩、背景音乐、动态效果对网页的强化作用，引发学生的学习热情。 ? 　　第二阶段：范例精讲，学生自主探究，完成范例 教学 环节 教师活动 学生活动 设计理念 学习 ? 　　与 ? 　　探究 师：就像人的穿衣打扮一样，网页的修饰和美化主要包括哪些内容呢？ ? 任务一、设置网页背景 ? 师：根据教材提示，分组完成背景的设置，看谁设计的效果好。 ? 教师巡视指导 ? 任务二、设置表格的背景 ? 师：有时我们需要在网页的某个局部设置不同色彩的背景，如何实现呢？联想上一节课学过的表格知识，根据教材提示试一下吧。教师巡视指导 ? 任务三、插入背景音乐 ? 根据教材提示设置网页的背景音乐，并体验是否勾选“不限次数”对效果的影响。 ? 教师巡视指导 ? 任务四、插入Flash动画 ? 根据教材提示，插入Flash动画，然后分组修改“插件属性”对话框中的参数，填写表1-4-1 ? 教师巡视指导 ? 任务五、插入滚动字幕 ? 根据教材提示，插入滚动字幕，然后分组修改“字幕属性”对话框中的参数，填写表1-4-2 ? 教师巡视指导 ? ? 　　 ? 分别设置颜色和图片作为网页背景，并对比二者的视觉效果。 ? 分别设置某个表格或表格中的单元格的背景。讨论与网页背景在层次上的关系。 ? 实践操作过程，设置网页背景音乐。 ? 　　 ? 　　 ? 操作，分组讨论对话框中各参数的作用 ? ? 　　 ? 通过分组竞赛的方式完成教学任务，能够激发学生的学习热情。 ? ? 　　 ? 　　 ? 　　 ? 　　 ? 　　 ? 让学生动手操作，通过观察参数对显示效果的影响强化对知识点的理解。 ? 　　第三阶段：知识、情感拓展 教学 环节 教师活动 学生活动 设计理念 知识与情感 师：单调的网页通过我们的努力可以变得漂亮，生活中的环境也需要我们去美化。你的房间和学习用品是自己整理还是由父母整理？课后尝试完成实践作业──每天做五件家务。并以网页的形式表达你的感受， 反思、实践， ? 制作“我的家务我来做”网页feeling3．htm 通过做家务体会父母在家务等日常事务中的艰辛付出