.. . .. . .
《bootstrap》课程标准
S.
教研室主任: 专业带头人: 系(部)主任: 教务处处长: 教学副院长:
审核批准日期:
二○一七年五月
. . . . ..
.. . .. . .
《bootstrap》课程标准
(基本信息) 课程编码:
课程类别:专业方向课程 适应专业:网页设计 开设时间:大三上期 学 时 数:56学时
一、课程概述 (一)课程性质
Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是一个用于快速开发 Web 应用程序和的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。本教程将向您讲解 Bootstrap 框架的基础,通过学习这些容,您将可以轻松地创建 Web 项目。教程被分为 Bootstrap 基本结构、Bootstrap CSS、Bootstrap 布局组件和 Bootstrap 插件几个部分。每个部分都包含了与该主题相关的简单有用的实例。 (二)课程基本理念
本课程通过企业项目开发流程为情景,学习并掌握BootStrap开发的基础知识和基本开发技能。学生在学习本课程后具有一定的专业能力,可激发学生对后续专业课程的学习兴趣。课程结构上遵循企业开发“流程化”、项目“兴趣化”、教学“项目实战化”、模式“前瞻化” 、
S. . . . . ..
.. . .. . .
教材“权威化”、授课“案例化”等国领先的IT工程师培养模式,并且结合科学的考核评价模式。通过全方位课程设计、全真的工作环境、探索研究工学结合的培养模式,提高学生职业技能,最终实现岗位无缝对接。
(三)课程的设置与设计思路
本课程立足于培养学生的动手实践能力,教学活动基本上围绕着职业导向而进行,对课程容的选择标准进行创造性的根本改革,打破以书本知识传授为主要特征的传统学科课程模式,转变为以工作情景任务为中心组织课程容和实施课程教学,让学生在完成具体项目的过程中发展职业能力并掌握相关理论知识,真正做到学以致用,从而发展职业能力。
本课程的框架结构,经过与企业专家系统的讨论分析,按实际需要及由简入繁的原则,最终确定了学习培养标准。最终达到掌握BootStrap主流框架的目标,本课程共80课时,其中实践50课时。 二、课程目标
(一)职业技能目标
1、能够熟练使用CSS结合HTML实现网页布局。
2、熟练使用文档对象模型和事件驱动,能够很好的实现交互式操作。
3、熟练使用Bootstrap 中的对象,实现网页的动态效果。 4、熟练使用Bootstrap 对表单、表格和事件的操作。 5、熟练使用Bootstrap 与JavaScript进行网页异步交互设计。
S. . . . . ..
.. . .. . .
6、事件驱动的程序设计思想,熟练使用JavaScript中的对象,实现网页特效。
7、熟练使用JavaScriptUI及JavaScript第三方插件。 8、网页设计布局合理,色彩搭配合理,网页操作方便。 9、设计过程中充分考虑浏览器兼容等问题,并做适当处理。 (二)职业素养目标
1、培养学生“爱岗、敬业、细致、求精”的职业道德与情感。 2、培养学生良好的动手实践习惯,尤其注重挖掘学生的潜质。 3、注重培养学生与社会接轨。 4、培养学生严谨的行事风格。
5、培养学生具有踏实工作作风,良好的观察和思考能力强以及团队合作能力。
(三)职业技能证书考核要求
通过该门课程学习学生可以参加全国信息技术应用水平竞赛或参加行业资格认证考试,获得相应职业技能书。 三、容标准 (一)学习目标: 1 BootStrap入门篇
BootStrap简介及安装 BootStrap CSS 概览 BootStrap网格系统 BootStrap排版
S. . . . . ..
.. . .. . .
BootStrap代码 BootStrap表格 BootStrap表单 BootStrap按钮 BootStrap图片 BootStrap辅助类 BootStrap响应式实用工具 2 BootStrap进阶篇
BootStrap组件 BootStrap字体图标 BootStrap下拉菜单 BootStrap按钮组 BootStrap按钮下拉菜单 BootStrap输入框组 BootStrap导航元素 BootStrap导航栏 BootStrap面包屑导航 BootStrap分页 BootStrap标签 BootStrap微章 BootStrap超大屏幕 BootStrap页面标题
S. . . . . ..