- 1、本文档共6页,可阅读全部内容。
- 2、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。
- 3、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载。
- 4、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
第1章PHP开篇
PAGE16
《Bootstrap响应式Web开发(第2版)》
教学设计
课程名称:
授课年级:
授课学期:
教师姓名:
年月
课题名称
第1章初识Bootstrap
计划课时
5课时
教学引入
近年来,随着移动互联网的持续发展,不断涌现出各种移动设备,这些设备的屏幕尺寸多种多样,而网页需要根据用户使用的具体设备进行适配,以确保用户可以具有最佳的浏览体验。为了解决网页在不同设备中的适配问题,Bootstrap应运而生。为了使读者对Bootstrap有一个初步的认识,本章将对Bootstrap、浏览器、VisualStudioCode编辑器、移动Web开发的主流方案等内容进行详细讲解。
教学目标
使学生了解Bootstrap的概念,能够说出什么是Bootstrap
使学生熟悉Bootstrap的特点,能够归纳Bootstrap的特点
使学生熟悉Bootstrap的组成,能够归纳Bootstrap的组成部分
使学生了解PC端浏览器,能够列举常见的PC端浏览器
使学生了解移动端浏览器,能够列举常见的移动端浏览器
使学生掌握VisualStudioCode编辑器的下载和安装,能够独立完成VisualStudioCode编辑器的下载和安装
使学生掌握中文扩展包的安装,能够在VisualStudioCode编辑器中安装中文扩展包
使学生掌握VisualStudioCode编辑器的使用方法,能够在项目中创建HTML5文档
使学生了解移动Web开发的主流方案,能够说出两种主流的移动Web开发方案
教学重点
下载和安装VisualStudioCode编辑器
使用VisualStudioCode编辑器
教学难点
无
教学方式
课堂教学以PPT讲授为主,并结合多媒体进行教学
教
学
过
程
第一课时
(Bootstrap概述、Bootstrap的特点、Bootstrap的组成)
一、通过直接引入的方式导入新课
Bootstrap是一款开源的前端UI框架,用于构建响应式、移动设备优先的项目,因其学习成本低、上手容易等优势,深受开发者的欢迎。本节课将详细讲解Bootstrap概述、Bootstrap的特点和Bootstrap的组成。
二、新课讲解
知识点1-Bootstrap概述
教师通过PPT的方式讲解Bootstrap概述。
什么是Bootstrap。
Bootstrap发展经历的5个大版本。
1.x版本。
2.x版本。
3.x版本。
4.x版本。
5.x版本。
知识点2-Bootstrap的特点
教师通过PPT的方式讲解Bootstrap的特点。
Bootstrap的特点。
移动设备优先。
浏览器支持。
学习成本低、容易上手。
响应式设计。
快速开发。
方便定制。
知识点3-Bootstrap的组成
教师通过PPT的方式讲解Bootstrap的组成。
Bootstrap的组成。
CSS样式。
布局组件。
JavaScript插件。
图标库。
三、归纳总结
教师回顾本节课所讲的内容,并通过测试题的方式引导学生解答问题并给予指导。
四、布置作业
教师通过高校教辅平台()布置本节课作业以及下节课的预习作业。
第二课时
(PC端浏览器、移动端浏览器)
一、复习巩固
教师通过上节课作业的完成情况,对学生吸收不好的知识点进行再次巩固讲解。
二、通过直接引入的方式导入新课
浏览器(WebBrowser)是一种用于检索、展示以及传递万维网信息资源的应用程序,它是互联网时代的产物,可以用来显示网页、图像、影音及其他内容,以便用户与网页进行交互。按照设备类型划分,可以将浏览器分为PC端浏览器和移动端浏览器两大类。本节课将详细讲解PC端浏览器和移动端浏览器。
三、新课讲解
知识点1-PC端浏览器
教师通过PPT的方式讲解PC端浏览器。
什么是PC端浏览器。
常见的PC端浏览器。
Chrome浏览器。
InternetExplorer(简称IE)浏览器。
Edge浏览器。
Firefox浏览器。
Safari浏览器。
Chrome浏览器的主要优势。
高速浏览。
安全性。
扩展生态系统。
跨平台同步。
开发者工具。
知识点2-移动端浏览器
教师通过PPT的方式讲解移动端浏览器。
什么是移动端浏览器。
什么是移动设备。
常见的移动设备。
手机。
平板电脑。
可穿戴设备,如智能手表和智能眼镜等。
常见的移动端浏览器。
Android浏览器。
Safari浏览器。
UC浏览器。
QQ浏览器。
百度浏览器
您可能关注的文档
- Bootstrap响应式Web开发(第2版)第2章 移动Web开发基础 教学设计.doc
- Bootstrap响应式Web开发(第2版)第3章 移动Web屏幕适配 教学设计.doc
- 第2章 移动Web开发基础.pptx
- Bootstrap响应式Web开发(第2版)-课件 第3章 移动Web屏幕适配.pptx
- Bootstrap响应式Web开发(第2版)-课件 第1章 初识Bootstrap.pptx
- Bootstrap响应式Web开发(第2版)-课件 第4章 Bootstrap开发基础.pptx
- Bootstrap响应式Web开发(第2版)-课件 第5章 Bootstrap常用样式.pptx
- Bootstrap响应式Web开发(第2版)-课件 第6章 Bootstrap表单.pptx
- Bootstrap响应式Web开发(第2版)-课件 第7章 Bootstrap常用组件.pptx
- Bootstrap响应式Web开发(第2版)-课件 第8章 项目实战——基于Bootstrap的在线学习平台.pptx
- 【道法】交友的智慧 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】规划初中生活(教学课件)-2024-2025学年七年级上册道德与法治(统编版2024).pptx
- 【道法】做有梦想的少年教学课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】提高防护能力 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】走近老师 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】认识生命 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】共建美好集体 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】正确对待顺境和逆境 课件-2024-2025学年统编版道德与法治七年级上册.pptx
- 【道法】正确对待顺境和逆境-2024-2025学年道德与法治七年级上册(统编版).pptx
- 【道法】规划初中生活(2024年秋版)-2024-2025学年七年级道德与法治上册(统编版2024).pptx
文档评论(0)