HTML5移动Web开发任务教程（慕课版）--授课计划.docx

HTML5移动Web开发任务教程（慕课版）课程授课计划（学年 第1学期）课程名称（全称）授课班级软件技术专业2020级课程总学时96本学期计划学时6教研室课程标准制定部门常州信息职业技术学院软件与大数据学院教材全称黑马程序员.响应式 Web开发项目教程（HTML5+CSS3+Bootstrap），人民邮电出版社.2019 年6月，第1版.（编者、出版单位、出版时间）主要教学参考书（名称、编者）HTML5+CSS3 Web前端设计基础教程,黑马程序员, 人民邮电出版社，2020年1月，第1版.本学期教学周数12本课程周时数8本课程学期总时数96编制说明：1 .本课程采用项目导向、任务驱动 式的教学方式，将理论的学习融 入于任务完成的过程。2 .本计划与课程标准要求基本一 致。3 .本计划按照软件20级班级的教 学进程制定。4 .本授课计划的周次为相对周次， 当发生节假日停课时，依此计划 顺延。教学方式与课时分配一体化教学48实践48本课程考核方式性质：考试考试形式：笔试+项目考核教研室主任二级学院 院长教务处长教务院长序号周次学时教学内容摘要教学方式作业122单元1：初识HTML5任务 1-1： 了解 HTML5教学案例：初识HTML5, 了解HTML发展过 程任务1-2：配置运行环境教学案例：了解HTML5支撑良好的浏览器任务1-3： HTML5网页文档结构教学案例：演示Web标准、HTML标记、符合W3c标准的HTML5网页。课堂实践：在HTML5页面中输出"Hello, World!"一体化教学创建一个简单的HTML网页222单元1：初识HTML5任务1-4： HTML常用标签及其属性教学案例：描述HTML5标签元素一体化教学322任务1-5： HTML5新增的标签及属性任务1-6： HTML5废用的标签及属性教学案例：描述新增的页面布局标签和input 表单标签，演示弃用的标签一体化教学422单元1：初识HTML5项目实践1：制作图文页面赠汪伦一体化教学制作简单页面赠 汪伦532单元2： CSS3基础任务2-1： HTML5文本标签和CSS3文本外观属性一体化教学632单元2： CSS3基础任务2-2：多列结构教学案例：电子杂志页面中文字的分栏显示任务2-3： font-face规则定义服务器字体教学案例：软文推广页面log。文字的制作一体化教学732单元2： CSS3基础任务2.4：字体图标一体化教学软文推广页面832单元2： CSS3基础任务2-5： CSS3新增文本样式属性教学案例：软文推广页面log。文字的制作942单元2： CSS3基础项目实践2：制作文本类网页一软文推广页面一体化教学:国内旅游计划序号周次学时教学内容摘要教学方式作业1042单元3： CSS3常用样式任务3-1： CSS3盒子模型一体化教学1142单元3： CSS3常用样式任务3-2： CSS3背景设置、阴影和渐变1242单元3： CSS3常用样式任务3-3： CSS3新增颜色属性1352单元3： CSS3常用样式项目实践3：黑马书城教材展示框1452单元4： CSS3高级应用 任务4-1： CSS3 2D变形一体化教学1552单元4： CSS3高级应用 任务4-2： CSS3 3D变形 教学案例：导航栏1652单元4： CSS3高级应用任务4-3： CSS3过渡动画教学案例：导航栏一体化教学1762单元4： CSS3高级应用任务 4-4： CSS3 Animation 动画教学案例：球体运动一体化教学打地鼠游戏网页1862单元4： CSS3高级应用项目实践4：多肉植物展示页面一体化教学图文展示类网页： 多肉植物展示页面1962单元5： HTML5智能表单任务5-1：掌握HTML5 Input输入类型和属性教学案例：HTML5网页编辑创建表单一体化教学序号周次学时教学内容摘要教学方式作业2062单元5： HTML5智能表单任务5.2：表单高级元素的使用一体化教学2172单元5： HTML5智能表单任务5-3：掌握通用表单属性教学案例：HTML5网页编辑创建表单一体化教学2272单元5： HTML5智能表单任务5-4： JavaScript基础知识教学案例：获取表单输入信息一体化教学2372单元5： HTML5智能表单任务5-5：表单验证教学案例：验证表单输入信息一体化教学2472单元5： HTML5智能表单任务5-6：上机实践：设计注册页面 项目实践5：设计注册界面一体化教学设计编写注册页面2582单元6：基于HTML5的移动Web应用（上） 任务6-1：掌握网页中图像的插入方法 任务6.2：掌握网页中音频的插入方法和属 性操作教学案例：学习含有音频的HTML5网页一体化教学2682单元6：基于HTML5的移动Web应用（上）任务6-3：掌握HTML5中视频的插入方法和 属性操作教学案例：学习含有视频的HTML5网页课堂实践：编辑含有视频的HTML5网页一体化教学2782单元6：基于HTML5的移动Web应用（上）项目实践6：视频播放器一体化教学网页视频播放器2882单元6：基于HTML5的移动Web应用（上）任务6-4： HTML5拖放及拖放事件序号周次学时教学内容摘要教学方式作业2992单元6：基于HTML5的移动Web应用（上）任务65：文件操作3092单元6：基于HTML5的移动Web应用（上）项目实践：HTML5实现拖拽购物车（一）3192单元6：基于HTML5的移动Web应用（上）项目实践：HTML5实现拖拽购物车（二）3292单元7：基于HTML5的移动Web应用（下）任务7-1： 了解Canvas元素任务7-2：使用路径画图教学案例：学习含有使用canvas元素的HTML5网页课堂实践：绘制图像伞一体化教学33102单元7：基于HTML5的移动Web应用 （下）任务7-3：学会图形图像操作教学案例：canvas元素的处理图片课堂实践：制作LOADING图像一体化教学34102单元7：基于HTML5的移动Web应用（下）任务74绘制各种图形教学案例：绘制奥运五环一体化教学35102单元7：基于HTML5的移动Web应用（下）任务7.5：制作动前教学案例：制作“熊猫跳舞" LOAING动画一体化教学36102单元7：基于HTML5的移动Web应用 （下）任务76： SVG制作各种图形一体化教学37112单元7：基于HTML5的移动Web应用 （下）项目实践7：绘制时钟（一）一体化教学38112单元7：基于HTML5的移动Web应用 （下）项目实践7：绘制时钟（二）一体化教学网页时钟序号周次学时教学内容摘要教学方式作业39112单元8：响应式Web设计神器Bootstrap任务8-1： Bootstrap的安装教学案例：制作侧边栏和产品展示区域一体化教学40112单元8：响应式Web设计神器Bootstrap 任务8-2： Bootstrap布局容器和栅格系统教学案例：制作侧边栏和产品展示区域一体化教学41122单元8：响应式Web设计神器Bootstrap任务8-3： Bootstrap制作表单教学案例：制作搜索框一体化教学42122单元8：响应式Web设计神器Bootstrap任务8-4： Bootstrap制作按钮教学案例：制作搜索框一体化教学43122单元8：响应式Web设计神器Bootstrap任务8-4： Bootstrap制作导航栏项目实践8：英语学习网站首页一体化教学英语学习网站首页44122单元8：响应式Web设计神器Bootstrap任务8-5：图片轮播事件教学案例：制作图片轮播广告栏一体化教学45132单元8：响应式 Web设计神器Bootstrap任务8-6： Tab标签页教学案例：制作新闻栏一体化教学46132单元8：响应式Web设计神器Bootstrap任务8-7： Tab标签页教学案例：制作在线学习网站子页一体化教学47132单元10综合网站制作知识储备任务10-1制作网站一体化教学48132单元10综合网站制作 知识储备任务102项目答辩一体化教学提交作品