✦
教学大纲
✦
课程名称：Web编程基础
英文名称：Foundations of Web Programming
课程类型：专业任选课
总 学 时：54（理论学时：36，实验学时：18）
学 分：3
开设专业：计算机科学与技术、网络工程、软件工程等相关专业
先修课程：无
1
课程任务及基本要求
本课程系统介绍Web程序设计所必需的基本知识，包括HTML5、CSS3、Java、AJAX和jQuery等内容。HTML5的相关知识点包括文档基本结构、常用标签、新增标签、表单、画布、音频、本地存储、离线应用和Web Workers、Geolocation地理位置。CSS3的相关知识点包括概述、样式属性、页面布局。Java的相关知识点包括Java对象、DOM编程。AJAX的相关知识点包括对象、AJAX与JSP、AJAX与XML、AJAX与数据库。jQuery的相关知识点包括选择器、事件处理、特效、jQuery操作DOM。每个知识点都分为基本语法、说明和范例演示。
通过本课程的学习，使学生掌握HTML5标记语言、CSS3、Java、AJAX以及jQuery等基础知识，能够了解并应用网页开发工具独立开发基于HTML5的静态网站以及Web应用程序的客户端页面，为将来学习动态网站开发Web应用程序奠定基础。
2
教学内容及要求
1．HTML5概述
教学内容：互联网概述、HTML5的改变、HTML5文档基本结构、HTML5语法、HTML5常用标签。
教学要求：
（1）了解超文本传输协议、统一资源定位符、超文本标记语言；
（2）掌握HTML5文档基本结构和语法；
（3）掌握HTML5常用标签。
2．表单
教学内容：form标签、HTML5中新增的input元素、HTML5中新增的其他表单元素。
教学要求：
（1）熟练掌握form标签的使用；
（2）掌握HTML5中新增的input元素；
（3）了解HTML5中新增的其他表单元素。
3．HTML5画布
教学内容：HTML5的Canvas元素、绘制简单图形、绘制文字、图形变换、操作图像、其他颜色和样式。
教学要求：
（1）了解HTML5的Canvas元素；
（2）了解利用HTML5画布绘制简单图形、绘制文字、图形变形、操作图像等内容。
4．音频视频与本地存储
教学内容：HTML5中插入音频、HTML5中插入视频、Web Storage、Web SQL。
教学要求：
（1）掌握在HTML5中插入音频的方法；
（2）掌握在HTML5中插入视频的方法；
（3）掌握Web Storage和Web SQL。
5．离线应用与Web Workers
教学内容：HTML5离线应用概述、ApplicationCache对象、离线缓存的实现、离线缓存的更新、离线缓存的应用示例、Web Workers。
教学要求：
（1）了解HTML5离线应用和ApplicationCache对象；
（2）掌握离线缓存的实现和更新；
（3）了解Web Workers相关内容。
6．Geolocation地理位置
教学内容：Geolocation地理位置概述、Geolocation API、Geolocation使用示例。
教学要求：
（1）了解Geolocation地理位置概述；
（2）了解Geolocation API。
7．CSS3
教学内容：CSS3概述、CSS3的基本语法、CSS3的使用方式、CSS3的继承、CSS3元素选择符、CSS3关系选择符、CSS3属性选择符、CSS3伪类选择符、CSS3伪元素选择符。
教学要求：
（1）了解CSS3的基本语法、CSS3的继承；
（2）掌握CSS3的使用方式、CSS3的元素选择符、CSS3的关系选择符、CSS3的属性选择符；
（3）了解CSS3伪类选择符和伪元素选择符。
8．CSS3样式属性
教学内容：文本属性、文本和文本装饰属性、背景属性、边框属性、定位属性、布局属性、列表属性、光标属性。
教学要求：
（1）掌握CSS3文本属性、文本和文本装饰属生、边框属性、定位属性、布局属性；
（2）了解CSS3背景属性、列表属性、光标属性。
9．CSS3页面布局
教学内容：页面布局概述、盒子模型和DIV、页面布局、DIV浮动、实用技巧、CSS hack。
教学要求：
（1）了解页面布局、盒子模型和DIV、页面布局；
（2）了解DIV浮动和CSS hack；
（3）掌握CSS3页面布局的实用技巧。
10．Java基础
教学内容：Java简介、Java语法、Java函数。
教学要求：
（1）了解Java的语言特点和基本结构；
（2）掌握Java语法；
（3）掌握Java函数。
11．Java对象
教学内容：Java核心对象、Java自定义对象。
教学要求：
（1）掌握Java的数组对象、字符串对象、日期对象、数学对象；
（2）掌握Java使用原型添加核心对象的属性和方法，掌握Java创建自定义对象的方法。
12．DOM编程
教学内容：BOM和DOM概述、Java事件、window对象、document对象、history对象、location对象、事件的应用、网页特效。
教学要求：
（1）了解BOM和DOM；
（2）掌握Java事件、window对象、document对象；
（3）了解history对象、location对象、网页特效；
（4）掌握Java事件。
13．AJAX
教学内容：AJAX概述、对象、AJAX与JSP、AJAX与XML、AJAX与数据库。
教学要求：
（1）掌握AJAX基础知识；
（2）掌握对象的创建、方法、属性、工作过程；
（3）了解AJAX与JSP、XML、数据库的交互。
14．jQuery
教学内容：jQuery概述、jQuery选择器、jQuery的事件处理、jQuery的特效、jQuery操作DOM。
教学要求：
（1）掌握jQuery选择器、事件处理、操作DOM；
（2）了解jQuery特效。
3
学时分配
4
考核说明
本课程考试采取期末开卷考试（占比50%）、实验考核（占比30%）、平时考核（占比20%）相结合的方式进行。其中，开卷考试主要测试学生对基础知识的理解、判断、分析、综合应用等能力；实验考核主要综合考查学生的实验出勤率、完成情况、课程设计等；平时考核主要综合考查学生上课的出勤率、课堂表现、作业情况等。
5
参考教材
《Web编程基础——HTML5、CSS3、Java》第3版，9787302631675，任平红、陈矗，清华大学出版社，2023年8月
✦
参考书籍
✦
《Web编程基础——HTML5、CSS3、Java（第3版·微课视频版）》
ISBN：9787302631675
作者：任平红、陈矗
定价：59.80元
经典教材全新升级改版。
配套微课视频、在线题库、教学课件、程序源码、教学大纲等丰富资源。
内容简介
本书详细介绍Web编程基础中的相关知识点和技能，主要内容包括HTML5概述，HTML5表单，HTML5画布，音频、视频与Web存储，离线应用和Web Workers，Geolocation地理位置，CSS3，CSS3样式属性，CSS3页面布局，Java基础，Java对象，DOM编程，AJAX，jQuery。本书对与Web编程相关的理论知识进行详细的讲解与分析，文字通俗易懂，实例丰富，提供配套课件、微课视频、源代码、习题及参考答案等，可以使读者更深入地理解相关的知识点。
本书可以作为高等院校Web程序设计和Web编程技术相关课程的教材，也可以作为广大自学者和软件开发人员的参考用书。
精彩样章
向上滑动阅览
目录
向上滑动阅览
第1章 HTML5概述
1.1 互联网概述
1.1.1 超文本传输协议
1.1.2 统一资源定位符
1.1.3 超文本标记语言
1.1.4 XML和XHTML
1.2 HTML5的改变
1.2.1 HTML5新增的元素
1.2.2 HTML5废除的元素
1.2.3 HTML5新增的属性
1.2.4 HTML5的新特性和新规则
1.2.5 HTML5开发工具
1.3 HTML5文档的基本结构
1.4 HTML5的语法
1.5 HTML5的常用标签
1.5.1 meta
1.5.2 标题
1.5.3 换行元素
1.5.4 分隔线
1.5.5 段落
1.5.6 特殊字符
1.5.7 列表
1.5.8 锚元素
1.5.9 表格
小结
习题
第2章 HTML5表单
2.1 form标签
2.2 HTML5中新增的input元素
2.2.1 email类型
2.2.2 url类型
2.2.3 number类型
2.2.4 range类型
2.2.5 Date pickers类型
2.2.6 search类型
2.2.7 tel类型
2.2.8 color类型
2.3 HTML5中新增的表单元素
2.3.1 datalist元素
2.3.2 keygen元素
2.3.3 output元素
小结
习题
第3章 HTML5画布
3.1 HTML5的canvas元素
3.2 绘制简单的图形
3.2.1 绘制直线
3.2.2 绘制矩形
3.2.3 绘制圆或圆弧
3.2.4 绘制三角形
3.3 绘制文字
3.3.1 绘制填充文字
3.3.2 绘制轮廓文字
3.4 图形变换
3.4.1 保存与恢复
3.4.2 移动
3.4.3 缩放
3.4.4 旋转
3.4.5 变形
3.5 操作图像
3.6 其他颜色和样式
3.6.1 线型
3.6.2 渐变
3.6.3 绘制图案
3.6.4 透明度
3.6.5 阴影
小结
习题
第4章 音频、视频与Web存储
4.1 音频
4.1.1 音频格式
4.1.2 audio元素
4.1.3 Java控制audio对象
4.2 视频
4.2.1 视频格式
4.2.2 video元素
4.3 Web Storage
4.4 Web SQL
小结
习题
第5章 离线应用和Web Workers
5.1 HTML5离线应用概述
5.2 ApplicationCache对象
5.2.1 属性
5.2.2 事件
5.3 离线缓存的实现
5.4 离线缓存的更新
5.5 离线缓存应用示例
5.5.1 缓存首页
5.5.2 缓存图像
5.6 Web Workers
5.6.1 Web Workers概述
5.6.2 Web Workers成员
5.6.3 Web Workers示例
小结
习题
第6章 Geolocation地理位置
6.1 概述
6.1.1 地理位置的表达
6.1.2 地理位置的来源
6.2 Geolocation API
6.2.1 获取当前地理位置信息
6.2.2 监视地理位置信息
6.2.3 停止获取地理位置信息
6.3 示例
6.3.1 使用腾讯地图定位
6.3.2 距离跟踪器
小结
习题
第7章 CSS3
7.1 CSS3概述
7.2 CSS3的基本语法
7.3 CSS3的使用方式
7.4 CSS3的继承
7.5 CSS3的元素选择符
7.5.1 通配选择符(*)
7.5.2 类型选择符(E)
7.5.3 id选择符(E#id)
7.5.4 类选择符(E.class)
7.6 CSS3的关系选择符
7.6.1 包含选择符(E F)
7.6.2 子选择符(E>F)
7.6.3 相邻选择符(E+F)
7.6.4 兄弟选择符(E~F)
7.7 CSS3的属性选择符
7.8 CSS3的伪类选择符
7.9 CSS的伪元素选择符
小结
习题
第8章 CSS3样式属性
8.1 字体属性
8.2 文本和文本装饰属性
8.3 背景属性
8.4 边框属性
8.5 定位属性
8.6 布局属性
8.7 列表属性
8.8 光标属性
小结
习题
第9章 CSS3页面布局
9.1 概述
9.2 盒子模型和DIV
9.3 页面布局
9.3.1 简单布局
9.3.2 圣杯布局
9.3.3 多栏布局
9.3.4 弹性伸缩布局
9.4 DIV浮动
9.5 实用技巧
9.6 CSS hack
9.6.1 主流的浏览器
9.6.2 CSS hack的分类
小结
习题
第10章 Java基础
10.1 Java的简介
10.1.1 Java的语言特点
10.1.2 Java的基本结构
10.2 Java的语法
10.2.1 数据类型
10.2.2 常量
10.2.3 变量
10.2.4 注释
10.2.5 运算符
10.2.6 流程控制
10.3 Java函数
10.3.1 内置函数
10.3.2 用户自定义函数
小结
习题
第11章 Java对象
11.1 Java的核心对象
11.1.1 数组对象
11.1.2 字符串对象
11.1.3 日期对象
11.1.4 数学对象
11.2 Java自定义对象
11.2.1 使用原型添加属性和方法
11.2.2 创建自定义对象
小结
习题
第12章 DOM编程
12.1 BOM和DOM概述
12.2 Java事件
12.3 window对象
12.3.1 window对象的属性
12.3.2 window对象的方法
12.4 document对象
12.5 history对象
12.6 location对象
12.7 事件的应用
12.7.1 鼠标事件
12.7.2 键盘事件
12.8 网页特效
小结
习题
第13章 AJAX
13.1 AJAX概述
13.2 对象
13.2.1 对象的创建
13.2.2 对象的方法
13.2.3 对象的属性
13.2.4 对象的工作过程
13.3 AJAX与JSP
13.4 AJAX与XML
13.5 AJAX与数据库
小结
习题
第14章 jQuery
14.1 jQuery概述
14.2 jQuery选择器
14.3 jQuery的事件处理
14.4 jQuery的特效
14.5 jQuery操作DOM
14.5.1 jQuery读写元素的内容和属性
14.5.2 jQuery更改页面元素
14.5.3 jQuery操作CSS属性
小结
习题
参考文献
扫码京东优惠购书
在公众号书圈后台回复【9787302631675】，下载本书配套的教学资源
单击页面下方【阅读原文】，订阅【教学大纲】栏目
