学 期 授 课 计 划
（2024-2024学年度第1学期）
专业名称（代码）： 电子商务 课程名称（代码）： 网络媒体应用 主讲教师（辅教）： 课程类型： 理论+实践 课程性质： 考试课 授课班级： 17级电商1、2、3、4班 选用教材：《HTML5 App商业开发实战教程》
课 时 分 配
学期教学 总周数 15 周教学 时数 6 本课程 总学时数 90 其 中 讲授 30 实验实训 测试 60 其他
审批（签字）： 专业主任 系部主任 年 月 日 年 月 日
学期授课计划表
周教 学 时 数 主 要 内 容 课后作业 次 讲授 实验实训 测试 了解移动设计与开发的就业形势 ? 团队岗位构成 ? 技能、知识需求 了解HTML5的概念及发展趋势 ? 什么是HTML ? 什么是HTML5 ? H5的主要特性 1 2 4 ? H5的发展趋势 H5的基本原理 H5新增的结构元素 ? H5新增元素 ? H5标签语义化 ? H5元素类型 H5 App页面 ? 一个基本的H5页面 ? Hello H5 ? H5新元素分栏设计 CSS布局 ? CSS定位 ? float属性 H5的浏览器支持情况 H5表单 ? ? ? ? ? ? ? 验证邮件地址是否合法 自动弹出日期和时间输入框 获取光标的位置 在输入框中显示提示信息 验证表单内容是否为空 在输入框中自动提示文本 上传文件 见教案 见教案 2 2 4 ? 验证表单数据是否合法 H5 App多媒体的应用 ? 在H5中控制播放的视频 ? 在H5中控制播放的音频 JS入门 3 2 4 ? 什么是JavaScript ? 变量 1 见教案
? 语句 ? 直接写入HTML输出流 ? 查找HTML元素 ? 操作HTML元素 JavaScript基础语法 ? JavaScript函数 ? JavaScript事件 ? JavaScript练习 H5绘制图形 ? 了解用H5 Canvas能做什么 ? 为视频播放器设置截图功能 H5数据存储 4 2 4 ? 应用场景 ? 保存并读取临时数据 ? 保存并读取登录用户名和密码 ? 在H5中保存、清空数据记录 ? 本地存储 WeX5简介 ? 安装及启动 ? 开发工具介绍 5 2 4 ? 实战案例：欢乐捕鱼App H5 App简介 ? 开发原理 ? 开发过程 ? 实战案例：Hello World App 实战案例：记账本App 6 2 4 实战案例：扫一扫App 实战案例：仿淘宝App 页面基础 ? 页面构成 ? 页面调度 ? 页面向导 ? 同步训练容 7 2 4 组件基础 ? 组件的创建 ? 件的属性 ? 组件的方法 ? 组件的事件 ? 组件的样式
2
见教案 见教案 见教案 见教案
? 组件的操作 布局组件 ? 面板组件 ? 标题栏组件 ? 多内容页中间 ? 按钮组组件 ? 嵌入组件 ? 实现案例：首页布局 ? 同步训练 数据组件 8 2 4 ? 模型组件 ? 数据组件 ? 实现案例：使用静态数据 ? 同步训练 列表组件 ? 滚动视图组件 ? 实现案例：单列列表 ? 实现案例：多列列表 ? 实现案例：嵌套列表 ? 同步训练 行组件 ? 行组件row ? 行组件row(bootstrap) ? 实现案例：复杂列表 ? 同步训练 9 2 4 表单组件 ? 按钮组件 ? 输入框组件 ? 输出组件 ? 下拉列表框组件 ? 复选框组件 ? 实现案例：购物车 JS基础 ? 声明模块引用 10 2 4 ? JS类定义 ? 自定义JS模块 JS表达式 ? 绑定表达式
3
见教案 见教案
? 过滤表达式 ? 规则表达式 ? 表达式环境变量及上下文对象 常用JS ? 使用页面调度框架 ? 获取组件JS对象 ? 获取上下文对象 11 2 4 ? 操作数据数据 JS调试 ? 调试开发者写的JS代码 ? 调试系统的JS代码 ? Chrome浏览器开发者工具的使用 样式基础 常用CSS ? 排版 ? 表单 ? 图片 ? 卡片风格样式 CSS调试 ? 设置样式 App调用设置硬件 ? 使用Cordova插件 App组成 ? 应用图标 ? 启动页 ? 引导页 ? 安卓证书 ? iOS证书 ? Web View ? Cordova插件 App安装包 ? 创建本地App ? 生成本地App包 App调试 ? 调试Androoid App ? 调试iOS App 部署 ? 注册登录CloudX5 ? 在CloudX5上部署ApP ? 复习、答疑 见教案 见教案 12 2 4 见教案 13 2 4 见教案 14 2 4 15 0 6 4
网络媒体应用授课计划
