义务教育版（2024）七年级上册信息技术第十八课《美化网页方法多》教案

中小学教育资源及组卷应用平台 七年级上册信息科技教学设计 课题 第十八课美化网页方法多 单元 四单元 学科 信息科技 七年级 第一册 学习目标 1. 知道用HTML代码简单美化网页的操作方法。2. 知道串联样式表的作用，初步学会用它美化网页。3. 能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率。 重点 美化网页的操作方法 难点 分析不同方法的特点并合理选择美化网页的方法 教学过程 教学环节 教师活动 学生活动 设计意图 一、教学目标 通过本章节的学习，你应该掌握以下内容：1. 知道用HTML代码简单美化网页的操作方法。2. 知道串联样式表的作用，初步学会用它美化网页。3. 能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率。 倾听老师开篇介绍 本课程的教学目标知道用HTML代码简单美化网页的操作方法，能根据需求，分析不同方法的特点并合理选择，提高解决问题的效率 二、新课导入 上一课，我们编写了简单的介绍科技节某个项目的网页，这好似用HTML语言搭建好了“新房屋”的结构，接下来要想办法对“新房屋”进行装修美化。本课将介绍如何用HTML代码和CSS（cascading style sheets，串联样式表）美化网页。 本课将通过一系列实验，回顾、提升相关的认识。 激发学生兴趣并快速进入学习状态 三、新课讲解 18.1 用HTML代码美化网页用HTML语言编写网页时，通过简单的标签代码，可以设定网页的文字大小、背景颜色等（图18.1）。18.2 用CSS美化网页用HTML代码进行美化，操作非常烦琐，美化效果也很有限。在实际应用中，人们经常用CSS来美化网页。如果将HTML代码比作建造房屋的“建筑师”，那么CSS就是装修房屋的“装潢设计师”（图18.2）。CSS可以描述网页等文档的外观和格式，控制某类HTML标签内容的颜色、字体、宽度、高度等 学生通过倾听老师授课及自由讨论。 通过小组合作，加强学生组内团结、共同完成任务 四、课堂练习 课程练习书本上的内容1. 打开上一课完成的介绍科技节某个项目的网页，使用HTML标签及属性对网页进行美化，如设置网页背景、设置字号、设置字体等，交流讨论：这种方式是否便捷？美化效果好不好？ 尝试用CSS设计美化网页 通过课堂的上的随机提问，抽取学生回答，引导学生练习开展习题。 通过课堂的讲解，引导学生本人通过思考，独立完成书本上的习题 五、课堂总结 请同学们对照本章的学习目标进行总结，看看自己掌握了那些知识。 以小组为单位，对本单元的学习情况和项目情况，进行总结归纳。 通过学生操作运美化网页，引导学生独立对所学的课程进行归纳总结。梳理前面学习的相关的知识，为后续的学习做好准备。 六、作业布置 作业布置 1. 怎样用 HTML代码美化网页？2. 怎样用 CSS 美化网页？ 以小组为单位，讨论怎样用 HTML代码美化网页？怎样用 CSS 美化网页？ 通过实践的方式，加深对所学知识的理解和应用。 21世纪教育网 www.21cnjy.com 精品试卷·第 2 页 （共 2 页） HYPERLINK "http://www.21cnjy.com/" 21世纪教育网(www.21cnjy.com) ... ...