HTML5编程
（HTML5 Programming）
课程代码：06410068
学分：2
学时：32    （其中：课堂教学学时：24  实验学时：0  上机学时：8）
先修课程：程序设计基础
适用专业：软件工程
教材：《HTML5网页前端设计》，周文洁，清华大学出版社，2017年6月第一版
一、课程性质与课程目标
（一）课程性质
HTML5编程是软件工程专业的一门专业必修课，是软件工程专业开设的一门编程基础课程。通过本门课
程的学习，使学生熟悉主流的HTML5技术，熟练使用各种常用的Html控件、CSS技术，掌握JavaScript的基本技术，掌握一定的jQuery知识，具备一定的AJAX程序设计能力，为今后从事计算机网站前端设计工作打下基础。HTML5编程是一门实践性很强的课程，因此，采用理论加实践的教学模式，通过理论课讲授理论知识，通过上机课，让学生巩固和提升所学知识。
（二）课程目标
本课程的目标，是使学生了解网站前端开发的基本原理和目前市场上的主流技术，从而能够使用合适的工具设计并开发出符合市场需求的网站前端。课程的目标包括：
课程目标1：掌握HTML5的基本知识
课程目标2：能够根据需求进行前端布局分析
课程目标3：能够选用合适的工具进行网站前端开发
课程目标4：能够综合运用HTML5相关知识设计前端网页
（三）课程目标与专业毕业要求指标点的对应关系
本课程支撑专业培养计划中毕业要求指标点包括：
1.毕业要求1.3：能够应用工程原理和专业知识分析工程问题的解决途径并进行改进
2.毕业要求2.5：能够应用数学、自然科学和工程科学的基本原理证实解决方案的合理性
3.毕业要求3.1：能够根据复杂软件工程问题的需求确定基本思路和方案
4.毕业要求
5.1：能够开发、选择与使用恰当的技术、资源、现代工程工具和信息技术工
具完成复杂软件工程需求分析、预测、模拟
5.毕业要求5.3：能够采用恰当的开发工具完成软件开发，并能够理解开发过程的局限性
注：课程目标与毕业要求指标点对接的单元格中可输入“✓”，也可标注“H、M、L”。
二、课程内容与教学要求
第一章 HTML基础
（一）课程内容
HTML基础知识、HTML/XHTML/HTML5区别、编程工具介绍、互联网基本原理、简单标签、复杂标签、HTML5新增标签
（二）教学要求
了解HTML基础知识、了解HTML/XHTML/HTML5区别、理解互联网基本原理、掌握简单标签、复杂标签和HTML5新增标签
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
简单标签、复杂标签和HTML5新增标签
2. 难点
互联网基本原理
第二章 CSS基础
（一）课程内容
CSS基础知识、CSS常见属性、CSS选择器、CSS三大特性、CSS显示模式、CSS背景和CSS Sprite 技术、CSS盒模型、浮动流、清除浮动、伪元素、定位流、CSS3新增属性、CSS3滤镜、CSS3键值对、CSS3转化模块、CSS3自定义动画模块、CSS3动画合成混搭、CSS3多列、CSS3景深透视、CSS3浏览器兼容处理。
（二）教学要求
掌握CSS基础知识和、CSS常见属性，理解CSS三大特性，掌握CSS动画设计，理解CSS3浏览器兼容处理
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
CSS基础知识、CSS常见属性
2. 难点
CSS动画设计
第三章 JavaScript基础
（一）课程内容
JavaScript的变量、基本数据类型、对象、运算符、条件语句、循环语句、函数、DOM以及BOM 的相关知识。
（二）教学要求
掌握JavaScript的变量、基本数据类型、对象、运算符、条件语句、循环语句，理解JavaScript 函数，了解DOM以及BOM的相关知识。
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
JavaScript的基本语法
2. 难点
DOM以及BOM
第四章 jQuery
（一）课程内容
jQuery框架基础，选择器、DOM节点操作；事件处理机制、jQuery动画、拖拽，表单开发以及其他高级特性；jQuery AJAX技术剖析、jQuery特效原理剖析与制作；jQuery相关插件、jQuery源
码分析
（二）教学要求
掌握jQuery框架基础，理解选择器、DOM节点操作；了解jQuery特效原理剖析与制作；了解jQuery相关插件、理解jQuery源码。
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
jQuery框架基础、选择器、DOM节点操作
2. 难点
jQuery特效原理
第五章 AJAX
（一）课程内容
Ajax简介和异步的概念、Ajax框架的封装、XMLHttpRequest对象详细介绍、兼容性处理方法；JSON的解析、数据绑定和模板技术、图片预读取和lazy-load技术；Ajax案例。
（二）教学要求
理解Ajax异步的概念，掌握Ajax框架的封装和兼容性处理方法；掌握JSON的解析和数据绑定和模板技术；了解图片预读取和lazy-load技术；理解Ajax案例。
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
Ajax框架的封装和兼容性处理方法
2. 难点
Ajax案例
第六章项目实战
（一）课程内容
通过指定题目，让学生自己设计前端布局和框架，综合使用学过的知识进行实现，最终得到一个网站的前端页面。
（二）教学要求
理解所学知识在网站前端设计中的作用，并能够进行运用。
（三）重点与难点（若不单独列出，需在教学要求中适当注明）
1. 重点
网站布局和框架设计
html学多久
2. 难点
HTML5知识的综合运用
三、本课程开设的实验项目
注：1. “类型”填验证性、综合性、设计性等；
2. “要求”填必做、选做。
实验1：自我介绍网站前端设计
1、实验目的要求
1)掌握HTML5开发工具的使用
2)具有相关的布局知识，能够自己进行设计
2、实验主要内容
使用所学的HTML、CSS和JavaScript知识，设计一个介绍自己的网站，网站布局和展示内容自行设计。
实验2：表单提交网站前端设计
1、实验目的要求
1)掌握表单的设计方法
2)掌握jQuery基本用法
3)掌握AJAX基本用法
2、实验主要内容
使用所学的jQuery和AJAX知识，设计一个表单提交的网站，能够实现部分界面的异步提交，展示内容自行设计。
实验3：商品展示网站前端设计
1、实验目的要求

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