css网页设计教案一.docVIP

《创建个性化表格样式》信息化教学设计 教学内容 创建个性化表格样式 授课学时 2课时 授课类型 新授课 授课年级 中职二年级 授课专业 计算机信息管理专业 授课教材 高等教育出版社 张洪斌 刘万辉主编《网页设计与制作》 学情分析 本堂课的授课对象是我校计算机信息管理专业二年级学生，班级共49人。处于本年龄阶段的学生思维活跃、活泼好动、爱动手、爱交流；计算机操作能力较好，对信息化媒体教学喜闻乐见，乐于接受直观的信息化学习方式；学生自主意识强，但自立能力弱；不能主动分析问题、探索新知。 通过前导课程学生已具备基本网页制作能力，了解网页制作的相关概念，能够用表格布局简单网页，这为本节课的学习奠定了一定基础。 教学目标 知识与技能 过程与方法情感态度与价值观 实践性、技能性相当强的课程和多媒体教育技术，可以更好地丰富学习的内容，激发学习的兴趣，取得良好的学习效果。 教师利用PowerPoint制作课件，装有Dreamweaver CS3软件的多媒体机房 2.学生课前预习，让学生服务器上的素材，课后通过网络查询整理交流，更加深入的了解所学的知识。 创设情境 引入课题 （5′） 猜谜游戏：有个宝宝真稀奇，身穿360多件衣服，天天给他脱一件，等到年底剩下张皮。——打一日常用品 日历是日常生活中随处可见的工具。随着互联网的普及，将日历存储在互联网上就更方便了，无论走到哪里，只要能够登录互联网，就可以随时查询各种日程信息。就能实现此功能。 本节课介绍如何通过CSS美化“Google日历”。 在电子教室平台中，通过互联网展示“Google日历” 学生课前通过网络学习平台进行热身 融入情境 明确任务 产生求知欲 通过猜谜游戏调动课堂气氛，激发学生的好奇心。 通过引“Google日历”明确本节课的学习任务，拓展学生视野，刺激学生求知欲。 【媒体资源】 互联网操作平台 ppt课件 实施任务 探索新知 （20′） 任务一：讨论制作步骤 通过电子教室平台展示多种日历。 提问： 观察日历，思考需要分哪几步完成？ 总结： 创建表格 填日期，将日程安排及节日用不同的样式标记出来 美化日历 观看课件 认真思考 积极讨论 回答问题 培养学生主动分析问题及解决问题的能力。 【媒体资源】 电子教室平台 任务二：创建表结构 出示要求：创建表格结构，包括创建表格标题、表头。 教师布置任务。 教师巡回指导生。 独立思考 搭建结构 检测学生对已学知识掌握情况，查漏补缺。 培养学生的自主学习能力。 任务三：定义各种CSS类型 观察：表格中本月、次月及特殊节日的显示效果（背景颜色不同）。 教师引导学生观察。 设疑： 需要定义哪些CSS类型？ 总结： *上月、当月、次月 *有具体安排日期 *特殊节日 观察思考 创建CSS样式表 教会学生学会观察及培养学生自主探究能力，使学生成为学习的主人。 【媒体资源】 电子教室平台 任务四：编写CSS样式 出示要求： 奖品设置； 展示、交流、评价 将学生分小组。 教师对在规定时间内完成的小组分发奖品。 教师请学生当评委，对其作品进行点评。 下载素材 小组合作 合作探究 自主创新 作品展示 交流评价 通过“小组讨论，自主学习，合作探究”的形式突出重点，突出难点。 通过展示点评让学生体验作为课堂主人公的愉悦和激情，充分挖掘学生的潜力和创造力扩大学生的视野“自我评价表”。 教师布置任务。 师：通过前面学习，掌握的知识和技能有多少？下面请学生完成“自我评价表”，请同学们根据自己的学习情况完成反馈信息。 自我评价 独立完成 教师通过评价结果及时了解学生对本次课堂知识掌握情况。同时通过“情况反馈”这一环节，了解学生容易掌握的知识点和有疑惑的地方，为后继的教学找到根基。 【媒体资源】 电子教室平台 归纳总结 （10′） 教师对学生操作中出现的共性和个性问题进行适时点拨提示。 教师结合学生自评，对本节课进行总结性评价。 学生总结 通过学生总结培养学生的语言组织能力及总结能力。老师从学生总结中查漏不缺。 布置作业 （5′） 制作一个性化课程表，使用CSS进行样式设置，要求效果美观清晰。（素材可在互联网上自行下载） 教学反思 本节课的优点是充分体现了学生的主体地位。在课堂上利用了信息化资源通过任务驱动，让任务贯穿始终，很好地激发了学生的学习动力，整堂课的效果也较好。通过设疑，引发了学生的求知欲。学生通过自主探究，能够及时发现问题，并且通过小组讨论从而培养了学生的合作学习能力。 本节课的不足之处是学生的水平有差异，学生自己动手的环节上对于时间没有控制好，以后应做好预设，培养各组组长为老师的教学助手，