第8课网页的数据呈现 教学设计 2024—2025学年浙教版（2023）初中信息技术八年级上册

课题 网页数据编码 教学 目标 知识与技能：通过体验CSS设置的效果，认识CSS，了解CSS的作用。 过程与方法：通过在网页中添加样式的探究，掌握CSS的语法结构。 情感与价值观：通过链接CSS文件设置样式的体验，理解分离式CSS的便捷性。 教学重难 点 重点：通过CSS修改和添加样式，认识CSS，掌握CSS的语法结构。 难点：理解分离式CSS的优点。 教学 方法 讨论法、探究法、小组合作。 教学 过程 活动设计 设计意图 【课堂导入】：你知道网页是如何实现交互的吗?你知道网页数据有哪些编码方式? 知识回顾 1、 网页数据呈现的方式 结构层： HTML定义了网页的内容结构，即网页呈现的文字、图文、视频等内容。 样式层：使用CSS可以有效地对网页中数据的布局、字体和背景等效果实现更精确的控制，同时可以将网页的结构和格式分离。 比如对网站所有页面的风格可以应用一个CSS，只要修改这个CSS文件就可以更新所有页面的风格样式，既提高了更新和维护的效率，同时又缩减了网页的代码，提高了网页的浏览速度。 2、 CSS样式 CSS全称为层叠样式表(Cascading Style Sheets)，也是一种标识语言，CSS样式可以方便地设置网页效果。 css的样式分为两种： 1：文字的样式 2：盒模型 3、 样式表的基本结构 <style type="text/css"> 选择符{样式属性1:属性值1;样式属性2:属性值2:样式属性3:属性值2;} </style> css的颜色 css的字体 常用的中文字体有：宋体、隶书、微软雅黑 常用的英文字体有：Arial、consolas css的字号 css的字号常用的是以：px为单位的数字值 板书 设计 作业 设计 1.用CSS样式表设置网页文字。 2.尝试让“走进人工智能”居中显示。 居中对齐：<center></center> 作业 批改 典型问题 辅导形式 （ ）集体讲评 （ ）个别辅导 辅导学生 教学 反思 本课通过问题设置，引发学生思考，进而促使学生观察、分析、构思等一系列思维活动，并带领学生探究、验证、优化问题的解决，即培养计算思维素养。借助学习资源，使用代码编辑器开展学习实践，尝试解决问题并加以美化，即培养数字化学习与创新素养。利用各种学习平台延伸后续学习，实现多样化的样式设计，即培养信息意识素养。 学科网（北京）股份有限公司 $$