1、
课程名称： Javascript程序设计 课程编码:
开课单位：
制定人・,审核M 制定时间：2021年8月20日
二。二二O二二学年度第一学期
课程名称:Javascript程序设计学时：64
周次
学习情境/项 目/单元（选其
一）
子情境/子工程 /子单元（选其 一）
学习内容（支 撑知识）
教学方 法 及手段
成果形 式
参考 学时
第1周
JavaScript 概 述
1 . JavaScript 的 起源
2 .浏览器之争
3 .Javascript 的 实现
4 . Javascript 小 体验
2、JavaScript 的 起源及实现 JavaScript 案 例演示 搭建
JavaScript 开 发环境
案例教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
JavaScr ipt环境 搭建
2
第1-4 周
JavaScript 基 础
1 .JavaScript 语 法
2 .变量、数据类 型、关键字、保存 字、条件语句、循 环语句、函数、对 象、bom基础
JavaScript 类 型
JavaScript 变 量与关键字
案例教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
输入数 字判断 程序网 页
12
条件语句
循环语句
打印三
3、 角形
函数
对象
BOM基础
注册判 断函数 网页
第4-5 周
JavaScript 开 发
1 . JavaScript 应 用环境
2 .常用开发工具
3 .常用调试工具
常用开发工具 介绍
常用调试工具 介绍
案例教 学法、项 目教学 法、任务 驱动教
简易计 算器
4
学法、讲 授法
第5-7 周
CSS基础
1 . CSS的概念
2 .网页设计中的
CSS
3,使用css控制 页面
4. css选择器
5. css设置文字 效果
CSS的使用样 式
案例教 学法、项 目教学 法、任务 驱动教 学法、讲
4、授法
文字环 绕图片 效果
8
CSS选择器
CSS文字与图 片效果
链接文 字样式 设定网 页
第
7-9周
CSS进阶
1 .DIV 和 SPAN 标 记布局网页
2 . CSS布局定位
3 .盒子浮动和定 位
DIV 和 SPAN 标 记布局网页
案例教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
盒模型 的应用
8
第 9-11 周
DOM模型
1 .D0M及DOM技术 简介
2 .网页中的DOM 模型框架
3、DOM模型中的 节点
4 .使用非标准 DOMinnerHTML 属 性
DOM技术简介
网页中的DOM 模型框架
案例
5、教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
动态修 改页面 图片
8
元素节点、文本 节点、属性节点
DOM 与 CSS
检查浏 览器支 持的DOM 标准级 别
第 11-12 周
JavaScript 高 级篇
L事件机制简介
2.常用事件函数
事件机制简介
常用事件函数
案例教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
屏蔽鼠 标右键 网页 伸缩的 两级菜 单网页
4
第 12-14 周
表格与表单
1 .CS控制表格样 式
2 . DOM动态控制 表格
3 .控制表单以及 表单元素的使用
使用CSS控制 表格样式
案例教 学
6、法、项 目教学 法、任务 驱动教 学法、讲 授法
自动提 示的文 本框
8
使用DOM动态 控制表格
用
JavaScr ipt控制 屡次提 交网页
控制表单
第 14-15 周
JavaScript 设 计与优化
1 .常见错误和异 常
2 .错误处理
3 .使用调试器
4 .JavaScript 优 化
常见错误和异 常
案例教 学法、项 目教学 法、任务 驱动教 学法、讲 授法
通 过 try ••• catch 逐 渐缩小 范围查 找错误 其他设 计常用 注意事
项
6
错误处理
使用调试器
JavaScript 优 化
2. Ajax异步交 互
3.Aja框架
2. jQuery 的$
3.jQuery 与
CSS3
4. jQuery 开发 和调试工具
2.直接获取、编 辑内容
3.处理表单元 素的值
4.处理页面事
件
2.元素显隐的 渐入渐出效果
3.幻灯片效果
第16周
复习
4
总结
64
授课班级：20软件技术1,2, 3班 学分：3. 5分
浙ICP备2021020529号-1 | 浙B2-20240490 
