《HTML5+CSS3 网页设计与制作》课程教学大纲
(课程英文名称)
课程编号：
学 分：5 学分
学 时：74 学时 (其中：讲课学时：50 学时 上机学时：24 学时)
先修课程：计算机基础、计算机网络、计算机应用
后续课程：UI 设计、JavaScript 网页特效
适用专业：信息技术及其计算机相关专业
开课部门：计算机系
一、课程的性质与目标
《HTML5+CSS3 网页设计与制作》是面向计算机相关专业的一门专业基础课，涉及网
页基础、HTML 标签、CSS 样式、网页布局、变形与动画等内容，通过本课程的学习，学
生能够了解网页web 发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页
布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。该课程属于“1+X 证
书制度”Web 前端的初级课程，通过本课程，能够为学习后面的前端知识夯实基础。
二、课程设计理念与思路
课程设计理念：课程的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓
展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课程。以能
力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所
需的能力和终身学习的能力，实现一站式教学理念
课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生
为主体，以案例(项目)实训为手段，设计出理论学习与技能掌握相融合的课程内容体系。
教学整体设计“以技能培养为目标，以案例(项目)任务实现为载体、理论学习与实践操作
相结合”。
博学谷——让IT 教学更简单，让IT 学习更有效
三、教学条件要求
开发工具：Dreamweaver CS6 或其他代码编辑工具
四、课程的主要内容及基本要求
第一章 HTML5+CSS3 网页设计概述
学习单元 HTML5+CSS3 网页设计概述 学时 2 学时
◆ 了解网页概念和组成。
学习目标 ◆ 理解HTML、CSS 和JavaScript 的功能和作用。
◆ 熟悉Dreamweaver 工具的基本操作。
知识点 了解 掌握 重点 难点
认识网页 √
网页名词解释 √
Web 标准 √
HTML 简介 √
CSS 简介 √
学习内容 JavaScript 简介 √
网页的展示平台—浏览器 √
认识Dreamweaver 界面 √
Dreamweaver 初始化设置 √
Dreamweaver 基本操作 √
【阶段案例—创建第一个 √
网页】
第二章 初识HTML5
学习单元 初识HTML5 学时 6 学时
◆ 了解HTML 和HTML5 的基本结构，能够区分两者的结构差异。
