赣科技版信息科技七年级上册 第8课《网页页面美化》第1课时 教案.pdf

第8.1课《网页页面美化》教学设计

课题网页页面美化单元第八单元学科信息技术年级七年级上

1、信息意识：学习CSS的基本概念，认识其在网页优化和美化中的关键角色，全面提

升网页设计水平和技能。

2、计算思维：学会选择合适的字体、颜色和布局，提高网页的可读性和美观性，增强

核心素网页设计的逻辑思维能力。

养目标3、数字化学习与创新：掌握内嵌样式和外部样式，运用CSS属性制作富有吸引力的网

页，不断创新和灵活运用各种技术。

4、信息社会责任：明白CSS分离内容与样式的重要性，养成维护网页整洁的习惯，更

好地服务所有用户需求。

1、了解CSS概念及应用

教学重点

2、认识CSS的重要性

1、掌握样式表的应用

教学难点

2、理解选择器和声明

教学过程

教学环节教师活动学生活动设计意图

视频导入：《什么是CSS》观看视频，了培养学生的观察

导入新课解CSS的基本力和创造力，

概念。

一、想一想

CSS的基础操作

1、什么是CSS

完成网页基础结构的设计后，我们来学习如何学生在教师指通过实际操作，

用CSS对网页的样式进行设置。导下，通过修学生能掌握CSS

CSS（CascadingStyleSheet）可译为“层叠样改HTML文档选择器和声明的

式表”或“级联样式表”，它定义如何显示中的CSS选择基本用法，培养

HTML元素，用于控制Web页面的外观，简器和声明，尝动手实践能力和

单地说就是用来美化网页的功能，其基本书写试更改段落的解决问题的能

由两个主要的部分构成：选择器以及一条或多颜色、字体大力。通过修改网

条声明。小等样式属页样式，增强对

选择器通常是需要改变样式的HTML元素，每性，并在浏览CSS语法的理解

讲授新课条声明由一个属性和一个值组成，如器中查看效和应用能力。

p{color:blue;}，这里就是将段落的字体颜色设果。

置为蓝色，这里p为选择器，color为颜色属性，

值为blue。

作为网页标准化设计的趋势，CSS取得了主流

浏览器的广泛支持，正越来越多地被应用到网

页设计中去。

二、议一议

1、你觉得给网页添加样式重要吗？为什么？

（1）重要：给网页添加样式非常重要，因为学生分组讨论通过小组讨论，

它显著提升了网页