网页设计与制作HTML5+CSS3

任务2美化第一个HTML页面

第1章网页制作入门知识目标技能目标素质目标（1）掌握CSS的概念并了解CSS的发展史。（2）熟悉网页CSS样式的创建流程。（3）掌握网页设计过程中的结构和表现的概念。（1）掌握使用SublimeText编写简单的CSS样式。（2）能够对网页进行简单的美化。（1）遵循WEB开发规范。（2）培养分析和解决问题的能力。（3）培养自学能力。

初识CSS3WEB标准任务实现第1章网页制作入门

1.初识CSS31.1CSS概念1.2CSS发展史第1章网页制作入门

1.1CSS概念CSS(CascadingStyleSheet)层叠样式表，通常被称为CSS样式或样式表。1.初识CSS3控制网页的外观:设置HTML页面中的文本内容(字体、大小、对齐方式等)；图片的外形(宽高、边框样式、边距等)；版面的布局等外观显示样式。

1.1CSS概念CSS(CascadingStyleSheet)层叠样式表，通常被称为CSS样式或样式表。1.初识CSS3CSS非常灵活:既可以嵌入在HTML文档中;也可以是一个单独的外部文件，如果是独立的文件，则必须以.css为后缀名。W3C鼓励使用HTML来定义网页的结构，而使用CSS来控制网页的外观，功能明确，语义清晰。

1.2CSS发展史1.初识CSS3CSS规范的第一版本CSS1.0CSS2CSS31996年12月1997年1998年2005年12月

初识CSS3WEB标准任务实现第1章网页制作入门

2WEB标准WEB标准的优点2.WEB标准（1）让Web的发展前景更广阔。（2）内容能被更广泛的设备访问。（3）更容易被搜寻引擎搜索。（4）降低网站流量费用。（5）使网站更易于维护。（6）提高页面浏览速度。

2WEB标准WEB标准最核心的思想：结构、表现、行为分离2.WEB标准（1）结构用于对网页元素进行整理和分类，主要包括XML和XHTML两个部分。HTML的主要功能是定义网页的结构。（2）表现用于设置网页元素的版式、颜色、大小等外观样式，主要指的是CSS。CSS主要功能是定义网页的外观。（3）行为是指网页模型的定义及交互的编写，主要包括DOM和ECMAScript两个部分。JavaScript脚本的主要功能是定义网页的行为。

初识CSS3WEB标准任务实现第1章网页制作入门

3.任务实现本节对前面所学知识点进行检测，引导学生独立自主完成任务2：美化第一个HTML网页。第1章网页制作入门