html5基础教学要求,《HTML5+CSS3网站设计基础教程》

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

(课程英文名称)

课程编号：201601210011

学分：5学分

学时：76学时 (其中：讲课学时：47学时上机学时：26学时)

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

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

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

开课部门：计算机系

一、课程的性质与目标

《》是面向计算机专业的一门专业基础课，涉及、，通过本课程的学习，学生能够了解、第一章 HTML5文档基本格式√HTML5语法√HTML标记√标记的属性√HTML5文档头部相关标记√标题和段落标记√文本格式化标记√特殊字符标记√常用图像格式√图像标记√绝对路径和相对路径√创建超链接√锚点链接√√第章 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控制列表样式的方式，能够运用背景图像定义列表项目符号。学习内容知识点了解掌握重点难点认识盒子模型√

标记√盒子的宽与高√边框box-shadow属性线性渐变径向渐变重复渐变第章学时8学时学习目标理解元素的浮动，能够为元素设置浮动样式。

熟悉清除浮动

掌握元素的定位第章学时8学时学习目标了解表单功能，能够快速创建表单。

掌握表单相关元素，能够准确定义不同的表单控