《HTML5+CSS3网站设计基础教程》_教学大纲全解.docVIP

《HTML5+CSS3网站设计基础教程》课程教学大纲 （课程英文名称） 课程编号：201601210011 学 分：5学分 学 时：76学时 （其中：讲课学时：47学时 上机学时：26学时） 先修课程：计算机基础、计算机网络、计算机应用 后续课程：UI设计、 JavaScript网页特效 适用专业：信息技术及其计算机相关专业 开课部门：计算机系 一、课程的性质与目标 《》是面向计算机专业的一门专业基础课，涉及、，通过本课程的学习，学生能够了解、第一章 HTML5文档基本格式 √ HTML5语法 √ HTML标记 √ 标记的属性 √ HTML5文档头部相关标记 √ 标题和段落标记 √ 文本格式化标记 √ 特殊字符标记 √ 常用图像格式 √ 图像标记img/ √ 绝对路径和相对路径 √ 创建超链接 √ 锚点链接 √ √ 第章 HTML5页面元素及属性 学时 6学时 学习目标 掌握结构元素的使用，可以使页面分区更明确。 理解分组元素的使用，能够建立简单的标题组。 掌握页面交互元素的使用，能够实现简单的交互效果。 理解文本层次语义元素，能够在页面中突出所标记的文本内容。 掌握全局属性的应用，能够使页面元素实现相应的操作。 学习内容 知识点 了解 掌握 重点 难点 ul元素 √ ol元素 √ dl元素 √ 列表的嵌套应用 √ √ header元素 √ nav元素 √ article元素 √ section元素 √ footer元素 √ figure和元素details和summary元素progress元素?meter元素 第章 学时 8学时 学习目标 了解CSS3的发展历史以及主流浏览器的支持情况。 掌握CSS基础选择器，能够运用CSS选择器定义标记样式。 熟悉CSS文本样式属性，能够运用相应的属性定义文本样式。 理解CSS优先级，能够区分复合选择器权重的大小。 学习内容 知识点 了解 掌握 重点 难点 CSS3概述 √ CSS3发展历史 √ CSS3浏览器支持情况 √ CSS样式规则 √ 引入CSS样式表 √ CSS基础选择器 √ 字体样式属性 √ √ 文本外观属性 √ √ CSS层叠性和继承性 √ CSS优先级 √ √ 第章 学时 8学时 学习目标 掌握CSS3中新增加的属性选择器，能够运用属性选择器为页面中的元素添加样式。 理解关系选择器的用法，能够准确判断元素与元素间的关系。 掌握常用的结构化伪类选择器，能够为相同名称的元素定义不同样式。 掌握伪元素选择器的使用，能够在页面中插入所需要的文字或图片内容。 掌握CSS伪类，会使用CSS伪类实现超链接特效。 学习内容 知识点 了解 掌握 重点 难点 E[att^=value] 属性选择器 √ E[att$=value]属性选择器 √ E[att*=value]属性选择器 √ 子代选择器（） √ 兄弟选择器（+、~） √ :root选择器 √ :not选择器 √ :only-child?选择器 √ :first-child和:last-child选择器 √ :nth-child(n)和:nth-last-child(n)选择器 √ √ :nth-of-type(n)和:nth-last-of-type(n)选择器 √ :empty选择器 √ :target选择器 √ :before选择器 √ √ :after选择器 √ √ 链接伪类 √ 第章 学时 8学时 学习目标 掌握盒子的相关属性，能够制作常见的盒子模型效果。 掌握背景属性的设置方法，能够设置背景颜色和图像。 理解渐变属性的原理，能够设置渐变背景。 熟悉CSS控制列表样式的方式，能够运用背景图像定义列表项目符号。 学习内容 知识点 了解 掌握 重点 难点 认识盒子模型 √ div标记 √ 盒子的宽与高 √ 边框box-shadow属性线性渐变径向渐变重复渐变第章 学时 8学时 学习目标 理解元素的浮动，能够为元素设置浮动样式。 熟悉清除浮动 掌握元素的定位第章 学时 8学时 学习目标 了解表单功能，能够快速创建表单。 掌握表单相关元素，能够准确定义不同的表单控件。 掌握