《BootStrap开发技术》课程标准.doc

《bootstrap》课程标准教研室主任:专业带头人:系(部)主任:教务处处长:教学副院长:审核批准日期:二○一七年五月《bootstrap》课程标准(基本信息)课程编码:课程类别:专业方向课程适应专业:网页设计开设时间:大三上期学时数:56学时一、课程概述(一)课程性质Bootstrap,来自Twitter,是目前最受欢迎的前端框架。Bootstrap是一个用于快速开发Web应用程序和网站的前端框架。Bootstrap是基于HTML、CSS、JAVASCRIPT的,它简洁灵活,使得Web开发更加快捷。本教程将向您讲解Bootstrap框架的基础,通过学习这些内容,您将可以轻松地创建Web项目。教程被分为Bootstrap基本结构、BootstrapCSS、Bootstrap布局组件和Bootstrap插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。(二)课程基本理念本课程通过企业项目开发流程为情景,学习并掌握BootStrap开发的基础知识和基本开发技能。学生在学习本课程后具有一定的专业能力,可激发学生对后续专业课程的学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化”、教材“权威化”、授课“案例化”等国内领先的IT工程师培养模式,并且结合科学的考核评价模式。通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。(三)课程的设置与设计思路本课程立足于培养学生的动手实践能力,教学活动基本上围绕着职业导向而进行,对课程内容的选择标准进行创造性的根本改革,打破以书本知识传授为主要特征的传统学科课程模式,转变为以工作情景任务为中心组织课程内容和实施课程教学,让学生在完成具体项目的过程中发展职业能力并掌握相关理论知识,真正做到学以致用,从而发展职业能力。本课程的框架结构,经过与企业专家系统的讨论分析,按实际需要及由简入繁的原则,最终确定了学习培养标准。最终达到掌握BootStrap主流框架的目标,本课程共80课时,其中实践50课时。二、课程目标(一)职业技能目标1、能够熟练使用CSS结合HTML实现网页布局。2、熟练使用文档对象模型和事件驱动,能够很好的实现交互式操作。3、熟练使用Bootstrap 中的对象,实现网页的动态效果。4、熟练使用Bootstrap 对表单、表格和事件的操作。5、熟练使用Bootstrap 与JavaScript进行网页异步交互设计。6、事件驱动的程序设计思想,熟练使用JavaScript中的对象,实现网页特效。7、熟练使用JavaScriptUI及JavaScript第三方插件。8、网页设计布局合理,色彩搭配合理,网页操作方便。9、设计过程中充分考虑浏览器兼容等问题,并做适当处理。(二)职业素养目标1、培养学生“爱岗、敬业、细致、求精”的职业道德与情感。2、培养学生良好的动手实践习惯,尤其注重挖掘学生的潜质。3、注重培养学生与社会接轨。4、培养学生严谨的行事风格。5、培养学生具有踏实工作作风,良好的观察和思考能力强以及团队合作能力。(三)职业技能证书考核要求通过该门课程学竞赛或参加行业资格认证考试,获得相应职业技能资格证书。三、内容标准(一)学习目标:BootStrap入门篇BootStrap简介及安装BootStrapCSS概览BootStrap网格系统BootStrap排版BootStrap代码BootStrap表格BootStrap表单BootStrap按钮BootStrap图片BootStrap辅助类BootStrap响应式实用工具BootStrap进阶篇BootStrap组件BootStrap字体图标BootStrap下拉菜单BootStrap按钮组BootStrap按钮下拉菜单BootStrap输入框组BootStrap导航元素BootStrap导航栏BootStrap面包屑导航BootStrap分页BootStrap标签BootStrap微章BootStrap超大屏幕BootStrap页面标题BootStrap缩略图BootStrap警告BootStrap进度条BootStrap多媒体对象BootStrap列表组BootStrap面板BootStrapwellsBootStrap插件篇BootStrap插件概览BootStrap过渡效果BootStrap模态框BootStrap下拉菜单BootStrap滚动监听BootStrap标签页BootStrap提示工具BootStrap弹出框BootStrap警告框BootStrap按钮BootStrap折叠BootStrap轮播BootStrap附加导航BootStrap其他篇BootStrapUI编辑器Boot