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

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