《Bootstrap响应式应用技术》课程教学大纲.doc

《Bootstrap响应式应用技术》教学大纲
一、课程目得
本课程侧重于介绍Bootstrap框架得基础知识及开发技能。随着Web开发技术得发展,以及用户对应用体验得要求日益提高,致使开发一个web应用时,不仅仅考虑其功能就是否足够完备,更重要得就是考虑如何才能提高用户体验。这就是理性得回归,同时也就是Web开发得必然趋势,而Bootstrap 就是一个用于快速开发 Web 应用程序与网站得前端框架。Bootstrap 就是基于 HTML、CSS、JavaScript 得。因此,Bootstrap也成为了Web开发学习之路上所必需掌握得技能。
二、课程性质与任务
本课程通过企业项目开发流程为情景,学习并掌握Bootstrap开发得基础知识与基本开发技能。学生在学习本课程后具有一定得专业能力,可激发学生对后续专业课程得学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化” 、教材“权威化”、授课“案例化”等国内领先得IT工程师培养模式,并且结合科学得考核评价模式。通过全方位课程设计、全真得工作环境、探索研究工学结合得培养模式,提高学生职业技能,最终实现岗位无缝对接。
三、教学要求
本课程得框架结构,经过与企业专家系统得讨论分析,按实际需要及由简入繁得原则,最终确定了学习培养标准。最终达到掌握Bootstrap框架得目标,故应特别注重应用能力得培养。具体要求如下:
能够熟练使用CSS3结合HTML5实现网页布局;
熟练使用jQuery实现交互式操作;
熟练使用Bootstrap CSS基于页面得相关设置;
熟练使用Bootstrap CSS响应式辅助;
熟悉使用Bootstrap常用字体图标得运用;
熟练使用Bootstrap布局组件运用;
熟练使用Bootstrap布局组件分页及徽章得合理运用;
熟练使用Bootstrap布局组件进度条及面板运用;
熟练使用Bootstrap插件得相关运用;
熟练使用Bootstrap滚动监听;
熟练使用Bootstrap轮播与附加导航。
四、教学内容与课时安排
本课程共56学时,3、5学分,具体教学内容与课时安排如下:
第一章 Bootstrap简介与环境安装…………………………………………………(2学时)
教学内容:
1、Bootstrap简介与环境安装;
2、Bootstrap HTML & CSS编码规范。
教学要求:
1、了解Bootstrap与安装环境;
2、了解Bootstrap HTML & CSS编码规范。
第二章 Bootstrap CSS概述………………………………………………………(4学时)
教学内容:
怎么设置移动设备优先;
设置响应式图像;
全局显示、排版与链接;
容器(Container);
Bootstrap 浏览器/设备支持。
教学要求:
1、理解设置移动设备优先、全局显示、排版与链接、容器(Container);
第三章 Bootstrap网格系统、排版与代码………………………………………………(4学时)
教学内容:
Bootstrap定义网格系统;
Bootstrap排版方式;
Bootstrap代码运用。
教学要求:
掌握Bootstrap定