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

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

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

通过该门课程学习学生可以参加全国信息技术应用水平竞赛或

参加行业资格认证考试，获得相应职业技能资格证书。

三、内容标准

（一）学习目标：

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.1BootStrap插件概览

3.2BootStrap过渡效果

3.3BootStrap模态框

3.4BootStrap下拉菜单

3.5BootStrap滚动监听

3.6BootStrap标签页

3.7BootStrap提示工具

3.8BootStrap弹出框

3.9BootStrap警告框

3.10BootStrap按钮

3.11BootStrap折叠

3.12BootStrap轮播

3.13BootStrap附加导航

BootStrap 其他篇

BootStrap UI编辑器

BootStrap v2教程

BootStrap HTML 编码规范

BootStrap CSS 编码规范

BootStrap 可视化布局

Less 教程

（二）活动安排：

1、基于工作过程的课程开发理念，先进行综合职业行动领域和情境分析，然后深入企业调研和行业专业研讨，最终分解和确定学习任务。

2、根据情景任务，开发相应的课程教案，组织课程资源。

3、推行一体化教学模式，强化教与学的及时互动，进行动态的教学评价和反馈机制。

4、建立课后网络教学和学习平台，强化课后训练和扩充学习资