Web编程基础（HTML+CSS）项目实战教程-教案.docx

模块1网站的设计与策划课程名称Web编程基础课时2课时授课班级软件技术、计算机应用、移动开发专业授课地点体化教室授课形式做学教体教学单元模块1-1网站的概述教学目标知识目标理解网页与网站的相关概念：.掌握Web资源开发技术中,典型的HTM1.,CSS.JaVaSCriPt技术在网页设计中的作用。能力目标能够区分网页与网站的关系：能铭区分服务器与客户端的关系。素质目标激发学生学习兴趣引导学生团队合作教学重点速点及措施教学重难点；认识网页与网站：Web前端开发技术。指南通过上机操作加强学习和补充案例进行巩固.教学方法做学教一体任务驱动线上线下混合教学教学任务掌握网站相关概念、网页开发工具任务h认教学环节教学内容教学方式学生识网页与网站网页与网站的概念知识点讲解操作演示，操作实践.讲授认真听讲做好笔记网页与网站的概念服务器与客户端知识点讲解学生模仿练习教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆。教师巡视、个别指导学生实践练习课堂实践1 .学生上网浏览不同的网页,观察网页元素的类型。2 .学生做中学,教册巡视逐个指导，并监督、验收。3 .集中问题集体讲解、评估讨论实训任务的实施过程：4 .给出参考的解决方案：考核学生训练结果。教师巡视单独指导考核学生动手实践.做中学知识点讲解演示讲授认真听讲课常实践打开网页，观察其响应的效果。1.学生做中学，教师巡视逐个指导，并监督、验收。2.集中问题集体讲解、评估讨论任务的实施过程：3.给出参考的解决方案：考核学生训练结果.教师巡视单独指导考核学生动手实践，做中学服务器与客户靖巩固本课时知火点学完知识点后，教师带领学生对本课时所学知识点进行回顾。通过网络教学平台Bi习新内容讲解认真听取教师总结小结通过网络教学资源平台，预习网页开发技术。评价任务2认识网页开发技术新课引入通过提问、设问等教学方法，导入新知讲授认真听讲做好笔记IebM墙的概念演示操作讲解通过边演示边讲解的教学方式，分析概念。演示讲授认真听讲，积极思考VebM螭的概念及IebW开发技术学生模仿练习根据老师的演示，学生上网浏览网页，观察不同。1 .学生练习,教师巡视.2 .教师指出学生.模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆。巡视，个别指导积极动手练习知识讲解演示讲授认真听讲，积极思考演示操作讲解案例操作讲解操作讲授认真听讲，积极思考，做好笔记VebtT端开发技术小结学生模仿练习实训任务学生模仿练习，观察异同：同时，理解概念。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出错的知识点,并进行重点评析,加深印象，强化记忆。巡视，个别指导，项目考核评价团队讨论，动手操作，做中学，做好实训总结巩固本课时知识点对此节中的知识点进行归纳“通过网络教学平台预习新内容通过网络教学资源平台，预习设计策划网站的知识.演示归纳讲解认真听取教师总结评价布置作业学习平台完成线上预习、时论、过程性考核教学反思演示操作讲解通过边演示边操作边讲解的教学方式，讲解网站制作流程.演示讲授认真听讲，积极思号学生模仿练习1 .学生练习，教师巡视.2 .教指出学生模仿过程中可能出能和已经出错的知识点,并进行重点评析,加深印象.强化记忆.巡视，个别指导团队讨论做好总结小结巩固本课时知火点对此节中的知识点进行归纳：通过网络教学平台溜1习新内容通过网络教学资源平台，预习选择网页开发工具的知识。演示归纳讲解认丸听取教师总结评价任务4：逸鼻网页开发工具（0.5课时）教学环节教学内容教学方式学生活动新课引入通过启发、演示、讨论等教学方式，导入新课内容，讲授税收参与讨论编写工具知识点讲解通过演示操作，讲解知识点。演示讲授认真听讲积极思考演示操作讲解通过边演示边操作边讲解的教学方式，讲解创建Web项目的主要过程。演示讲授认真听讲积极做好笔记课堂实践学生操作实践，并得到相应反债信息。1 .学生做中学，教师巡视逐个指导，并监督、验收，2 .集中向超集体讲斛、评估讨论实任务的实施过程，并进行重点评析，加深印象，强化记忆；给出参考的解决方案：考核学生训练结果。巡视，个别指导，项目考核评价1.J:操作做中学，做,好实训总结浏览工具知识讲解讲解、讨论、分析法，理解此知识。演示讲授认真听讲积极思考演示操作讲解通过边演示边操作边讲解的教学方式，讲解常用的浏览HTM1.文档的方法认真听讲，积极思考认真听讲枳极做好笔记课堂实践，完成实训任务学生实践练习完成操作过程，并得到相应反馈信息.1.学生做中学，教师巡视逐个指导，并监督、验收,2.集中问题集体讲解、评估讨论实训任务的实施过程，并进行重点评析,加深印象,强化记忆：给出参考的解决方案：考核学生训练结果。巡视，个别指导,项目考核评价团队讨论动手操作，做好实训总结小结巩固本课时知识点对此节中的知识点进行归纳：通过网络教学平台预习新内容通过网络教学资源平台，预习下个单元模块的知识.演示归纳讲解认我听取教师总结评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块2制作图文并茂的新闻页面课程名称Web编程基础课时2课时授课班级软件技术、计算机应用、移动开发专业授课地点体化教室授课形式做学教一体教学单元模块27HTM1.基本使用教学目标知识目标.了解HTM1.文档的结构：掌握IrrM1.标记和属性的使用方法。能力目标能够正确的编写Htm1.文档：能蟾创建网页中内容及格式化.素质目标激发学生学习兴趣引导学生团队合作教学重点魔点及措施教学重难点，正确编写HTM1.文档：对网页中文字和段落进行格式化。措施，通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务创建文档结构、添加网页内容任务1：创教学环节教学内容教学方式学生定位1.定位的概念知识点讲解案例操作讲解知识点讲授认真听讲做好笔记课盘实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解,评估讨论实训任务实施过程：给出参考的解决方案：考核学生训练结果。教新巡视单独指导动手实践，做中学2.定位的应用知识点讲解案例操作济解知识点演小讲授认真听讲，积极思考,做好笔记学生模仿练习学生模仿练习完成页而元素的典型定位方式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象,强化记忆。教师巡视、个别指导学生实践练习实践操作学习知识点学生做中学，掌握定位的使用，教炖巡视逐个指导，并监督、验收.集中问题集体讲解、评估讨论实训任务实施：给出参考的解决方案：考核学生训练结果。教师巡视单独指导考核动F实践，做中学模块3美化修饰网站的新闻页面课程名称Web编程基础课时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块3-8CSS背景的应用教学目标知识目标掌握CSS背景的设置：掌握CSS背景的灵活运用。能力目标能够运用CSS背比设置页面效果。素质目标激发学生学习兴趣引导学生团队合作教学重点难点及措籁教学重难点：CSS背珏的灵活运用。措施：通过上机操作加强学习和补充案例进行巩固。教学方法做学教一体任务驱动线上线下混合教学教学任务CSS背景的运用。务设页背任土置面景教学环节教学内容敦学方式学生加新课引入通过启发、提问、设问等教学方法，导入新知讲授思考参与讨论布置作业学习平台完成线上预习、讨论、过程性考核教学反思新知讲解知识讲解案例演示操作敦学讲授认真听讲做好笔记课堂实底学牛.做中学，教师巡视逐个指导，井监督、验收。集中问题集体讲解、评估讨论实训任务实施过程：给出参考的解决方案：考核学生训练结果。教师巡视单独指导动手实践，做中学任务2tCSS列表示例演示知织部解案例演示操作教学学生模仿练习实训任务学生练习实训指导内容，充分理解掌握列表的创建，及使用CSS修饰美化列表样式。1 .学生练习，教师巡视。2 .教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆。巡视，个别指导，项目考核评价团队讨论，动手操作，做中学，做好实训总结巩固本课时知识点学完知识点后，教肺带领学生对本课时所学知识点进小结行回顾。通过网络教学平台预习新内容通过网络教学资源平台，预习表单高级元素的使用方法。布置作业学习平台完成线上预习、讨论、过程性考核敕学反思认真演小听取归纳教师讲解总结评价面新知讲解1 .整体布局分析实现知识讲解案例操作演示2 .头部的实现知识讲解案例操作演示3 .内容部分的实现知识讲解案例操作演示4 .版权信息部分的实现知识讲解案例操作演示讲授认真听讲做好笔记课堂实践学生做中学，教师巡视逐个指导，并监督、验收。集中问题集体讲解、评估讨论实训任务实施过程：给出参考的解决方案：考核学生训练结果。教师巡视单独指导动手实践，做中学小结巩固本课时知火点学完知识点后，教师带领学生对本课时所学知识点进行回顾。通过网络敦学平台预习新内容通过网络教学资源平台，预习综合项目整体设计开发。演示归纳讲解认真听取教师总结评价布置作业学习平台完成线上预习、讨论、过程性考核教学反思模块8企业级项目综合应用课程名称Web编程基础课.时2课时授课班级软件技术、计算机应用、移动开发专业授课地点一体化教室授课形式做学教一体教学单元模块8-3制作用户登录页面教学目标知识目标掌握复杂Hn1.1.页面分析的方法；掌握熨杂页面的实现技巧.能力目标能够设计制作笈杂页面。素质H标激发学生学习兴趣引导学生团队合作教学重点难点及措施教学重难点t红杂HTM