《WEB开发技术》课程教学大纲
一、课程基本信息
课程名称WEB开发技术英文名称WEB Development Technology 开课单位电气与信息工程学院课程负责人
课程代码3DX0796A学分4
课程类别专业教育课程适用专业本科软件工程专业
课内学时64课外学时32
先修课程《软件工程导论》、《程序设计基础》等
课程简介
《Web开发技术》课程是软件工程专业的一门专业平台课。本课程的任务是：学生能掌握基本的Web前端开发技术，包含HTML语言、JavaScript、CSS即级联样式表、jQuery。学生能掌握常用的Web后端技术jsp、servlet，熟悉常用的框架spring、springMVC、struts2、Mybatis。为学生后续学习软件工程新技术、毕业设计打下基础。该课程实践性强、应用广泛，对毕业后从事Web开发同学有重要意义。
二、课程教学目标
目标1：掌握基本的Web前端开发技术，包含HTML语言、JavaScript、CSS即级联样式表、jQuery；（对应毕业要求指标点3.4）目标2：掌握常用的Web后端技术jsp、servlet，熟悉常用的框架spring、springMVC、struts2、Mybatis；（对应毕业要求指标点3.4）目标3：能够网站系统设计和开发工作中通过科学的测试和验证方案，确保开发质量。
（对应毕业要求指标点7.2）目标4：能在网站系统设计和开发工作中考虑经济、法律等各种制约因素。
（对应毕业要求指标点8.3）目标5：能在网站系统设计和开发团队中承担个体、团队成员以及负责人的角。
（对应毕业要求指标点9.3）
1019
三、课程内容及学时分配（一）理论教学学时分配
序号教学
单元
教学内容
课内
学时
教学
方式
课外
学时
课外
环节
课程
目标
1
HTML入门教学内容：
HTML基础入门知识，掌握常用
的块级元素(block element)和行内元素
(inline element)。
对学生的要求：
了解HTML的应用场景；掌握
HTML的基本元素。
重点：HTML的基本元素
难点：HTML的基本元素
4
讲授
实操
4
调研
预习
报告
目标
1，
3,4,5
2
HTML5进
阶教学内容：
HTML5的常用元素及实战
对学生的要求：
了解HTML5新技术及应用场景，
掌握HTML5的新增的常用元素。
重点：HTML5的新增的常用元素
难点：HTML5的新增的常用元素
4
讲授
实操
2预习
目标
1，
3,4,5
3
CSS入门教学内容：
CSS中id、class的区别，css内联、
外联、嵌入式的区别。
对学生的要求：
了解CSS的基本语法及掌握常用
的CSS的编写。
重点：CSS的基本语法
难点：CSS的基本语法
4
讲授
实操
2练习
目标
1，
3,4,5
4
CSS3进阶教学内容：
CSS3的新增的常用元素及不同
浏览器兼容编写。
对学生的要求：
web后端是指什么了解CSS的高级语法及掌握常用
的CSS3的编写。
重点：CSS3的新增的常用元素
难点：CSS3的新增的常用元素
4
讲授
实操
4作业
目标
1，
3,4,5
5Javascript
语法入门教学内容：
Javascript的7种基本数据类型及
4
讲授
实操
2
操作
练习
目标
1，
1020
内置对象如String、Date、Array、
Boolean、Math、RegExp对象等。
对学生的要求：
掌握Javascript的基本语法及用
chrome进行调试。
重点：Javascript的基本语法
难点：chrome进行调试Javascript
3,4,5
6
Javascript
的dom浏览
器对象教学内容：
使用chrome的console调试dom
浏览器对象如window、document、
form[]、elements[]、links[]、images[]、
anchors[]、navigator、frames[]、location、
history等
对学生的要求：
掌握及认识常用的dom浏览器对
象。
重点：常用的dom浏览器对象
难点：常用的dom浏览器对象
4
讲授
实操
4
作业
练习
操作
目标
1，
3,4,5
7
Javascript
动态创建元
素教学内容：
学习动态创建元素的常用方法如
innerHTML、appendChild等。
对学生的要求：
掌握使用javascript创建常用的
dom元素。
重点：javascript动态创建元素
难点：javascript动态创建元素
4
讲授
实操
2作业
目标
1，
3,4,5
8
Javascript
常用事件教学内容：
学习使用onclick、onload、
onchange、onblur、onfocus、onscroll、
onsubmit、键盘鼠标等开发中常用事
件。
对学生的要求：
掌握使用javascript的常用事件。
重点：javascript的常用事件
难点：javascript的常用事件
4
讲授
实操
2
练习
预习
目标
1，
3,4,5
1021
9
Chrome调
试HTML、
CSS、
Javascript
技巧教学内容：
学习使用Chrome的Sources、
Network、Console、Elements进行调试
web前端程序。
对学生的要求：
掌握Chrome的开发者工具调试
程序。
重点：Chrome开发者工具调试程序
难点：Chrome开发者工具调试程序
4
讲授
实操
2操作
目标
1，
3,4,5
10
jQuery入门教学内容：
jQuery的基本语法及编程。
对学生的要求：
了解使用jQuery进行兼容各大浏
览器进行开发的好处以及掌握jQuery
基本语法。
重点：jQuery的基本语法及编程
难点：jQuery的基本语法及编程
4
讲授
实操
目标
1，
3,4,5
11
jQuery选择
器教学内容：
学习使用jQuery常用的的基本选
择器、层叠选择器、过滤选择器。
对学生的要求：
掌握jQuery常用的几种选择器。
重点：jQuery常用的几种选择器
难点：jQuery常用的几种选择器
4
讲授
实操
目标
1，
3,4,5
12
jQuery中的
DOM操作教学内容：
学习使用jQuery进行查节点、
插入节点、删除节点等操作。
对学生的要求：
掌握jQuery中的DOM操作。
重点：jQuery进行查节点、插入节
点、删除节点
难点：jQuery进行查节点、插入节
点、删除节点
4
讲授
实操
2作业
目标
1，
3,4,5
13
jQuery中的
事件教学内容：
学习使用click、load、change、blur、
focus、scroll、submit等jQuery开发中
常用事件。
对学生的要求：
4
讲授
实操
目标
1，
3,4,5
1022
掌握jQuery中常用事件。重点：jQuery中常用事件
难点：jQuery中常用事件
14
jQuery与
Ajax的应用教学内容：
学习jQuery的无刷新ajax技术。
对学生的要求：
掌握使用jQuery进行ajax编程。
重点：使用jQuery进行ajax编程
难点：使用jQuery进行ajax编程
4
讲授
实操
目标
1，
3,4,5
15
Jsp动态技
术教学内容：
学习jsp常用几大对象及jstl编
程。
对学生的要求：
掌握jsp常用的几大对象使用。
重点：jsp常用的几大对象使用
难点：jsp常用的几大对象使用
4
讲授
实操
2练习
目标
2，
3,4,5
16
Servlet技术
及jdbc技术教学内容：
学习servlet的init、service、destroy
方法及jdbc操作数据库。
对学生的要求：
掌握servlet后台交互及jdbc访问
数据库。
重点：servlet后台交互及jdbc访问数
据库
难点：servlet后台交互及jdbc访问数
据库
4
讲授
实操
4报告
目标
2，
3,4,5总计6432
（二）课带实验学时分配
序号实验项目实验内容必做选做
实验项
目类型
教学
方式
学时
分配
1
HTML入门
常用的块级元素(block
element)和行内元素(inline
element)实验。
√验证讲授
示范
实操
2
2HTML进阶
HTML5的常用元素及实
战。√验证讲授
示范
实操
2
3CSS入门CSS中id、class，css内联、√验证讲授2
1023

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