HTML5与JavaScript  教学大纲
一、说明
（一）课程性质
学院平台选修课程。
（二）教学目的
通过本课程的学习，使学生掌握HTML5，CSS及JavaScript综合应用，掌握网页开发技术的基础与核心，熟悉开发符合Web标准规范网页的技巧与方法，能够使用HTML5与JavaScript 编写可交互Web应用程序，创建一些实用的Web应用。
（三）教学内容
教学内容主要包括利用HTML5制作网站，使用CSS3美化HTML5 网页，JavaScript基础，JavaScript对象模型，JavaScript表单、样式与定位，HTML5画布，HTML5音频与视频，Web 存储，Web 离线应用，Workers多线程处理，Geolocation地理位置等
（四）教学时数
本课程教学时数共72学时，其中讲授36学时，实验36学时。
（五）教学方式
使用讲授加实践的方式进行教学，由浅入深地进行各种基础知识的讲解。通过综合实例的训练让学生熟练掌握各种知识的实际应用。讲授时需利用多种现代化媒体进行教学辅助。
二、本文
理论部分
上篇基础应用
第1章利用HTML5制作网站
教学要点：
本章使学生重点掌握HTML5与之前的版本相比的革命性变化，包括网页结构、设计风格及理念的变化，表单数据内容进化，了解Web技术的变化趋势，掌握简单的HTML5网站的规划与实现。
教学时数：
3学时
教学内容：
1.1  HTML5时代的网页设计
1.2 HTML5带来的网页结构、设计风格及理念的变化
1.2.1 HTML 4时代的几个特征
1.2.2  Web标准与规范
1.2.3 一个典型的HTML5页面
1.3 HTML5带来的标签变化
1.3.1 什么是标签
1.3.2 标签的分类
1.3.3 近十几年来的HTML
1.3.4 Web的变化趋势
1.4 HTML5带来的表单数据内容进化
1.4.1 数据提交格式的变化
1.4.2 数据提交范围的变化
1.4.3 表单数据类型的增加
1.4.4 表单属性和验证方式的进化
1.4.5 文件上传控件和重复模型的应用
1.5 HTML5与SEO
1.5.1 技术趋势
1.5.2 搜索引擎服务商面临的问题
1.5.3 SEO从业人员面临的问题
1.5.4 SEO面临的几个社会问题
1.6 HTML5的开发环境与调试环境
1.6.1 HTML5编写工具
1.6.2 JavaScript开发
1.6.3 HTTP监控
1.6.4 调试环境
1.7 案例：HTML5网站建设
1.7.1 需求的提出
1.7.2 需求分析
1.7.3 系统分析
1.7.4 工程实现
第2章从HTML、XHTML到HTML5
教学要点：
本章重点使学生了解HTML，XHTML的结构，语法等特性，了解HTML5增加及废除标签，熟悉HTML5新增标签的功能及其使用方法。
教学时数：
2学时
教学内容：
2.1 HTML基础
2.1.1 HTML简介
2.1.2 HTML特性
2.1.3 HTML结构
2.1.4 HTML语法
2.1.5 HTML标签
2.1.6 HTML属性
2.2 XHTML基础
2.2.1 XHTML结构
2.2.2 XHTML语法
2.2.3 XHTML类型
2.2.4 DTD解析
2.2.5命名空间
2.3 HTML5基础
2.3.1 HTML5语法
2.3.2 HTML5元素
2.3.3 HTML5增加及废除的属性
2.3.4 HTML5全局属性
2.3.5 HTML5其他功能
第3章使用CSS3美化HTML5文档
教学要点：
本章重点使学生掌握使用CSS美化HTML5文档的技巧与方法，熟悉掌握常用页面布局的形式，能进行常用页面的布局设计与实现。
教学时数：
4学时
教学内容：
3.1  CSS 概述
3.1.1  CSS发展简史
3.1.2  CSS1.0和CSS2.0概述
3.1.3  CSS3编码规范
3.1.4  HTML5文档使用CSS3
3.2  CSS美化页面
3.2.1  字体属性
3.2.2  文本高级样式
3.2.3  段落属性
3.2.4  图片样式
3.2.5  图文混排
3.2.6  背景相关属性
3.2.7  边框
3.3  网页布局
3.3.1设计多列布局
3.3.2设置多列显示样式
3.3.2.1定义列宽
3.3.2.2定义列数
3.3.2.3定义列间距
3.3.2.4定义列边框样式
3.3.2.5定义跨列显示
3.3.2.6定义列高度
3.3.2.7定义打印列
3.3.3设计盒布局
javascript的特性3.3.4设置盒布局格式
3.3.
4.1定义自适应宽度
3.3.
4.2定义列显示顺序
3.3.
4.3定义列排列方向
3.3.
4.4定义模块大小自适应
3.3.
4.5消除空白
3.3.
4.6定义对齐方式
3.3.5综合实战：设计多列网页
第4章JavaScript基础
教学要点：
使学生了解JavaScript与Jscript、ECMAScript之间的关系与区别，掌握JavaScript的变
量、条件语句、循环、函数与对象的使用方法。
教学时数：
4学时
教学内容：
4.1  JavaScript 概述
4.1.1 什么是 JavaScript
4.1.2 Jscript与 ECMAScript
4.1.3 在网页使用JavaScript代码
4.1.4  JavaScript标识符
4.1.5  JavaScript 语句
4.1.6  JavaScript 代码块
4.1.7  JavaScript 注释，单行注释与多行注释
4.1.8  JavaScript中的数据类型与特殊的值
4.1.9  转义符
4.2  变量，条件语句，循环
4.2.1  JavaScript 变量
4.2.2  JavaScript 算术运算符
4.2.3  JavaScript 赋值运算符
4.2.4  JavaScript 比较运算符
4.2.5  JavaScript逻辑运算符
4.2.6  弱类型变量的运算
4.2.7  条件语句
4.2.8  JavaScript 中的循环
4.3  函数与对象
4.3.1  JavaScript 函数
4.3.2  数组
4.3.3  对象
4.3.4  内部对象Math
4.3.5  内部对象Date对象
4.3.6  内部对象String对象
4.3.7  JavaScript全局对象与全局函数
第5章对象模型
教学要点：
使学生重点掌握浏览器对象模型和文档对象模型的实际应用方法。教学时数：
2学时
教学内容：
5.1 BOM
5.1.1 BOM体系结构
5.1.2 BOM的作用
5.1.3 History对象
5.1.4 Location 对象
5.1.5 Navigator对象
5.2  框架与多窗口通信
5.3  浏览器检测
5.4 DOM
5.4.1 DOM结构与BOM的关系
5.4.2 利用DOM结构访问HTML标签的方法
5.4.3 获取和设置元素属性
5.4.4节点
5.5.5 HTML DOM
第6章表单、样式与定位
教学要点：
使学生重点掌握网页中表单对象的属性及使用方法，掌握表格及其事件处理方法，并能够进行表单、表格对象的样式设计与定位。
教学时数：
4学时
教学内容：
6.1 forms对象
6.1.1 form 对象的集合
6.1.2 form 对象的属性
6.1.3 form 对象的专用的事件属性
6.1.4 form 对象的方法
6.2 表单元素的方法
6.3 表单元素的属性
6.4 常用的一些js表单验证
6.5 表格与事件
6.5.1 JS访问表格
6.5.2表格对象的方法
6.5.3表格行对象的方法与属性与单元格对象的属性
6.5.4事件
6.5.5给事件注册多个函数
6.5.6事件对象
6.5.7事件传播——冒泡与捕获
6.5.8标准化事件对象，兼容性处理
6.6  样式与定位
6.6.1修改元素的外观
6.6.2获取最终应用到元素上的CSS样式
6.6.3访问外部样式文件中的CSS样式
6.6.4关于元素尺寸的获取(这里只讨论块元素的情况)
6.6.5关于页面窗口尺寸的获取
6.6.6关于元素边框大小的获取
6.6.7关于元素坐标位置的获取
6.6.8最简单的拖动效果
下篇高级应用
第7章HTML5画布
教学要点：
使学生掌握使用HTML5 canvas元素进行平面图形，文字及2D图形的绘制，进行图形的各种

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。