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

《Bootstrap响应式应用技术》教学大纲
一、课程目得
本课程侧重于介绍Bootstrap框架得基础知识及开发技能。随着Web开发技术得发展,以及用户对应用体验得要求日益提高,致使开发一个web应用时,不仅仅考虑其功能就是否足够完备,更重要得就是考虑如何才能提高用户体验。这就是理性得回归,同时也就是Web开发得必然趋势,而Bootstrap 就是一个用于快速开发 Web 应用程序与网站得前端框架。Bootstrap 就是基于 HTML、CSS、JavaScript 得。因此,Bootstrap也成为了Web开发学习之路上所必需掌握得技能。
二、课程性质与任务
本课程通过企业项目开发流程为情景,学习并掌握Bootstrap开发得基础知识与基本开发技能。学生在学习本课程后具有一定得专业能力,可激发学生对后续专业课程得学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化” 、教材“权威化”、授课“案例化”等国内领先得IT工程师培养模式,并且结合科学得考核评价模式。通过全方位课程设计、全真得工作环境、探索研究工学结合得培养模式,提高学生职业技能,最终实现岗位无缝对接。
三、教学要求
本课程得框架结构,经过与企业专家系统得讨论分析,按实际需要及由简入繁得原则,最终确定了学习培养标准。最终达到掌握Bootstrap框架得目标,故应特别注重应用能力得培养。具体要求如下:
l 能够熟练使用CSS3结合HTML5实现网页布局;
l 熟练使用jQuery实现交互式操作;
l 熟练使用Bootstrap CSS基于页面得相关设置;
l 熟练使用Bootstrap CSS响应式辅助;
l 熟悉使用Bootstrap常用字体图标得运用;
l 熟练使用Bootstrap布局组件运用;
l 熟练使用Bootstrap布局组件分页及徽章得合理运用;
l 熟练使用Bootstrap布局组件进度条及面板运用;
l 熟练使用Bootstrap插件得相关运用;
l 熟练使用Bootstrap滚动监听;
l 熟练使用Bootstrap轮播与附加导航。
四、教学内容与课时安排
本课程共56学时,3、5学分,具体教学内容与课时安排如下:
第一章 Bootstrap简介与环境安装…………………………………………………(2学时)
教学内容:
1、Bootstrap简介与环境安装;
2、Bootstrap HTML & CSS编码规范。
教学要求:
1、了解Bootstrap与安装环境;
2、了解Bootstrap HTML & CSS编码规范。
第二章 Bootstrap CSS概述………………………………………………………(4学时)
教学内容:
1、 怎么设置移动设备优先;
2、 设置响应式图像;
3、 全局显示、排版与链接;
4、 容器(Container);
5、 Bootstrap 浏览器/设备支持。
教学要求:
1、理解设置移动设备优先、全局显示、排版与链接、容器(Container);
第三章 Bootstrap网格系统、排版与代码………………………………………………(4学时)
教学内容:
1、 Bootstrap定义网格系统;
2、 Bootstrap排版方式;
3、 Bootstrap代码运用。
教学要求:
1、 掌握Bootstrap定义网格系统;
2、 掌握Bootstrap定义排版方式;
3、 掌握Bootstrap定义代码运用。
第四章 Bootstrap表格、表单、按钮与图片………………………………………(4学时)
教学内容:
1、Bootstrap美化处理表格;
2、Bootstrap表单运用;
3、Bootstrap按钮效果设置;
4、Bootstrap图片效果相关设置。
教学要求:
1、 掌握美化处理表格、表单运用;
2、 掌握按钮效果设置、图片效果相关设置。
第五章 Bootstrap辅助类与响应式辅助…………………………………………………(4学时)
教学内容:
1、Bootstrap文本相关辅助;
2、Bootstrap背景相关辅助;
3、Bootstrap其她常用相关辅助;
4、Bootstrap响应式辅助。
教学要求:
1、 掌握文本辅助、背景辅助、其她常用辅助、响应式辅助;
第六章 Bootstrap字体图标、下拉菜单、按钮组、按钮下拉菜单与输入框组……(4学时)
教学内容:
1、Bootstrap字体图标得定义;
2、Bootstrap下拉菜单得定义;
3、Bootstrap按钮各种组合方式;
4、Bootstrap按钮下拉菜单定义;
5、Bootstrap输入框各种组合定义。
教学要求:
1、掌握字体图标、下拉菜单、按钮组、按钮下拉菜单与输入框组;
第七章 Bootstrap导航元素、导航栏、面包屑导航与分页………………………(4学时)
教学内容:
1、Bootstrap导航元素定义;
2、Bootstrap导航栏得运用;
3、Bootstrap面包屑导航得定义;
4、Bootstrap元素分页处理。
教学要求:
1、掌握导航元素、导航栏、面包屑导航、分页;
第八章 Bootstrap标签、徽章、超大屏幕、页面标题与缩略图……………… (4学时)
教学内容:
1、Bootstrap标签得定义;
2、Bootstrap徽章得定义;
3、Bootstrap超大屏幕得定义;
4、Bootstrap页面标题得使用;
5、Bootstrap缩略图得定义。
教学要求:
1、掌握标签、徽章、超大屏幕、页面标题、缩略图;
第九章 Bootstrap警告、进度条与多媒体对象………………………………… (4学时)
教学内容:
1、Bootstrap警告样式运用;
2、Bootstrap进度条得定义;
3、Bootstrap多媒体对象组件定义。
教学要求:
1、掌握警告、进度条、多媒体对象;
第十章 Bootstrap列表组与面板……………………………………………………(4学时)
教学内容:
1、Bootstrap列表组得定义;
2、Bootstrap面板得定义。
教学要求:
1、掌握列表组、面板。
第十一章 Bootstrap插件概述、过度效果、模态框与下拉菜单插件………… (4学时)
教学内容:
1、Bootstrap插件概述;
2、Bootstrap过度效果;
3、Bootstrap模态框插件得运用;
4、Bootstrap下拉菜单插件得运用。
教学要求:
1、 过度效果、模态框、下拉菜单;
第十二章 Bootstrap滚动监听、标签页与提示工具插件………………………… (4学时)
教学内容:
1、Bootstrap滚动监听插件;
2、Bootstrap标签页插件;
3、Bootstrap提示工具插件。
教学要求:
1、 掌握滚动监听插件;
2、 掌握标签页插件;
3、 掌握提示工具插件。
第十三章 Bootstrap弹出框、警告框、按钮与折叠插件……………………… (5学时)
教学内容:
1、Bootstrap弹出框插件得运用;
2、Bootstrap警告框插件得运用;
3、Bootstrap按钮插件得运用;
4、Bootstrap页折叠插件得运用。
教学要求:
1、 掌握弹出框、警告框、按钮、折叠插件。
第十四章 Bootstrap轮播与附加导航插件…………………………………………(5学时)
教学内容:
1、Bootstrap轮播插件;
2、Bootstrap附加导航;
教学要求:
1、掌握轮播插件、附加导航。
五、考核方式
本课程教学考核采用过程性考核与结果性考核相结合,理论考试与实践考核相结合,理论考试重点考核与实践能力紧密相关得知识,重点考核学生得职业能力。
本课程得过程性考核建议包括学生平时课堂表现、作业完成情况、考勤情况、单元测试成绩等,约占总评成绩得20%。
本课程结果性评价由期末笔试与实践考核两部分构成。笔试全面考核本课程所学知识与技能,重点考核与实践能力紧密相关得知识,约占总评成绩得50%。实践考核注重真案真做,重点考核学生得职业能力,约占总评成绩得30%。
六、参考教材
七、其它(说明)
教学大纲仅供老师作为授课安排得参考,具体情况应由老师根据学校条件、学生状况而定。