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 页面元素及属性 学时 1. 掌握结构元素的使用，可以使页面分区更明确。 2. 理解分组元素的使用，能够建立简单的标题组。 6 学时 学习目标 3. 掌握页面交互元素的使用，能够实现简单的交互效果。 4. 理解文本层次语义元素，能够在页面中突出所标记的文本内容。 5. 掌握全局属性的应用，能够使页面元素实现相应的操作。 学习内容 知识点 了解 掌握 重点 难点 ul 元素 √ ol 元素 dl 元素 √ √ √ 列表的嵌套应用 header 元素 nav 元素 √ √ √ article 元素 √ section 元素 √ footer 元素 √ figure 和 figcaption 元素 √ hgroup 元素 √ details 和 summary 元素 √ progress 元素 √ meter 元素 √ time 元素 mark 元素 cite 元素 draggable 属性 hidden 属性 spellcheck 属性 √ √ √ √ √ √ contenteditable 属性 √ 第三章 CSS3 入门
学习单元 CSS3入门 学时 8 学时 1. 了解 CSS3的发展历史以及主流浏览器的支持情况。 学习目标 2. 掌握 CSS 基础选择器，能够运用 CSS 选择器定义标记样式。 3. 熟悉 CSS文本样式属性，能够运用相应的属性定义文本样式。 4. 理解 CSS优先级，能够区分复合选择器权重的大小。 知识点 CSS3概述 CSS3发展历史 CSS3浏览器支持情况 了解 掌握 重点 难点 √ √ √ CSS样式规则 √ 学习内容 引入 CSS 样式表 CSS基础选择器 √ √ 字体样式属性 √ √ √ 文本外观属性 √ √ CSS层叠性和继承性 CSS优先级 √ √ 第四章 CSS3 选择器
相关推荐：
loading