html5 网页编程教案
本文由皮皮虾学习网 www.wenkuwenku.com 生成
《HTML 5 网页编程》
教案 首页
本次 课标题 : 情 景 一 J a v a S c r i p t 基 础 应 用
任 务 1 Ja v aS c r i p t 语 言 基 础 - 语 法 授课日期 第 1 周第 1 次
授课 班级 上课 地点 实 验 楼 L 区
课时 分配 面 对 面 翻 转 课 堂 教 学 2 课 时 ( 12 0 分 钟 )
能力 目标 知识 目标 教
学 1 、 会 利 用 J S 基 本 语 法 完 成 程 序 控 制 流 程 。 1 、 掌 握 J S 基 本 语 法
2 、 会 编 写 JS 函 数 ; 2、 掌 握 函 数 定 义 方 法 目
3 、 会 选 择 相 应 事 件 调 用 函 数 。 3 、 掌 握 自 定 义 函 数 的 调 用 标
学
习
大 部 分 学 生 学 习 态 度 较 好 , 学 习 意 愿 强 , 但 自 主 学 习 能 力 不 强 ; 者
学 生 学 习 热 情 较 高 , 能 在 论 坛 上 提 出 问 题 ; 特
征
分
析
教 教 学 任 务 :
JS 语 法 基 础 应 用 学
案 例 : 任
精 品 课 程 网 站 首 页 中 建 立 用 户 名 、 密 码 登 陆 框 。 务
重 点 : 重
函 数 编 写 点
难 点 : 难
自 定 义 函 数 编 写 及 控 制 语 句 编 写 ; 点
1
作
业
编 写 输 出 五 行 星 号 程 序 。 或
考
核
《 精 通 Ja v a S cr i p t +j Q u e ry 》 人 民 邮 电 出 版 社 参 前 沿 科 技 . 《 精 通 CS S +D I V 网
页 样 式 与 布 局 》 , 人 民 邮 电 出 版 社 。 考 温 谦 等 . 《 HT M L + CS S 网 页 设 计 与 布 局
从 入 门 到 精 通 》 , 人 民 邮 电 出 版 社 。 资 温 谦 等 . 《 CS S 设 计 彻 底 研 究 》 , 人 民 邮
电 出 版 社 。
料
2
翻转 课堂 教学设 计
序时 间 评价 标准教 师活动 步 骤 教学 内容 学生 活动 , 方法 与手段, 号 分
配 与方 法
— — 课前: 现代 职教课 程平台 在线学 习环节
任 务 1 JS 语 法 基 础 教
学 视 频 学 习 ; 上 传 视 频 、 课 件 等 相 在 线 学 习 时 学 生 自 Ja v aS c r i p t 简 介 学 习 ; 观 看 视
频 20 分 钟 1 关 资 料 ; 长 主 学 习 Ja v a S cr i p t 语 法 学 习 ;
简 单 案 例 学 习 ;
教 师 发 布 题 目 , 导 出 在 线 测 试 成 完 成 任 务 1 在 线 测 试 题 在 线 测 试 10 分 钟 2 在 线
测 试 成 绩 并 分 析 结 果 绩 利 用 循 环 输 出 “ 5 行 ” 作 业 等 级 判 完 成 任 务 批 阅 作 业 完 成
作 业 15 分 钟 3 he l l o wo r l d 文 字 到 网 页 中 定 作 业
学 生 发 帖 , 学 生 与 学 生 、 教 师 进 行 答 回 复 话 题 发 帖 数 量 与 相 互 线 上 讨 15 分 钟 4 在
线 讨 论 疑 讨 论 质 量 评 价 论
— — 课中: 面对 面翻转 课堂教 与学环 节
公 布 学 生 线 上 学 习 情 线 上 统 计 结 自 主 学 习 抽 取 学 生 认 真 演 示 况 ; 10 分 钟 果 与 抽 查
结 检 查 与 讨 1 记 录 指 导 认 真 观 看 抽 查 视 频 相 关 知 识 点 果 论
课 前 学 习 现 场 答 疑 ; 总 结 学 生 学 习 情 况 学 生 提 测 试 成 绩 与 重 点 提 示 一 下 JS 语 法 编 一
对 一 答 疑 问 ; 认 真 听 10 分 钟 课 前 作 业 成 总 结 与 答 2
写 规 则 讲 绩 疑
教 师 给 出 课 堂 完 成 的 任 课 堂 任 务 布 置 任 务 任 务 理 解 情 务 : 用 JS 完 成 杨 辉 三 角 分 析 任
务 10 分 钟 3 巡 回 答 疑 况 输 出 下 达
1) 编 写 程 序 算 法 ; 实 战 演 分 小 组 完 任 务 完 成 情 2) 循 环 语 句 设 计 ; 巡 回 指 导 练 ; 30 分
钟 4 况 3) 输 出 内 容 到 文 档 中 分 组 讨 论 成 任 务
小 组 互 评 ; 确 定 得 分 依
评 价 内 容 :能 否 设 计 循 观 摩 ; 据 ; 小 组 协 作 与 20 分 钟 5 小 组 评 价 环 语 句 ; 互 答 ; 记 录
结 沟 通 能 力 能 否 正 确 输 出 文 档 果 ;
展 示 运 行 结 果 ; 本 次 任 务 综 学 生 展 示 ; 小 组 优 秀 展 示 设 计 思 路 ; 观 摩 ; 合 评 价 ( 完 认 真
听 讲 15 分 钟 6 并 分 析 小 组 分 工 与 团 队 反 思 ; 成 率 及 创 新 记 录 ; 作 品 展 示 配 合 情
况 。 点 )
3
总 结 小 组 任 务 情 况 并 给 认 真 听 讲 教 师 总 结 予 小 组 点 评 ; 讲 授 记 录 ; 15 分 钟 7 总 结
表 单 操 作 流 程 与 规 反 思 与 引 导 范
布 置 下 次 线 上 作 业 与 布 置 下 次 课 前 要 学 习 的 告 知 记 录 10 分 钟 在 线 测 试 完 8 课 前
要 学 任 务 :任 务 1 制 作 成 情 况 习 的 任 务
— — 课后: 反思 总结及 拓展提 升教与 学环节
教 师 写 教 学
Ja v a S cr i p t 与 其 它 编 程 总 结 任 务 难 度 及 学 生 进 行 自 日 志 ; 1 反 思 总 结 20 分 钟 语 言
相 似 点 分 析 学 生 吸 收 率 ; 发 交 流 总 结 学 生 写 学 习
笔 记
答 疑 分 享
教 师 给 予 课 外 资 JS 控 制 语 句 语 法 拓 展 学 学 生 进 行 自 2 拓 展 源 ;适 当 引 导 学 20 分 钟
习 主 探 索 学 习 习 ,
4
教学 内容 一 、 学 习 目 标
掌 握 脚 本 的 基 本 结 构 (S c ri p t 标 签 )
简 单 记 忆 基 本 语 法
变 量 的 定 义 与 赋 值
数 据 类 型 与 转 换 pa r se F l o a t 等
运 算 符 和 控 制 语 句 同 Ja v a
二 、 什 么 是 Ja v a S cr i p t
脚 本 的 基 本 结 构 TI TL E>
va r co u n t =0 ;
doc u m e n t . w r i te (" 淘 宝 网 欢 迎 您 ~ ") ;
fo r (i = 0 ; i <5 ; i ++ )
doc u m e n t . w r i te (" < H 2 > 淘 宝 网 欢 迎 您 ~ H 2 >" ) ;
S CR I PT >
H E A D >
BOD Y 部 分 的 内 容 H 1 >
B OD Y >
H TM L>
5
三 、 语 法 :
变 量 的 声 明 和 赋 值
“ va r ” , 用 于 声 明 变 量 的 关 键 字
“ co u n t ” , 变 量 名
运 算 符 对 一 个 或 多 个 变 量 或 值 (操 作 数 ) 进 行 运 算 , 并 返 回 一 个 新 值
根 据 所 执 行 的 运 算 , 运 算 符 可 分 为 以 下 类 别 : 算 术 运 算 符
+、 -、 * 、 / 、 % 、 ++ 、 -- 、 -( 求 反 ) 比 较 运 算 符
== 、 != 、 >、 >= 、 < 、 <=
逻 辑 运 算 符
&& 、 || 、 ~
if 条 件 语 句
sw i tc h 多 分 支 语 句
fo r 、 wh i l e 循 环 语 多 行 注 释 以 /* 开 始 , 以 */ 结 束 , 符 号 /* „„ */ 指 示 中 间 的 语
句 是 该 程 序 中 的 注 释 。
例 如 :
/*
he l l o Wo r l d . h t m l
第 一 个 Ja v a S cr i p t 程 序
*/
单 行 注 释 以 // 开 始 , 以 行 末 结 束
例 如 :
// 表 示 Ja v a S cr i p t 代 码 的 开 始
par s e I n t (S t ri n g )
将 字 符 串 转 换 为 整 型 数 字
如 : par s e I n t ( “ 86 ” )将 字 符 串 “ 86 ” 转 换 为 整 型 值 86
par s e F l o at ( S t ri n g )
将 字 符 串 转 换 为 浮 点 型 数 字
如 : par s e I n t ( “ 34 . 45 ” ) 将 字 符 串 “ 34 . 45 ” 转 换 为 浮 点 值 34 . 45
四 、 总 结 提 问
循 环 结 构 的 特 点 是 什 么 ,
wh i l e 循 环 和 do- w h i l e 循 环 有 什 么 区 别 ,
6
教案 首页 本 次 课 标 题 : 情 景 一 J a v a S c r i p t 基 础 应 用
任 务 1 Ja v aS c r i p t 语 言 基 础 - 任 务 制 作 授课日期 第 1 周第 2 次
授课 班级 ) 班 上课 地点 实 验 楼 L 区
课时 分配 面 对 面 翻 转 课 堂 教 学 2 课 时 ( 12 0 分 钟 )
能力 目标 知识 目标 教
学 1 、 掌 握 函 数 语 法 格 式 。 1 、 会 编 写 J S 自 定 义 函 数 ; 2 、 掌 握 函 数 定 义 方 法 目
2 、 会 选 择 相 应 事 件 调 用 函 数 。 3 、 掌 握 自 定 义 函 数 的 调 用 标
学
习
大 部 分 学 生 学 习 态 度 较 好 , 学 习 意 愿 强 , 但 自 主 学 习 能 力 不 强 ; 者