《网页换装秀-CSS样式表的使用》计算机类说课课件PPT文件格式下载.pptx

《网页换装秀-CSS样式表的使用》计算机类说课课件PPT文件格式下载.pptx

《《网页换装秀-CSS样式表的使用》计算机类说课课件PPT文件格式下载.pptx》由会员分享，可在线阅读，更多相关《《网页换装秀-CSS样式表的使用》计算机类说课课件PPT文件格式下载.pptx（43页珍藏版）》请在冰豆网上搜索。

,节日PPT模板：

PPT素材下载：

PPT背景图片：

PPT图表下载：

优秀PPT下载：

PPT教程：

Word教程：

Excel教程：

资料下载：

PPT课件下载：

试卷下载：

教案下载：

?

信息化大赛,CSS样式表的使用,网页换装秀CSS样式表的使用,教材分析,学情分析,教学过程,教学反思,1,2,4,5,教法学法,3,教材分析,学情分析,教学过程,教学反思,1,2,4,5,教法学法,3,网页设计与制作（HTML+CSS+Javascript）,信息化教学设计CSS样式表的使用,教材出处,1,第四章,HTML,高级应,第二章,HTML,基础,第五章JS编程,第四章CSS的应用,第四单元,CSS的应用,对前面章节用第一章站点的,后续知配识置点DIV+CSS,合,综深化,知识对接,承上启下,信息化教学设计CSS样式表的使用,理,解,S,念,CS样式表的概、外,部,样式表的应用；

CS,S,选择器属性值的修改,蓝墨云班课移动教学、交互式课件、三维动画学习,资源、微课视频、微信公众号辅助教学,激发审美情操，培养职业素养,知识技能,过程方法,情感态度,教学目标,2,信息化教学设计CSS样式表的使用,重点难点,3,重点,难点,解,S,理CS样式表的概念,掌握外部样式表的应用,S,CS选择器属性值的修改,教材分析,学情分析,教学过程,教学反思,1,2,4,5,教法学法,3,教学对象：

计算机应用专业中职二年级学生,学生能熟练使用Dreamweaver软件独立制作简单页面有简单的代码基础。

对代码学习缺乏耐心学习能力水平参差不齐,信息化教学设计CSS样式表的使用,学情分析,1,教材分析,学情分析,教学过程,教学反思,1,2,4,5,教法学法,3,信息化教学设计CSS样式表的使用,教法,1,教法,情境创设,任务驱动,讲练结合,自主学习,操作学法小组实践讨论,教材分析,学情分析,教学过程,教学反思,1,2,4,5,教法学法,3,课前准备,课堂教学,课后拓展,教学流程,课,前准备,微课视频,交互课件,三维动画,任务手册,蓝墨云班课学习平台,课,前准备,信息化教学设计CSS样式表的使用,交流拓展,问题导入,新课讲授,巩固提升,游戏小结,任务,一,任务二,任务,三,情景,创设,实际,案例,交互,课件,云,班课,无美,无,始始网网,页,信息化教学设计CSS样式表的使用,问题导入,1,案例导入,+,导入,CSS,样式表,一美化化的的原原,“,装,个动作网页换”,信息化教学设计CSS样式表的使用,问题导入,1,修改页面所有的元素,好神奇老师快点揭开谜底,做成图片切片,可能需要很长时间,同学们用什么方法修改网页达到美化后的效果呢？

信息化教学设计CSS样式表的使用,问题导入,新课讲授,巩固提升,游戏小结,交流拓展,任务,一,任务二,任务,三,情景,创设,实际,案例,交互,课件,云,班课,信息化教学设计CSS样式表的使用,新课讲授,2,任务一,观看“美美的换装秀”认识CSS,任务二,体验网页的换装添加外部样式表,任务三,“服装搭配师”修改CSS选择器属性值,信息化教学设计CSS样式表的使用,新课讲授,2,学习积极性大打折扣理论知识枯燥,代码！

2,立即观看,美,美,的,换,装,秀,信息化教学设计CSS样式表的使用,新课讲授,2,任务一,观看“换装秀”认识CSS,任务二,体验“换装秀”添加外部样式表,任务三,“服装搭配师”修改CSS选择器属性值,信息化教学设计CSS样式表的使用,新课讲授,2,信息化教学设计CSS样式表的使用,新课讲授,2,微课视频,信息化教学设计CSS样式表的使用,新课讲授,2,字体不好看我不喜欢,图片有点大,我想把水平线去掉,我觉得做得不错耶,仔细观看你们添加CSS样式表后的网页，有什么需要改进的地方吗？

信息化教学设计CSS样式表的使用,新课讲授,2,任务一,观看“换装秀”认识CSS,任务二,体验“换装秀”导入外部样式表,任务三,“服装搭配师”修改CSS选择器属性值,2,美,美,的,搭,配,秀,W立EL即CO观M看E,信息化教学设计CSS样式表的使用,新课讲授,2,信息化教学设计CSS样式表的使用,新课讲授,2,学习平台任务手册,信息化教学设计CSS样式表的使用,新课讲授,2,网页设计效果图的评价量规表,学生课堂表现评价量规表,信息化教学设计CSS样式表的使用,问题导入,新课讲授,巩固提升,游戏小结,交流拓展,任务,一,任务二,任务,三,情景,创设,实际,案例,交互,课件,云,班课,信息化教学设计CSS样式表的使用,情境创设,3,创设情境,情境创设A公司请了网站设计公司设计一个宣传网站，网页设计师已经设计了初稿，现在A公司对该网站进行初步的验收。

教师,两名学生：

验收人员两名学生：

设计师,人员分配,信息化教学设计CSS样式表的使用,情境创设,3,借助互联网浏览更多学习资料,CSS样式表美化页面,移动学习平台资源共享,信息化教学设计CSS样式表的使用,情境创设,3,信息化教学设计CSS样式表的使用,问题导入,新课讲授,巩固提升,游戏小结,交流拓展,任务,一,任务二,任务,三,情景,创设,实际,案例,交互,课件,云,班课,信息化教学设计CSS样式表的使用,游戏小结,4,交互式课件进行课堂小,结,信息化教学设计CSS样式表的使用,问题导入,新课讲授,巩固提升,游戏小结,交流拓展,任务,一,任务二,任务,三,情景,创设,实际,案例,交互,课件,云,班课,信息化教学设计CSS样式表的使用,课后拓展,4,头脑风暴,资源共享,教材分析,学情分析,教学过程,教学特色,1,2,4,5,教法学法,3,信息化教学设计CSS样式表的使用,信息化教学反思,1,云班课学习平台,三维动画,交互式课件,课前知识预习,案例导入,三个课堂任务情境创设快问快答,课后拓展提升,微课视频,教学反思,信息化教学设计CSS样式表的使用,信息化教学特色,1,推送资源到学生手机课堂内外随时开展教学活动,化枯燥为生动有趣轻松掌握理论知识激发学生兴趣,页面美观交互性强操作方便,课堂课后辅导针对学习难点提高学习效率,交互微课课件视频,三维动画,班,云班课,移动学习,平台,信息化教学设计CSS样式表的使用,信息化教学特色,1,贵在得法教无定法教学有法,请多指导谢谢,