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

《《Bootstrap响应式应用技术》课程教学大纲.pdf》由会员分享，可在线阅读，更多相关《《Bootstrap响应式应用技术》课程教学大纲.pdf（5页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、Bootstrap 响应式应用技术教学大纲 一、课程目得 本课程侧重于介绍 Bootstrap 框架得基础知识及开发技能。随着 Web 开发技术得发展,以及用户对应用体验得要求日益提高,致使开发一个 web 应用时,不仅仅考虑其功能就是否足够完备,更重要得就是考虑如何才能提高用户体验。这就是理性得回归,同时也就是 Web 开发得必然趋势,而Bootstrap 就是一个用于快速开发 Web 应用程序与网站得前端框架。Bootstrap 就是基于 HTML、CSS、JavaScript 得。因此,Bootstrap 也成为了 Web 开发学习之路上所必需掌握得技能。二、课程性质与任务 本课程通过企

2、业项目开发流程为情景,学习并掌握 Bootstrap 开发得基础知识与基本开发技能。学生在学习本课程后具有一定得专业能力,可激发学生对后续专业课程得学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化”、教材“权威化”、授课“案例化”等国内领先得 IT 工程师培养模式,并且结合科学得考核评价模式。通过全方位课程设计、全真得工作环境、探索研究工学结合得培养模式,提高学生职业技能,最终实现岗位无缝对接。三、教学要求 本课程得框架结构,经过与企业专家系统得讨论分析,按实际需要及由简入繁得原则,最终确定了学习培养标准。最终达到掌握 Bootstrap 框架得目标

3、,故应特别注重应用能力得培养。具体要求如下:能够熟练使用 CSS3 结合 HTML5 实现网页布局;熟练使用 jQuery 实现交互式操作;熟练使用 Bootstrap CSS 基于页面得相关设置;熟练使用 Bootstrap CSS 响应式辅助;熟悉使用 Bootstrap 常用字体图标得运用;熟练使用 Bootstrap 布局组件运用;熟练使用 Bootstrap 布局组件分页及徽章得合理运用;熟练使用 Bootstrap 布局组件进度条及面板运用;熟练使用 Bootstrap 插件得相关运用;熟练使用 Bootstrap 滚动监听;熟练使用 Bootstrap 轮播与附加导航。四、教学内

4、容与课时安排 本课程共 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、理解设置移动设备优先、全局显示、排

5、版与链接、容器(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、掌握美

6、化处理表格、表单运用;2、掌握按钮效果设置、图片效果相关设置。第五章 Bootstrap 辅助类与响应式辅助(4 学时)教学内容:1、Bootstrap 文本相关辅助;2、Bootstrap 背景相关辅助;3、Bootstrap 其她常用相关辅助;4、Bootstrap 响应式辅助。教学要求:1、掌握文本辅助、背景辅助、其她常用辅助、响应式辅助;第六章 Bootstrap 字体图标、下拉菜单、按钮组、按钮下拉菜单与输入框组(4 学时)教学内容:1、Bootstrap 字体图标得定义;2、Bootstrap 下拉菜单得定义;3、Bootstrap 按钮各种组合方式;4、Bootstrap 按钮下

7、拉菜单定义;5、Bootstrap 输入框各种组合定义。教学要求:1、掌握字体图标、下拉菜单、按钮组、按钮下拉菜单与输入框组;第七章 Bootstrap 导航元素、导航栏、面包屑导航与分页(4 学时)教学内容:1、Bootstrap 导航元素定义;2、Bootstrap 导航栏得运用;3、Bootstrap 面包屑导航得定义;4、Bootstrap 元素分页处理。教学要求:1、掌握导航元素、导航栏、面包屑导航、分页;第八章 Bootstrap 标签、徽章、超大屏幕、页面标题与缩略图(4 学时)教学内容:1、Bootstrap 标签得定义;2、Bootstrap 徽章得定义;3、Bootstra

8、p 超大屏幕得定义;4、Bootstrap 页面标题得使用;5、Bootstrap 缩略图得定义。教学要求:1、掌握标签、徽章、超大屏幕、页面标题、缩略图;第九章 Bootstrap 警告、进度条与多媒体对象(4 学时)教学内容:1、Bootstrap 警告样式运用;2、Bootstrap 进度条得定义;3、Bootstrap 多媒体对象组件定义。教学要求:1、掌握警告、进度条、多媒体对象;第十章 Bootstrap 列表组与面板(4 学时)教学内容:1、Bootstrap 列表组得定义;2、Bootstrap 面板得定义。教学要求:1、掌握列表组、面板。第十一章 Bootstrap 插件概述

9、、过度效果、模态框与下拉菜单插件(4 学时)教学内容:1、Bootstrap 插件概述;2、Bootstrap 过度效果;3、Bootstrap 模态框插件得运用;4、Bootstrap 下拉菜单插件得运用。教学要求:1、过度效果、模态框、下拉菜单;第十二章 Bootstrap 滚动监听、标签页与提示工具插件(4 学时)教学内容:1、Bootstrap 滚动监听插件;2、Bootstrap 标签页插件;3、Bootstrap 提示工具插件。教学要求:1、掌握滚动监听插件;2、掌握标签页插件;3、掌握提示工具插件。第十三章 Bootstrap 弹出框、警告框、按钮与折叠插件(5 学时)教学内容:

10、1、Bootstrap 弹出框插件得运用;2、Bootstrap 警告框插件得运用;3、Bootstrap 按钮插件得运用;4、Bootstrap 页折叠插件得运用。教学要求:1、掌握弹出框、警告框、按钮、折叠插件。第十四章 Bootstrap 轮播与附加导航插件(5 学时)教学内容:1、Bootstrap 轮播插件;2、Bootstrap 附加导航;教学要求:1、掌握轮播插件、附加导航。五、考核方式 本课程教学考核采用过程性考核与结果性考核相结合,理论考试与实践考核相结合,理论考试重点考核与实践能力紧密相关得知识,重点考核学生得职业能力。本课程得过程性考核建议包括学生平时课堂表现、作业完成情况、考勤情况、单元测试成绩等,约占总评成绩得20%。本课程结果性评价由期末笔试与实践考核两部分构成。笔试全面考核本课程所学知识与技能,重点考核与实践能力紧密相关得知识,约占总评成绩得 50%。实践考核注重真案真做,重点考核学生得职业能力,约占总评成绩得 30%。六、参考教材 七、其它(说明)教学大纲仅供老师作为授课安排得参考,具体情况应由老师根据学校条件、学生状况而定。