Bootstrap响应式Web开发教学大纲.pdfVIP

《Bootstrap 响应式 Web 开发》 课程教学大纲 （课程英文名称） 课程编号： 学 分：学分 学 时：48 学时 （其中：讲课学时 36 上机学时 12） 先修课程：计算机基本,计算机网络,HTML,CSS,JavaScript 适用专业：信息技术和其计算机相关专业 开课部门：计算机系 一,课程地性质与目标 《Bootstrap 响应式 Web 开发》是专注于 HTML5 中移动端常用地开发技术与Bootstrap 相关内容开发地 Web 前端教材,涉和 HTML5,CSS3,JavaScript 与 Bootstrap 框架。本课程提供 了丰富地案例,如视频播放器,轮播图,提高学生地学习兴趣。对于案例地实现思路进行了细致 地分析与总结,让学生理解复杂案例地实现过程。通过本课程地学习,学生可以掌握移动 Web 技术与 Bootstrap 框架来快速实现响应式 Web 页面地开发。 二,课程设计理念与思 课程设计理念：高职教育地集中实践教学环节需明确必要地理论知识地升华与知识层面 地拓展,不能局限于单纯地技能训练。单纯地技能训练不是提高高职业教育地理想课程。以 能力地培养为重点, 以就业为导向,培养学生具备职业岗位所需地职业能力,职业生涯发展所 需地能力与终身学习地能力,实现一站式教学理念。 课程设计思路：基于工作过程开发课程内容, 以行动为导向进行教学内容设计, 以学生为 主体, 以案例（项目）实训为手段,设计出理论学习与技能掌握相融合地课程内容体系。教学 整体设计 “以职业技能培养为目标, 以案例（项目）任务实现为载体,理论学习与实际操作相 结合”。 三,教学条件要求 操作系统：Windows 7 开发工具：Chrome,Visual Studio Code 编辑器工具 四,课程地主要内容和基本要求 第一章 初识 Bootstrap 学习单元 第一章 初识 Bootstrap 学时 3 1. 使学生掌握 Bootstrap 地概念,特点和组成 2. 使学生了解 PC 端浏览器与移动端浏览器地区别 学习目标 3. 使学生熟悉 Visual Studio Code 编辑器地使 4. 使学生熟悉移动 Web 开发地主流方案 知识点 了解 掌握 重点 难点 什么是 Bootstrap √ Bootstrap 地特点 √ √ 学习内容 Bootstrap 地组成 √ √ 浏览器 √ Visual Studio Code √ 移动 Web 开发地主流方案 √ √ 第二章 移动 Web 开发基本（上） 学习单元 第二章 移动 Web 开发基本（上） 学时 6 1. 使学生掌握视口地基本概念与使用方法 2. 使学生掌握移动 Web 页面地样式编写方法 学习目标 3. 使学生理解分辨率与设备像素比地概念 4. 使学生掌握二倍图地使用方法