Web编程基础(HTML+CSS)项目实战教程-教案.docx
《Web编程基础(HTML+CSS)项目实战教程-教案.docx》由会员分享,可在线阅读,更多相关《Web编程基础(HTML+CSS)项目实战教程-教案.docx(21页珍藏版)》请在优知文库上搜索。
1、模块1网站的设计与策划课程名称Web编程基础课时2课时授课班级软件技术、计算机应用、移动开发专业授课地点体化教室授课形式做学教体教学单元模块1-1网站的概述教学目标知识目标理解网页与网站的相关概念:.掌握Web资源开发技术中,典型的HTM1.,CSS.JaVaSCriPt技术在网页设计中的作用。能力目标能够区分网页与网站的关系:能铭区分服务器与客户端的关系。素质目标激发学生学习兴趣引导学生团队合作教学重点速点及措施教学重难点;认识网页与网站:Web前端开发技术。指南通过上机操作加强学习和补充案例进行巩固.教学方法做学教一体任务驱动线上线下混合教学教学任务掌握网站相关概念、网页开发工具任务h认教
2、学环节教学内容教学方式学生识网页与网站网页与网站的概念知识点讲解操作演示,操作实践.讲授认真听讲做好笔记网页与网站的概念服务器与客户端知识点讲解学生模仿练习教师指出学生模仿过程中可能出错和已经出错的知识点,并进行重点评析,加深印象,强化记忆。教师巡视、个别指导学生实践练习课堂实践1 .学生上网浏览不同的网页,观察网页元素的类型。2 .学生做中学,教册巡视逐个指导,并监督、验收。3 .集中问题集体讲解、评估讨论实训任务的实施过程:4 .给出参考的解决方案:考核学生训练结果。教师巡视单独指导考核学生动手实践.做中学知识点讲解演示讲授认真听讲课常实践打开网页,观察其响应的效果。1.学生做中学,教师巡
3、视逐个指导,并监督、验收。2.集中问题集体讲解、评估讨论任务的实施过程:3.给出参考的解决方案:考核学生训练结果.教师巡视单独指导考核学生动手实践,做中学服务器与客户靖巩固本课时知火点学完知识点后,教师带领学生对本课时所学知识点进行回顾。通过网络教学平台Bi习新内容讲解认真听取教师总结小结通过网络教学资源平台,预习网页开发技术。评价任务2认识网页开发技术新课引入通过提问、设问等教学方法,导入新知讲授认真听讲做好笔记IebM墙的概念演示操作讲解通过边演示边讲解的教学方式,分析概念。演示讲授认真听讲,积极思考VebM螭的概念及IebW开发技术学生模仿练习根据老师的演示,学生上网浏览网页,观察不同。
4、1 .学生练习,教师巡视.2 .教师指出学生.模仿过程中可能出错和已经出错的知识点,并进行重点评析,加深印象,强化记忆。巡视,个别指导积极动手练习知识讲解演示讲授认真听讲,积极思考演示操作讲解案例操作讲解操作讲授认真听讲,积极思考,做好笔记VebtT端开发技术小结学生模仿练习实训任务学生模仿练习,观察异同:同时,理解概念。1 .学生练习,教师巡视。2 .教师指出学生模仿过程中可能出错和已经出错的知识点,并进行重点评析,加深印象,强化记忆。巡视,个别指导,项目考核评价团队讨论,动手操作,做中学,做好实训总结巩固本课时知识点对此节中的知识点进行归纳“通过网络教学平台预习新内容通过网络教学资源平台,
5、预习设计策划网站的知识.演示归纳讲解认真听取教师总结评价布置作业学习平台完成线上预习、时论、过程性考核教学反思演示操作讲解通过边演示边操作边讲解的教学方式,讲解网站制作流程.演示讲授认真听讲,积极思号学生模仿练习1 .学生练习,教师巡视.2 .教指出学生模仿过程中可能出能和已经出错的知识点,并进行重点评析,加深印象.强化记忆.巡视,个别指导团队讨论做好总结小结巩固本课时知火点对此节中的知识点进行归纳:通过网络教学平台溜1习新内容通过网络教学资源平台,预习选择网页开发工具的知识。演示归纳讲解认丸听取教师总结评价任务4:逸鼻网页开发工具(0.5课时)教学环节教学内容教学方式学生活动新课引入通过启发
6、、演示、讨论等教学方式,导入新课内容,讲授税收参与讨论编写工具知识点讲解通过演示操作,讲解知识点。演示讲授认真听讲积极思考演示操作讲解通过边演示边操作边讲解的教学方式,讲解创建Web项目的主要过程。演示讲授认真听讲积极做好笔记课堂实践学生操作实践,并得到相应反债信息。1 .学生做中学,教师巡视逐个指导,并监督、验收,2 .集中向超集体讲斛、评估讨论实任务的实施过程,并进行重点评析,加深印象,强化记忆;给出参考的解决方案:考核学生训练结果。巡视,个别指导,项目考核评价1.J:操作做中学,做,好实训总结浏览工具知识讲解讲解、讨论、分析法,理解此知识。演示讲授认真听讲积极思考演示操作讲解通过边演示边
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- Web 编程 基础 HTML CSS 项目 实战 教程 教案
