网页制作案例教程HTML5+CSS3教学大纲

课程编号：学分：4学分学时：64学时(其中：讲课学时：37学时上机学时：27学时)第一章网页制作入门网页制作入门学时1.了解Web标准3.熟悉HTML5页面文档结构。4.会安装和使用Web开发工具，能够使用VSCode工具创建简单知识点重点难点网站和网页√浏览器√√√√√√√√√√√注释√第二章添加网页内容添加网页内容3.掌握图像标记，会在网页中插入图像，设6.会使用标题、段落、图像、列表标记制作7.能够通过在页面上面添加超链接元素，实现不同页面知识点重点难点√√√√√网页中常用的图像格式√图像标记和属性√图像地址√√√√√定义列表√列表嵌套√学习单元6学时1.了解CSS标准及发展历史；2.掌握CSS样式规则及引入方式；3.熟悉CSS基本选择器；4.理解CSS的优先级、继承性和层叠性。知识点重点难点√CSS样式规则√引入CSS样式表√√√CSS优先级√√第四章设置文本字体样式1.熟悉CSS字体属性，能够运用相应的属性定义字体样2.熟悉CSS文本属性，能够运用相应的属性定义文本样知识点重点难点√√设置文字阴影及模糊效果√√√第五章盒子模型盒子模型1.熟悉盒子模型及其常用的属性；2.理解行内元素、块元素和行内块元素，能够在各类元素间进行转换；3.熟悉盒子的新增样式，能够使用新增样式；4.熟悉表格标记，能够创建简单表格；5.熟悉HTML5新增文档结构元素。知识点重点难点认识盒子模型√√√√√√√行内元素√√行内块元素√√圆角边框√√√√素√第六章元素的浮动和定位1.理解元素的浮动，能为元素设置浮动效果；2.熟悉清除浮动的方法，可以使用不同方法清除浮动；知识点重点难点设置浮动效果√√清除浮动√相对定位relative√√绝对定位absolute√√固定定位fixed√√第七章多媒体元素多媒体元素学时2学时1.了解HTML5支持的音频和视频格式；2.掌握HTML5中音频的相关属性，能够在HTML5中添加音频文件；3.掌握HTML5中视频的相关属性，能够在HTML5页面中添学习内容知识点重点难点√√√√source标记√第八章表单的应用表单的应用1.理解表单的构成，能够根据不同情况选择相应的表单元素；知识点重点难点√Input控件√√√label控件√多行文本控件√√√√√1.理解CSS关系选择器，能够准确判断元素与元素间的关系；2.熟悉CSS属性选择器，能够运用属性选择器为页面中的元素添加样式；知识点重点难点√√√√√兄弟选择器√√√第十章CSS3过渡、变形和动画效果1.掌握CSS3变形和过渡属性的设置；2.掌握@keyframes语法规则；3.掌握animate动画属性的使用。知识点重点设置变形√更改变形的中心√transition属性√√√√√√√√√综合实例1.了解网页的整体结构；2.了解分析、规划、设计、制作网页的流程；3.掌握HTML5基本元素的使用；4.掌握文字字体样式、基本选择器、盒子模型、浮动、定位的使用；5.掌握表单、高级选择器、过渡、变形及知识点重点难点√网页布局规划实现√√头部内容制作√√内容栏目制作√√底部内容制作√上机合计2学时2学时4学时5学时3学时8学时第三章CSS基础2学时6学时2学时6学时5学时3学时8学时5学时3学时8学时1学时1学时2学时第八章表单的应用2学时6学时2学时2学时4学时第十章CSS3过渡、变形和动画效果1学时3学时4学时页综合实例8学时合计37学时27学时64学时绩(40%)和期末考试(60%)组成，其中，平时成绩包括出勤(5%)、作业(15%)、上机成绩(20%)