《HTML5+CSS3+JavaScript》教学大纲
课程名称 | HTML5+CSS3+JavaScript | ||
课程编码 | 1123013 | 课程类型 | 专业课 |
课程性质 | 必修课 | 适用范围 | 电商、经济、管理、金融等专业 |
学分数 | 3 | 先修课程 | 计算机应用基础 |
学时数 | 72 | 实验/实践学时 | 18 |
课外学时 | 无 | 考核方式 | 考试 平时30% + 实验10% + 期末60% |
制订单位 | 制订日期 | ||
执笔者 | 审核者 | ||
一、 课程的性质、目的与任务
《HTML5+CSS3+JavaScript》是专业中一门综合性很强的基础课程,主要内容包括三个模块,第一部分讲解HTML5中新添加的元素、重要的API的使用方法和应用技巧。第二部分讲述CSS3相关内容,包括选择器、盒样式、背景和动画的实现过程和方法。第三部分介绍JavaScript语言的内容,包括基础语法、函数、重要对象、DOM和事件的应用方式。笔者针对每个模块重要、实用的部分进行讲解,通过功能描述,实现代码,页面效果,源码分析等形式多方面展示各知识点的特性及功能,并将其与实际应用紧密联系,希望学生能够通过学习进一步深化对知识点的理解;同时,每个章节均提供了丰富的示例代码。
本课程的目的与任务是使学生通过本课程的学习,从HTML5新增元素使用的方法的入手,由浅入深学习页面开发的各种相关知识,学会页面开发的相关关键技术,能够掌握常见的页面内容的研发技能,同时通过实践学习页面开发三种语言的基本功能与应用,以梳理知识脉络和要点的方式,让学生掌握前端页面开发的相关思想。本课程除要求学生掌握页面开发的基础知识和理论,重点要求学生学会分析问题的思想和方法,为更深入地学习和今后的实践打下良好的基础。
二、教学目标与教学基本要求
1. 拥抱HTML5
了解构建HTML 5页面的环境搭建步骤,理解并掌握HTML 5页面的基本特征,能够使用样式美化HTML5页面。
2. HTML5中新增交互元素
了解HTML 5中新交互元素的使用方法,理解details元素的使用,熟练menu元素的用法。
3. HTML5中的重要元素
熟练并掌握文档元素的使用方法,了解脚本和文本层次元素的使用方法,理解元素公共属性的使用方法。
4. HTML5中的表单
掌握表单中新增input元素类型的使用,了解表单新元素的使用方法,熟悉表单中新增属性的使用过程。
5. HTML5中的文件
掌握选择上传文件的使用方法,了解并理解文件读取与拖放的过程,熟悉文件读取时的错误与异常的处理。
6. HTML5中的视频和音频
掌握多媒体元素基本属性的使用方法,掌握并理解多媒体元素常用方法的使用,熟悉多媒体元素重要事件的应用过程。
7. HTML5绘图基础
理解并掌握画布元素的基础知识,掌握画布使用路径和操作图形的方法,理解并掌握画布绘制图像和文字的过程。
8. HTML5中的数据存储
理解Web Storage的基本概念,掌握Web Storage中对象的功能,掌握Web Storage API的使用方法。
css实现三列布局9. HTML5中的离线应用
掌握cache manifest 文件的创建和功能,理解applicationCache 对象的基础概念,掌握applicationCache 对象中API的应用。
10.其他应用API
掌握Web Sockets API的使用方法,了解Web Workers API的实现方式。
11.HTML5中元素的拖放
熟悉并理解元素拖放的原理和实现,掌握dataTransfer对象的使用方法,能编写一个简单的元素拖放示例。
12.CSS3的概念
了解CSS3基本概念,掌握CSS3的语法和使用,掌握CSS3的模块结构和应用。
13.选择器
了解CSS3中选择器的基本概念,掌握CSS3中各属性选择器的使用方法,掌握CSS3中各结构性伪类选择器的使用方法。
14.选择器在页面的应用
理解并掌握使用伪元素选择器插入文字的方法,了解使用伪元素选择器插入图片的方法,熟悉使用伪元素选择器显示有序编号的方法。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论