BootStrap开发技术课程标准.doc

v1.0可编辑可修改《b ootstrap 》课程标准

教研室主任：

专业带头人：

系 ( 部) 主任：

教务处处长：

教学副院长：

审核批准日期：

二○一七年五月

《 bootstrap》课程标准

（基本信息）

v1.0可编辑可修改

课程编码：

课程类别：专业方向课程

适应专业：网页设计

开设时间：大三上期

学时数： 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、培养学生具有踏实工作作风，良好的观察和思考能力强以及团队合作能力。

（三）职业技能证书考核要求

通过该门课程学习学生可以参加全国信息技术应用水平竞赛或参加行业资格认证考试，获得相应职业技能资格证书。

三、内容标准

（一）学习目标：

1BootStrap 入门篇

BootStrap 简介及安装

BootStrap CSS 概览

BootStrap 网格系统

BootStrap 排版 BootStrap

代码 BootStrap 表格

BootStrap 表单 BootStrap

按钮 BootStrap 图片

BootStrap 辅助类

BootStrap 响应式实用工具

2BootStrap 进阶篇

BootStrap 组件

BootStrap 字体图标

BootStrap 下拉菜单

BootStrap 按钮组

BootStrap 按钮下拉菜单

BootStrap 输入框组

BootStrap 导航元素

BootStrap 导航栏

BootStrap 面包屑导航

BootStrap 分页

BootStrap 标签

BootStrap 微章

BootStrap 超大屏幕

BootStrap 页面标题

BootStrap 缩略图

BootStrap 警告

BootStrap 进度条

BootStrap 多媒体对象

BootStrap 列表组

BootStrap 面板

BootStrap wells

3BootStrap 插件篇

3.1 BootStrap 插件概览

3.2 BootStrap 过渡效果

3.3 BootStrap 模态框

3.4 BootStrap 下拉菜单

3.5 BootStrap 滚动监听

3.6 BootStrap 标签页

3.7 BootStrap 提示工具

3.8 BootStrap 弹出框

3.9 BootStrap 警告框

3.10 BootStrap 按钮

3.11 BootStrap 折叠

3.12 BootStrap 轮播

3.13 BootStrap 附加导航

BootStrap 其他篇

BootStrap UI 编辑器

BootStrap v2 教程

BootStrap HTML 编码规范

BootStrap CSS 编码规范

BootStrap 可视化布局

Less 教程