《Bootstrap响应式网站开发》课程教学大纲（上）.doc

《Bootstrap响应式网站开发》课程教学大纲（上）.doc: .
《Bootstrap响应式网站开发》课程教学大纲
课程编号：030338-Z0 适用专业：应用技术
课程类型：专业课(专业基础) 课程性质：必修课
课程学时：60 课程学分：4
一、 课程定位
《Bootstrap响应式网站开发》课程是计算机应用技术等专业的专业核心课程。
本课程从前端响应式网站开发的角度合理选取教学内容，涉及内容有基于HTML5 和CSS3的网页开发技术、响应式网页的概念与设计思路、Bootstrap框架的基本应用、 JavaScript插件的使用方法和常用事件、跨平台的移动Web技术等。通过本课程的学 习，学生能够掌握HTML5以及Bootstrap框架在响应式网站开发中应用，在做案例过程 中，提高实践操作能力。
本课程的先导课程有计算机技术基础、程序设计基础、网站设计与网页制作等，后 续课程有HTML5混合App开发、综合项目化实训等。
二、 课程目标
1. 知识目标
(1) 熟悉响应式网页布局的概念和使用方法移动Web开发的作用和开发环境；
(2) 掌握Bootstrap的环境搭建和基本的Bootstrap模板使用方法；
(3) 掌握Bootstrap栅格系统的原理以及使用方法；
(4) 掌握Bootstrap栅格系统的基础布局；
(5) 掌握Bootstrap中表格的类型与使用方法；
(6) 掌握Bootstrap表单布局的类型、表单中控件的分类、状态以及控件的使用 方法；
(7) 掌握Bootstrap常用布局组件使用方法；
(8) 掌握Bootstrap的JavaScript插件的引用，与常见的JavaScript插件效果 的使用方法；
(9) 掌握综合运用所学知识开发移动web项目的方法；
2. 能力目标
(1) 能独立进行资料收集与整理、具备用户需求的理解能力；
(2) 能根据项目需求，具备项目页面的设计与实现能力；
(3) 能根据项目需求，使用Bootstrap框架和移动web开发技术实现页面布局;
(4) 具有综合应用所学知识开发移动web项目的方法。

(1) 养成善于思考、深入研究的良好自主学习的习惯；
(2) 通过项目与案例教学，培养学习者的分析问题、解决问题的能力；
(3) 具有吃苦耐劳、团队协作精神，沟通交流和书面表达能力；
(4) 通过课外拓展训练，培养学习者的创新意识；
(5) 具有爱岗敬业、遵守职业道德规范、诚实、守信的高尚品质。
三、课程设计
1. 设计理念
以培养移动web网站开发相关职业岗位的职业能力和职业素养为核心，以项目为载 体，以典型工作过程要素为教学内容的基础，以启发学生自信心、主动性、自学能力为 着力点，校企共育，实现培养学生技术能力和职业素养的教学目标，如图1所示。
图1课程设计理念
第一、以教学仿真项目和企业实际项目为载体重构和序化教学内容。而不是按照传 统的原理、实验、实训的内容进行教学；
第二、校企融合，工学结合，在课程教学过程中引入企业元素。校企共同开发课程， 将企业工作流程、行业标准和主流技术引入教学；