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

移动Web开发课程标准课程名称移动Web开发课程性质专业核心课课程代码学分6学时96适用专业软件技术专业群（软件技术专业全栈开发方向）制定人审核人课程目标知识目标1 .熟悉HTML5语言的作用和开发环境，能够编写HTML5代码；2 .掌握常用的HTML5标签，能够实现基本的图文信息显示；3 .理解HTML5页面框架的作用，能够针对需求进行框架的设计；4 .掌握各类HTML5表单元素标签，能够进行表单设计；5 .掌握各类HTML5多媒体元素标签，能够进行多媒体页面设计；6 .掌握HTML5新增Canvas画布标签；7 .掌握CSS3控制页面元素的方法，能够应用CSS3样式美化页面；8 .掌握CSS3网页布局的方法，能够结合DIV标签进行页面布局；9 .掌握Bootstrap的语法基础，能快速开发WEB前端页面。能力目标1 .能独立进行资料收集与整理、具备用户需求的理解能力和书面表 达能力；2 .能根据项目需求，具备项目页面的分析与设计能力；3,能熟练编写CSS3样式控制页面的各种元素，实现页面美化与布 局；4 .掌握网站发布与管理的基本技能；5 .能够进行个人网站和商业网站的设计；6 .具备获取知识能力，网页设计创意思维能力、色彩感悟能力；7 .具备从事网站设计、网站编辑和网站维护等相关工作的能力。素质目标1 .养成善于思考、深入研究的良好自主学习的习惯；2 .通过项目与案例教学，培养学习者的分析问题、解决问题的能 力；3 .具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；4 .通过课外拓展训练，培养学习者的创新意识；5 .具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。要 内 容序号知识点建议学时1初识HTML582文本类网页设计103图文展示类网页设计144HTML5表单125网页图像和多媒体元素8序号周次学时教学内容摘要教学方式作业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综合网站制作知识储备任务10-2项目答辩一体化教学提交作品6图像及动画147响应式Web设计神器Bootstrap148离线应用及地理位置应用69数据存储610综合网站制作4教学建议 教学方式建议本课程采用任务驱动式的教学方式，将理论的学习融入于任务完成的过程 中，主要目的是增加学生自主式学习的兴趣，提高学生学习的热情，培养学生 工程实践能力和自学能力。本课程的教学可结合在线开放课程平台采用线上线下相结合的混合式教学 方式，课程数字资源类型丰富、覆盖面广，综合运用现代化教学手段，借助案 例，运用通俗易懂、简洁的语言进行讲解，让学生充分掌握所学知识。 教材建议教材编写要体现课程的特色与设计思想，教材内容应体现先进性、实用 性。(1)教材黑马程序员.响应式Web开发项目教程(HTML5+CSS3+Bootslrap)，人民 邮电出版社.2018年6月，第1版.(2)参考书HTML5+CSS3 Web前端设计基础教程，黑马程序员，人民邮电出版社， 2020年1月，第1版。 实训条件建议(1)教学硬件：机房、网络。(2)教学软件：HBuilder.教学广播软件。(3)教师准备：教材、教案及课件、素材。 考核方式建议该课程的考核改变单一的终结性评价方式，采用态度性考核、知识性考核、技 能性考核相结合，与创新性评价附件分一并合计计算的形成性考核方式。其中态度 性评价占20%,知识性评价占40%,技能型评价占40%,另外对于学生的创新性评 价，总分不得超过10分，主要考核学生运用数据结构技术的掌握情况；理论部分考 核学生对教学中各知识点综合应用的掌握情况。灵活多样的考核方式可以全面考核 学生的学习效果。课程考核方式如表1下所示。表1形成性考核一览表考核项目考核方法比例根据作业完成情况，课堂回答问题、实践完成情况，由教师综合评定学习态度的态度性评价得分；20%根据上课考勤情况，由教师和学生干部评定纪律得分。知识性评价由教师评定成绩。40%根据学生实践操作情况，由学生自评、组内他人评价和教师评价相结合评定成绩；技能型评价40%根据完成的时间、功能的完善情况、是否有创新，由组长和教师评价相结合的方式评定成绩。取得与本课程相关的竞赛、论文发表、技创新性评价10%术服务等，由系部认定合计110%其他方面建议(1)考级考证推荐推荐参加全国web 1+x考证、计算机等级考试二级、程序员、软件设计师。HTML5移动Web开发任务教程（慕课版）课程授课计划（学年 第1学期）课程名称（全称） _授课班级软件技术专'业2020级课程总学时96本学期计划学时6教研室课程标准制定部门常州信息职业技术学院软件与大数据学院教材全称（编者、出版单位、出版时间）黑马程序员.响应式web开发项目教程（HTML5+CSS3+Bootstrap）X 人民邮电出版社.2019 年 6月，第1版.主要教学参考书（名称、编者）HTML5+CSS3 Web前端设计基础教程,黑马程序员， 人民邮电出版社，2020年1月，第1版.本学期教学周数12本课程周时数8本课程学期总时数96编制说明：1 .本课程采用项目导向、任务驱动 式的教学方式，将理论的学习融 入于任务完成的过程。2 .本计划与课程标准要求基本一 致。3 .本计划按照软件20级班级的教 学进程制定。4 .本授课计划的周次为相对周次， 当发生节假日停课时，依此计划 顺延。教学放与课时分配一体化教学48实践48本课程考核方式性质：考试考试形式：笔试+项目考核教研室主任二级学院 院长教务处长教务院长序号周次学时教学内容摘要教学方式作业122单元1：初识HTML5任务11：了解HTML5教学案例：初识HTML5, 了解HTML发展过 程任务1-2：配置运行环境教学案例：了解HTML5支撑良好的浏览器任务13： HTML5网页文档结构教学案例：演示Web标准、HTML标记、符合W3C标准的HTML5网页。课堂实践：在HTML5页面中输出“Hello,World!”一体化教学创建一个简单的HTML网页222单元1：初识HTML5任务14 HTML常用标签及其属性教学案例：描述HTM15标签元素一体化教学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基础项H实践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高级应用 任务42 CSS3 3D变形 教学案例：导航栏1652单元4： CSS3高级应用任务4-3： CSS3过渡动画 教学案例：导航栏一体化教学1762单元4： CSS3高级应用任务 4-4： CSS3 Animation 动画教学案例：球体运动一体化教学打地鼠游戏网页1862单元4： CSS3高级应用项目实践4：多肉植物展示页面一体化教学图文展示类网页： 多肉植物展示页面1962单元5： HTML5智能表单任务5-1：掌握HTMLSInput输入类型和属性教学案例：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应用（上） 任务6T：掌握网页中图像的插入方法 任务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应用（上）任务6-5：文件操作3092单元6：基于HTML5的移动Web应用 （上）项目实践：HTML5实现拖拽购物车（一）3192单元6：基于HTML5的移动Web应用 （上）项目实践：HTML5实现拖拽购物车（二）3292单元7：基于HTML5的移动Web应用（下）任务7-1： 了解Canvas元素任务7-2：使用路径画图教学案例：学习含有使用anvas元素的HTML5网页课堂实践：绘制图像伞一体化教学33102单元7：基于HTML5的移动Web应用（下）任务7-3：学会图形图像操作教学案例：canvas元素的处理图片课堂实践：制作LOADING图像一体化教学34102单元7：基于HTML5的移动Web应用（下）任务7-4：绘制各种图形教学案例：绘制奥运五环一体化教学35102单元7：基于HTML5的移动Web应用（下）任务75：制作动画教学案例：制作“熊猫跳舞" LOAING动画一体化教学36102单元7：基于HTML5的移动Web应用 （下）任务7-6： SVG制作各种图形一体化教学37112单元7：基于HTML5的移动Web应用 （下）项目实践7：绘制时钟（一）一体化教学38112单元7：基于HTML5的移动Web应用 （下）项目实践7：绘制时钟（二）一体化教学网页时钟