《HTML+CSS网站设计基础教程》教学大纲

《HTML5+CSS3网站设计基础教程》课程教学大纲

（课程英文名称）

课程编号：201601210011 学 分：5学分

学 时：76学时 （其中：讲课学时：47学时 上机学时：26学时）

先修课程：计算机基础、计算机网络、计算机应用

后续课程：UI设计、 JavaScript网页特效

适用专业：信息技术及其计算机相关专业

开课部门：计算机系

一、课程的性质与目标

《HTML5+CSS3网站设计基础教程》是面向计算机相关专业的一门专业基础课，涉及网页基础、HTML标记、CSS样式、网页布局、变形与动画等内容，通过本课程的学习，学生能够了解网页web发展历史及其未来方向，熟悉网页设计流程、掌握网络中常见的网页布局效果及变形和动画效果，学会制作各种企业、门户、电商类网站。

二、课程设计理念与思路

课程设计理念：高职教育的集中实践教学环节需明确必要的理论知识的生化与知识层面的拓展，不能局限于单纯的技能训练。单纯的技能训练不是提高高等职业教育的理想课

程。以能力的培养为重点，以就业为导向，培养学生具备职业岗位所需的职业能力，职业生涯发展所需的能力和终身学习的能力，实现一站式教学理念。

课程设计思路：基于工作过程开发课程内容，以行动为导向进行教学内容设计，以学生为主体，以案例（项目）实训为手段，设计除理论学习与技能掌握相融合的课程内容体系。教学整体设计“以职业技能培养为目标，以案例（项目）任务实现为载体、理论学习与时间操作相结合”。

三、教学条件要求

开发工具：Dreamweaver CS6

四、课程的主要内容及基本要求

第一章 初识HTML5

学习单元 初识HTML5 学时 10学时 1. 了解HTML5发展历程 2. 理解HTML5浏览器支持情况 学习目标 3. 熟悉HTML5基本语法,掌握HTML5语法新特性。 4. 掌握HTML5相关标记及属性，能够制作简单的网页页面。 学习内容 知识点 了解 掌握 重点 难点 HTML5发展历史 √ HTML5的优势 √ HTML5浏览器支持情况 √ 创建第一个HTML5页面 √ HTML5文档基本格式 √ HTML5语法 √ HTML标记 √ 标记的属性 √ HTML5文档头部相关标记 √ 标题和段落标记 √ 文本格式化标记 √ 特殊字符标记 √ 常用图像格式 √ 图像标记 √ 绝对路径和相对路径 √ 创建超链接 √ 锚点链接 √ √ 第二章 HTML5页面元素及属性

学习单元 HTML5页面元素及属性 学时 6学时 1. 掌握结构元素的使用，可以使页面分区更明确。 2. 理解分组元素的使用，能够建立简单的标题组。 学习目标 3. 掌握页面交互元素的使用，能够实现简单的交互效果。 4. 理解文本层次语义元素，能够在页面中突出所标记的文本内容。 5. 掌握全局属性的应用，能够使页面元素实现相应的操作。 知识点 了解 掌握 重点 难点 ul元素 学习内容 ol元素 √ √ dl元素 √