《设置网页背景》教学设计.docxVIP

《设置网页背景》教学设计 银川唐株回民中学宝湖校区 马伏华 一、教学设计部分 教学内容分析 本课的主要内容与地位 教材：电子工业出版社 义务教育教科书 《信息技术》九年级（上） 主要教学内容：设置网页的背景（1.为网页设置颜色背景2.为网页设置图片背景）。拓展 内容：设置表格（单元格）的背景（颜色背景，图片背景） 网页是否美观大方，除了要规划好版面结构外，还要综合考虑页面中各元素的合理搭配 和美化，尤其在很大程度上取决于各元素的色彩搭配是否和谐得当、色调是否与网站主题相 吻合，以及网站中元素是否能满足网站要表达的感情等。 对网页进行美化是每一个网站建设者的不懈追求。 本课与前后内容的关系 在第5课时，学生已经学习了给主页添加内容，包括文字和图片，但整体网页色彩还是 显得很单一。本节网页美化是对前期所做的网页的修饰，是提升网站可观赏性的一个非常重 要的手段，是网站建设中一个非常重要的环节。 教学目标分析 知识目标/技能目标 知识目标 了解对网页进行美化的常用方法。 理解美化网页对网站质量的提高作用。 技能目标 掌握设置网页及表格的背景的一般方法。 情感态度与价值观目标 1 .提高审美意识，发现美、认识美，美化生活从自身做起。 2,体会与老师、同学之间沟通和交流，虚心听取别人的意见，取人之长，补己之短。 本课的重难点 重点：设置网页背景、设置表格（单元格）背景 难点：网页的色彩调配及图片背景的设置 本课的课时分配建议一课时 教学策略设计建议 教法建议 教学过程中，教师应引导学生参考借鉴优秀网站在色彩、布局上的做法，自主地学习有 关版面设计和色彩搭配方面的知识，并应用到自己的网站设计中。 本节涉及多个任务，教师应布置合理的分组，由学生通过实践操作，完成任务体会背景 设置。 教学方法：任务驱动自主学习小组交流 学法建议： 美化效果在很大程度上取决于对美的鉴赏能力，学生在平时应多注意电视广告、杂志 封面、街头广告牌等的设计的方法，并将它们应用到自己的网页设计中。 教学评价建议： 自评、互评、师评要注意的问题，侧重对学生探究新知识的态度是否积极向上进行评 价。 教学资源与环境建议 本课教学资源索引 设置网页背景站点下的的半成品网页:Index. htmkOOl. html 002. html 003. html, 网页模板 mb. dwt\mbl. dwt. 学生完成任务所需背景图片。（设置网页背景站点下images文件夹下的所有图片） 教学评价建议 自评、互评、师评要注意的问题 学生是否具有乐观向上的学习意识；学生能否掌握进行网页修饰的基本方法；学生是否 具有发现美、欣赏美，并利用技术手段创造美的能力。 教学过程参考案例 第一阶段：导入新课，明确学习目标 教学 环节 教师活动 学生活动 设计理念 导 入 新 课 出示两个对比明显（色彩单调的和色彩丰 富的）网页（修饰过的和未修饰的）。 师：通过以上展示的内容，大家能总结出 什么规律？哪种情况会带给我们美的享 受？ 师：可见，修饰和美化作用是多么重要啊！ 我们制作网页也是如此，今天我们要学习 的内容就是——网页的美化 讨论，回答 要点： 网页背景（颜 色背景、图片 背景） 单元格背景（颜 色背景、图片背景） 表格边框 通过图片和网页 的对比，让学生真 切感受到色彩、背 景音乐、动态效果 对网页的强化作 用，引发学生的学 习热情。 第二阶段：学生自主探究，激情挑战，完成范例 教学 环节 教师活动 学生活动 设计理念 师：就像人的穿衣打扮一样，网页的修饰 和美化主要包括哪些内容呢？ 完成设置颜色背景 通过分组竞赛的 任务一、设置空白网页颜色背景001. html 的设置任务一。并 方式完成教学任 师：根据教材提示，分组完成颜色背景的 思考问题： 务，能够激发学生 学 习 与 设置，看谁设计的效果好。 1、颜色背景设置 的学习热情。 教师巡视指导提问 1、 网页颜色背景设置的方法 2、 网页颜色背景设置的注意事项 3、 页面属性对话框中的知识点 的注意事项； 2、学生演示对比 （没有对比就 没有伤害） 让学生动手操作， 探 究 （谁覆盖谁的问题） 3、颜色背景设置 通过观察参数对 学生演示 过程中，“页 显示效果的影响 教师演示：颜色背景设置过程中，“页 面属性”对话 强化对知识点的 面属性”对话框中外面（HTML）和外 框中外面 理解。 观（CSS）的区别。 任务二、设置表格规划布局的网页模板 （HTML）和外 观（CSS）的区 别。  mb. dwt的背景颜色师：通过刚才同学们的演示，可以说各位 同学把网页背景设置的五花八门，这是因 为我们每个同学的颜色喜好、审美观点不 同造成的。现在，请把你刚才设置的背景 颜色重新设置到mb. dwt网页模板中，请 观察你设置颜色背景后的网页效果。 教师