<WEB前端框架》教学大纲
一、课程性质与任务
1.课程性质：本课程是计算机应用技术专业的理论与实践课。
2.课程任务：本课程立足于培养学生的动手实践能力，让学生了解Bootstrap结构、 栅格系统原理与Bootstrap实现原理与规律等；能够熟练使用HTML结合CSS实现网页布局， 对BOotStraP中的对象、表格、表单、事件机制进行交互设计；重点掌握BOOtSIraP的栅格 系统思想和插件的应用。
二、课程教学基本要求
理论课时：16节
上机课时：16节
考核形式：考查
三、课程教学内容
※第一章概述及使用Bootstrap
教学内容：本章主要介绍BooIStraP概述与发展史，以及BOotStraP的开发环境等，了 解Bootstrap的历史，能够使用Bootstrap搭建WEB的开发环境。
※第二章BOoIStraP基本架构
教学内容：本章主要介绍配置Bootstrap环境需要引入哪些文件，B。。IStraP目录结构 是怎么样的，按钮的样式，大小以及组合样式，并针对样式的定义规则进行练习与测试。
※第三章CSS通用样式
教学内容：本章主要介绍版式、表格、表单、按钮、图片、工具类的使用以及样式定义 的规则与方法，针对于大屏幕、中等屏幕、小屏幕、超小屏幕的类名并实现课后练习。
※第四章CSS组件
教学内容：本章主要介绍正确使用CSS组件、按钮组、导航、导航条、面包屑和分页、 缩略图、警告框、进度条、媒体、版式、输入框，以及CSS组件的组合应用及应用场景， 掌
握各类组件场景的应用。
※第五章JS组件
教学内容：本章主要介绍插件概述、模态框、下拉菜单、滚动监听、标签页、工具提示、 弹出框、警告框、按钮、折叠、轮播这些Bootstrap的内置JS组件以及基于JQuery和 Bootstrap 的插件。
章节
课程任务
学时
前端有哪些常用框架课程性质
备注
1
1. Bootstrap概述与发展史
X2. Bootstrap的开发环境
2
理论
2
1.Bootstrap 概述
2.Bootstrap下载与安装
3.掌握且能够区分Bootstrap的文件结构
※幺能够正确使用Bootstrap创建一个项目
2
实践
3
1. Bootstrap响应式设计
X2.Bootstrap栅格系统
2
理论
4
1. 了解什么是响应式设计
%?.熟练应用Bootstrap栅格系统
2
实践
5
1. Bootstrap响应式设计
X2. Bootstrap栅格系统
2
理论
6
1.了解什么是响应式设计
X2.熟练应用Bootstrap栅格系统
2
实践
7
LBOOtStraP版式、工具类
X2.表格、表单、按钮、图片类
2
理论
8
1. Bootstrap版式、工具类
派2.熟练使用表格、表单、按钮、图片类
2
实践
9
LBOotStraP版式、工具类 ※二表格、表单、按钮、图片类
2
理论
10
LBOotStraP版式、工具类
派2.熟练使用表格、表单、按钮、图片类
2
实践
11
1. CSS组件
2.按钮组、输入框组、缩略图、警告框、 进度条、媒体
X3.导航、导航条、面包屑和分页
2
理论
12
1.熟练使用CSS组件
2.熟悉按钮组、输入框组、缩略图、警告框、 进度条、媒体
X3.正确使用导航、导航条、面包屑和分页
2
实践
13
1. CSS组件
2.按钮组、输入框组、缩略图、警告框、 进度条、媒体
X3.导航、导航条、面包屑和分页
2
理论
14
1.熟练使用CSS组件
2.熟悉按钮组、输入框组、缩略图、警告框、
2
实践
进度条、媒体
X3.正确使用导航、导航条、面包屑和分页
15
1.插件是什么
派2.模态框、下拉菜单、标签页、工具提示
3.滚动监听、弹出框、警告框、按钮、折叠、 轮播
2
理论
16
1.了解什么是插件
派2.熟练使用模态框、下拉菜单、标签页、工具 提示等
3.正确使用滚动监听、弹出框、警告框、按钮、 折叠、轮播
2
实践
四、学时分配表
章序
内容
课时
备注
1
Bootstrap 概述及使用 Bootstrap
4
2
BOOtStraP基本架构（响应式设计、使用 Bootstrap栅格系统）
8
3
CSS通用样式（版式、表格、表单、 按钮、图片、工具类）
8
4
CSS组件
8
5
Bootstrap插件库
4
五、教材及参考书
教材：《Bootstrap基础教程》 主编：赵丙秀张松慧
出版社：人民邮电出版社2018.2
参考书：《Web 前端开发案例教程    HTML5+CSS3+JavaScript+JQuery+Bootstrap 响应
式开发》主编：刘伯成
出版社：人民邮电出版社2020.8. 1
《响应式网页开发基础教程》
主编：郑婷婷
出版社：人民邮电出版社2019.2.1
注：列出1—3本同类型不同编者（出版社）的书名、作者、出版社及版本
执笔：
审定：（系或教研室主任签字）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。