(完整版)《BootStrap开发技术》课程标准.docVIP

《bootstrap 》课程标准 教研室主任： 专业带头人： 系( 部) 主任： 教务处处长： 教学副院长： 审核批准日期： 二○一七年五月 《bootstrap 》课程标准 （基本信息） 课程编码： 课程类别：专业方向课程 适应专业：网页设计 开设时间：大三上期 学 时 数：56 学时 一、课程概述 （一）课程性质 Bootstrap ，来自 Twitter ，是目前最受欢迎的前端框架。 Bootstrap 是一个用于快速开发 Web 应用程序和网站的前端框架。 Bootstrap 是基于 HTML、CSS、JAVASCRIPT的，它简洁灵活，使得 Web开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础，通 过学习这些内容，您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、 Bootstrap CSS 、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、培养学生具有踏实工作作风，良好的观察和思考能力强以及 团队合作能力。 （三）职业技能证书考核要求 通过该门课程学习学生可以参加全国信息技术应用水平竞赛或 参加行业资格认证考试，获得相应职业技能资格证书。 三、内容标准 （一）学习目标： 1 BootStrap 入门篇 BootStrap 简介及安装 BootStrap CSS 概览 BootStrap 网格系统 BootStrap 排版 BootStrap 代码 BootStrap 表格 BootStrap 表单 BootStrap 按钮 BootStrap 图片 BootStrap 辅助类 BootStrap 响应式实用工具 2 BootStrap 进阶篇 BootStrap 组件 BootStrap 字体图标 BootStrap 下拉菜单 BootStrap 按钮组 BootStrap 按钮下拉菜单 BootStrap 输入框组 BootStrap 导航元素 BootStrap 导航栏 BootStrap 面包屑导航 BootStrap 分页 BootStrap 标签 BootStrap 微章 BootStrap 超大屏幕 BootStrap 页面标题 BootStrap 缩略图 BootStrap 警告 BootStrap 进度条 BootStrap 多媒体对象 BootStrap 列表组 BootStrap 面板 BootStrap wel