博学谷——让IT教学更简单，让IT学习更有效
《HTML5+CSS3网页设计与制作(第2版)》
课程教学大纲
（课程英文名称）
课程编号：
学分：5学分
学时：84课时（其中：讲课课时：60课时上机课时：24课时）
先修课程：计算机基础、计算机网络、计算机应用
适用专业：信息技术及其计算机相关专业
一、课程的性质与目标
HTML5+CSS3网页设计与制作是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标签、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。通过本课程，能够为学习后面的前端知识夯实基础。
二、课程设计思路和教学要求
课程设计理念：课程的集中实践教学环节需明确必要的理论知识的升华与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例为手段，设计出理论学习与技能掌握相融合的课程内容体系。教学整体设计“以技能培养为目标，以案例为载体、理论学习与实践操作相结合”。
开发工具：VisualStudioCode
三、课程的主要内容及基本要求
第1章HTML5+CSS3网页设计概述
学习单元
HTML5+CSS3网页设计概述
课时
2课时
学习目标
了解网页，能够阐述网页的作用，并使用浏览器查看网页代码
了解网页名词，能够阐述网页相关名词的含义
熟悉Web标准，能够归纳Web标准的构成
了解HTML，能够阐述HTML的作用
了解CSS，能够阐述CSS的作用
了解JavaScript，能够阐述JavaScript的作用
了解浏览器，能够列举当前常见的浏览器，并介绍它们各自所使用的内核
掌握VisualStudioCode的用法，能够使用该工具编写网页代码
学习内容
知识点
掌握程度
重点
难点
认识网页
了解
网页名词解释
了解
Web标准
熟悉
HTML
了解
CSS
了解
JavaScript
了解
网页的展示平台——浏览器
了解
VisualStudioCode的安装和设置
掌握
VisualStudioCode的使用
掌握
√
阶段案例——创建第一个网页
掌握
第2章初识HTML5
学习单元
初识HTML5
课时
6课时
学习目标
了解HTML5的优势，能够对其优势进行归纳总结
了解HTML5的基本结构，能够区分HTML5和XHTML的结构差异
了解标签的分类，能够阐述单标签和双标签的差异
熟悉标签的关系，能够设置具有嵌套和并列关系的标签
掌握标签属性的用法，能够为标签添加对应的属性
熟悉HTML5头部相关标签，能够归纳头部各类标签的作用
掌握HTML文本控制标签的用法，能够使用不同类型的标签定义文本
掌握HTML图像标签的用法，能够在网页中定义图像
学习内容
知识点
掌握程度
重点
难点
HTML5的优势
了解
HTML5的基本结构
了解
标签的分类
了解
标签间的关系
熟悉
标签的属性
掌握
√
HTML5头部相关标签
熟悉
页面格式化标签
掌握
√
文本格式化标签
掌握
√
HTML实体
掌握
√
常见图像格式
掌握
√
插入图像
掌握
√
阶段案例——制作新闻页面
掌握
第3章初识CSS3
学习单元
初识CSS3
课时
6课时
学习目标
了解结构与表现分离的含义，能够阐述结构与表现分离的作用
了解CSS3的优势，能够阐述CSS3的优势
熟悉CSS3样式规则，能够按照CSS样式规则正确编写CSS样式代码
掌握CSS样式的引入方式，能够在网页中引入CSS样式
掌握CSS基础选择器的用法，能够使用CSS基础选择器设置不同的网页样式
掌握CSS文本样式属性的用法，能够在网页中设置字体样式属性和文本外观属性
掌握CSS复合选择器的用法，能够使用CSS复合选择器设置不同的网页样式
熟悉CSS层叠性和继承性，能够运用CSS的层叠性和继承性优化代码结构
熟悉CSS优先级规则，能够区分复合选择器权重的大小
学习内容
知识点
掌握程度
重点
难点
结构与表现分离
了解
CSS3的优势
了解
CSS样式规则
熟悉
引入CSS样式
掌握
√
CSS基础选择器
掌握
√
字体样式属性
掌握
√
文本外观属