1、信息化教学设计 PPT模板下载： 行业PPT模板： 节日PPT模板： PPT素材下载： PPT背景图片： PPT图表下载： 优秀PPT下载： PPT教程： Word教程： Excel教程： 资料下载： PPT课件下载： 范文下载： 试卷下载： 教案下载： ? ? ? ? ? ? 信息化大赛 CSS样式表的使用 教材 分析 学情 分析 教学 过程 教学 反思 1 2 4 5 教法 学法 3 教材 分析 学情 分析 教学 过程 教学 反思 1 2 4 5 教法 学法 3 信息化教学设计 CSS样式表的使用 教材出处 1 第四章 HTML 高级应 用 第二章 HTML 基础 第一章 站点的 配置 第
2、亓章 JS编程 第四章 CSS的应用 第四章 CSS的应用 CSS的应用 对前面章节 后续知识点 DIV+CSS 综合深化 知识对接 信息化教学设计 CSS样式表的使用 理解CSS样式表的概念、外部样式表的应用； CSS选择器属性值的修改 蓝墨云班课移动教学、交互式课件、三维动画学习 资源、微课视频、微信公众号辅助教学 激发审美情操，培养职业素养 知识 技能 过程 方法 情感 态度 教学目标 2 信息化教学设计 CSS样式表的使用 重点难点 3 重点 难点 理解理解CSSCSS样式表的概念样式表的概念 掌握外部样式表的应用掌握外部样式表的应用 CSSCSS选择器属性值的修改选择器属性值的修改
3、教材 分析 学情 分析 教学 过程 教学 反思 1 2 4 5 教法 学法 3 教学对象： 计算机应用专业 中职二年级学生 学生能熟练使用学生能熟练使用DreamweaverDreamweaver软件软件 独立制作简单页面独立制作简单页面 有有简单的代码基础。简单的代码基础。 对代码学习缺乏耐心对代码学习缺乏耐心 学习能力水平参差不齐学习能力水平参差不齐 信息化教学设计 CSS样式表的使用 学情分析 1 教材 分析 学情 分析 教学 过程 教学 反思 1 2 4 5 教法 学法 3 信息化教学设计 CSS样式表的使用 教法 1 教法教法 情境 创设 任务 驱劢 讲练 结合 学法学法 自主 学习
4、 小组 讨论 操作 实践 教材 分析 学情 分析 教学 过程 教学 反思 1 2 4 5 教法 学法 3 课前准备 课堂教学 课后拓展 教学流程 课前准备 微课视频 交互课件 三维动画 任务手册 蓝墨云班课 学习平台 课前准备 信息化教学设计 CSS样式表的使用 交流拓展 问题导入 新课讲授 巩固提升 游戏小结 无美化的原始网页 信息化教学设计 CSS样式表的使用 问题导入 1 案例导入 导入 CSS 样 式 表 一个动作 网页“换装” 信息化教学设计 CSS样式表的使用 问题导入 1 修改页 面所有 的元素 好神奇 老师快 点揭开 谜底 做成图 片切片 可能需 要很长 时间 同学们用什么方法
5、修改网页达到美化后的效果呢？同学们用什么方法修改网页达到美化后的效果呢？ 信息化教学设计 CSS样式表的使用 问题导入 新课讲授 巩固提升 游戏小结 交流拓展 信息化教学设计 CSS样式表的使用 新课讲授 2 任务一 观看“美美的换装秀”认识CSS 任务二 体验网页的换装添加外部样式表 任务三 “服装搭配师”修改CSS选择器属性值 信息化教学设计 CSS样式表的使用 新课讲授 2 理论知识 枯燥 学习积极性大打折扣 信息化教学设计 CSS样式表的使用 新课讲授 2 立即观看 的 WELCOME 信息化教学设计 CSS样式表的使用 新课讲授 2 任务一 观看“换装秀”认识CSS 任务二 体验“换
6、装秀”添加外部样式表 任务三 “服装搭配师”修改CSS选择器属性值 信息化教学设计 CSS样式表的使用 新课讲授 2 信息化教学设计 CSS样式表的使用 新课讲授 2 微 课 视 频 信息化教学设计 CSS样式表的使用 新课讲授 2 字体不好 看 我不喜欢 图片有 点大 我想把 水平线 去掉 我觉得 做得不 错耶 仔细观看仔细观看你们你们添加添加CSSCSS样式表后的网页，有什么需样式表后的网页，有什么需 要改进的地方吗要改进的地方吗？ 信息化教学设计 CSS样式表的使用 新课讲授 2 任务一 观看“换装秀”认识CSS 任务二 体验“换装秀”导入外部样式表 任务三 “服装搭配师”修改CSS选择
7、器属性值 信息化教学设计 CSS样式表的使用 新课讲授 2 的 WELCOME 立即观看 信息化教学设计 CSS样式表的使用 新课讲授 2 信息化教学设计 CSS样式表的使用 新课讲授 2 学习平台 任务手册 信息化教学设计 CSS样式表的使用 新课讲授 2 信息化教学设计 CSS样式表的使用 问题导入 新课讲授 巩固提升 游戏小结 交流拓展 信息化教学设计 CSS样式表的使用 情境创设 3 创设情境 A公司请了网站设计公司设计一个 宣传网站，网页设计师已经设计了 初稿，现在A公司对该网站进行初 步的验收。 情境创设情境创设 教 师 两名学生：验收人员 两名学生：设计师 人员 分配 信息化教学
8、设计 CSS样式表的使用 情境创设 3 CSS样式表美化页面 信息化教学设计 CSS样式表的使用 情境创设 3 信息化教学设计 CSS样式表的使用 问题导入 新课讲授 巩固提升 游戏小结 交流拓展 信息化教学设计 CSS样式表的使用 游戏小结 4 交互式课件进行课堂小结 信息化教学设计 CSS样式表的使用 问题导入 新课讲授 巩固提升 游戏小结 交流拓展 信息化教学设计 CSS样式表的使用 课后拓展 4 教材 分析 学情 分析 教学 过程 教学 特色 1 2 4 5 教法 学法 3 信息化教学设计 CSS样式表的使用 信息化教学反思 1 课前 知识预习 案例导入 三个 课堂任务 情境创设 快问快答 课后 拓展提升 教 学 反 思 信息化教学设计 CSS样式表的使用 信息化教学特色 1 推送资源到学生手机 课堂内外随时开展 教学活劢 化枯燥为生劢有趣 轻松掊握理论知识 激发学生兴趣 页面美观 交互性强 操作方便 课堂课后辅导 针对学习难点 提高学习效率 交互 课件 微课 视频 三维 劢画 云班课 移劢学习 平台 信息化教学设计 CSS样式表的使用 信息化教学特色 1 教学有法 教无定法 贵在得法 谢 谢 请多指导
