分享
分享赚钱 收藏 举报 版权申诉 / 6

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

  • 上传人:精品资料
  • 文档编号:9713225
  • 上传时间:2019-08-27
  • 格式:DOC
  • 页数:6
  • 大小:62.50KB
  • 配套讲稿:

    如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。

    特殊限制:

    部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。

    关 键  词:
    《Bootstrap响应式应用技术》课程教学大纲.doc
    资源描述:

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

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

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

    4、川水利职业技术学院信息工程系 课程教学大纲 熟练使用 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、

    5、容器(Container) ;5、 Bootstrap 浏览器/设备支持。教学要求:1、理解设置移动设备优先、全局显示、排版和链接、容器(Container) ;第三章 Bootstrap 网格系统、排版和代码(4 学时)教学内容:1、 Bootstrap 定义网格系统;2、 Bootstrap 排版方式;3、 Bootstrap 代码运用。教学要求:1、 掌握 Bootstrap 定义网格系统;2、 掌握 Bootstrap 定义排版方式;3、 掌握 Bootstrap 定义代码运用。四川水利职业技术学院信息工程系 课程教学大纲第四章 Bootstrap 表格、表单、按钮和图片(4 学时)教

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

    7、菜单和输入框组(4 学时)教学内容:1、Bootstrap 字体图标的定义;2、Bootstrap 下拉菜单的定义;3、Bootstrap 按钮各种组合方式;4、Bootstrap 按钮下拉菜单定义;5、Bootstrap 输入框各种组合定义。教学要求:1、掌握字体图标、下拉菜单、按钮组、按钮下拉菜单和输入框组;第七章 Bootstrap 导航元素、导航栏、面包屑导航和分页(4 学时)四川水利职业技术学院信息工程系 课程教学大纲教学内容:1、Bootstrap 导航元素定义;2、Bootstrap 导航栏的运用;3、Bootstrap 面包屑导航的定义;4、Bootstrap 元素分页处理。教

    8、学要求:1、掌握导航元素、导航栏、面包屑导航、分页; 第八章 Bootstrap 标签、徽章、超大屏幕、页面标题和缩略图 (4 学时)教学内容:1、Bootstrap 标签的定义;2、Bootstrap 徽章的定义;3、Bootstrap 超大屏幕的定义;4、Bootstrap 页面标题的使用;5、Bootstrap 缩略图的定义。教学要求:1、掌握标签、徽章、超大屏幕、页面标题、缩略图; 第九章 Bootstrap 警告、进度条和多媒体对象 (4 学时)教学内容:1、Bootstrap 警告样式运用;2、Bootstrap 进度条的定义;3、Bootstrap 多媒体对象组件定义。教学要求:

    9、1、掌握警告、进度条、多媒体对象;第十章 Bootstrap 列表组和面板(4 学时)教学内容:1、Bootstrap 列表组的定义;2、Bootstrap 面板的定义。教学要求:1、掌握列表组、面板。四川水利职业技术学院信息工程系 课程教学大纲第十一章 Bootstrap 插件概述、过度效果、模态框和下拉菜单插件 (4 学时)教学内容:1、Bootstrap 插件概述;2、Bootstrap 过度效果;3、Bootstrap 模态框插件的运用;4、Bootstrap 下拉菜单插件的运用。教学要求:1、 过度效果、模态框、下拉菜单;第十二章 Bootstrap 滚动监听、标签页和提示工具插件

    10、(4 学时)教学内容:1、Bootstrap 滚动监听插件;2、Bootstrap 标签页插件;3、Bootstrap 提示工具插件。教学要求:1、 掌握滚动监听插件;2、 掌握标签页插件;3、 掌握提示工具插件。第十三章 Bootstrap 弹出框、警告框、按钮和折叠插件 (5 学时)教学内容:1、Bootstrap 弹出框插件的运用;2、Bootstrap 警告框插件的运用;3、Bootstrap 按钮插件的运用;4、Bootstrap 页折叠插件的运用。教学要求:1、 掌握弹出框、警告框、按钮、折叠插件。第十四章 Bootstrap 轮播和附加导航插件(5 学时)教学内容:1、Boots

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

    展开阅读全文
    提示  道客多多所有资源均是用户自行上传分享,仅供网友学习交流,未经上传用户书面授权,请勿作他用。
    关于本文
    本文标题:《Bootstrap响应式应用技术》课程教学大纲.doc
    链接地址:https://www.docduoduo.com/p-9713225.html
    关于我们 - 网站声明 - 网站地图 - 资源地图 - 友情链接 - 网站客服 - 联系我们

    道客多多用户QQ群:832276834  微博官方号:道客多多官方   知乎号:道客多多

    Copyright© 2025 道客多多 docduoduo.com 网站版权所有世界地图

    经营许可证编号:粤ICP备2021046453号    营业执照商标

    1.png 2.png 3.png 4.png 5.png 6.png 7.png 8.png 9.png 10.png



    收起
    展开