admin 管理员组文章数量: 1184232
2024年3月6日发(作者：html中source是什么意思)
《Web编程基础》教案
模块1 网站的设计与策划
课程名称
授课班级
授课地点
教学单元
Web编程基础
课 时
2课时
软件技术、计算机应用、移动开发专业
一体化教室
模块1-1 网站的概述
理解网页与网站的相关概念；
知识目标
掌握Web资源开发技术中，典型的HTML、CSS、JavaScript技术在网页设计中的作用。
授课形式 做学教一体
教学目标
能力目标
能够区分网页与网站的关系；
能够区分服务器与客户端的关系。
激发学生学习兴趣
素质目标
引导学生团队合作
教学重难点：
认识网页与网站；
教学重点难点Web前端开发技术。
及措施
措施：
通过上机操作加强学习和补充案例进行巩固。
教学方法
教学任务
做学教一体 任务驱动 线上线下混合教学
掌握网站相关概念、网页开发工具
《Web编程基础》教案
教学学生活动
认真教学
教学内容
环节
网页与网站的概念
知识点讲解
学生模仿练习
教师指出学生模仿过程中可能出错和已经出错的任务知识点讲解
方式
听讲讲授
做好笔记
教师学生巡视、实践个别练习
操作演示，操作实践。
知识点，并进行重点评析，加深印象，强化记忆。 指导
1：认网页识网与网页与站的网站
概念
2. 学生做中学，教师巡视逐个指导，并监督、验单独服务器与客户端
收。
指导3. 集中问题集体讲解、评估讨论实训任务的实施考核
过程；
4. 给出参考的解决方案；考核学生训练结果。
演示 认真知识点讲解
讲授
课堂实践
打开网页，观察其响应的效果。
教师巡视听讲
学生动手学
做中实践，型。
巡视动手1. 学生上网浏览不同的网页，观察网页元素的类教师学生课堂实践
《Web编程基础》教案
单独实践，指导做中学
1.学生做中学，教师巡视逐个指导，并监督、验收。
2.集中问题集体讲解、评估讨论任务的实施过程；
考核
3.给出参考的解决方案；考核学生训练结果。
服务器与客户端
巩固本课时知识点
学完知识点后，教师带领学生对本课时所学知识点进行回顾。
通过网络教学平台预习新内容
讲解
认真听取教师总结评价
认真小结 通过网络教学资源平台，预习网页开发技术。
新课
通过提问、设问等教学方法，导入新知
引入
讲授
听讲做好笔记
任务认真2：认Web前演示操作讲解
识网页开发技Web前术
端的概念及
Web前根据老师的演示，学生上网浏览网页，观察不同。 巡视，积极1. 学生练习，教师巡视。
2. 教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化个别指导
动手练习
学生模仿练习
端的通过边演示边讲解的教学方式，分析概念。
概念
思考
讲授 积极演示 听讲，
《Web编程基础》教案
端开发技术
记忆。
认真演示 听讲，知识讲解
讲授 积极思考
认真听讲，演示操作讲解
案例操作讲解
操作 积极讲授 思考，做好笔记
《Web编程基础》教案
团队讨论,学生模仿练习实训任务
学生模仿练习，观察异同；同时，理解概念。
1. 学生练习，教师巡视。
Web前2. 教师指出学生模仿过程中可能出错和已经出端开发技术
错的知识点，并进行重点评析，加深印象，强化记忆。
巡视，动手个别操作，指导，做中项目学，做考核好实评价
训总结
小结
巩固本课时知识点
对此节中的知识点进行归纳。
通过网络教学平台预习新内容
通过网络教学资源平台，预习设计策划网站的知识。
演示归纳讲解
认真听取教师总结评价
布置作业 学习平台完成线上预习、讨论、过程性考核
教学反思
《Web编程基础》教案
模块1 网站的设计与策划
课程名称
授课班级
授课地点
教学单元
Web编程基础
课 时
2课时
软件技术、计算机应用、移动开发专业
一体化教室 授课形式 做学教一体
模块1-2 网站的概述
掌握使用网页编辑工具；
知识目标
掌握常用的浏览工具及浏览HTML文档的方法。
能够掌握网页设计原则
教学目标
能力目标
能够灵活运用开发工具创建一个完整的Web项目。
激发学生学习兴趣
素质目标
引导学生团队合作
《Web编程基础》教案
教学重难点：
掌握网页设计原则、设计流程；
教学重点难点网页开发工具的使用。
及措施
措施：
通过上机操作加强学习和补充案例进行巩固。
教学方法
教学任务
教学
教学内容
环节 方式 活动
认真新课
通过提问、设问等教学方法，导入新知
引入
讲授
参与讨论
任务3：认真设计策听讲划网站
网页笔记
设计认真原则
演示操作讲解
演示 听讲通过边演示边操作边讲解的教学方式，讲解网页设讲授 积极计原则。
思考知识点讲解 讲授
做好听讲做学教一体 任务驱动 线上线下混合教学
设计策划网站，熟练使用网页开发工具
教学学生
《Web编程基础》教案
做好笔记
学生模仿练习
根据老师的演示，学生模仿练习
1. 学生练习，教师巡视。
2. 教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆。
认真听知识讲解
讲解、讨论、分析法，理解此知识。
网站思考
制作认真流程
演示操作讲解
演示
通过边演示边操作边讲解的教学方式，讲解网站制讲授
作流程。 积极思考
讲，听演示
讲，讲授
积极巡视，积极个别动手指导 练习
《Web编程基础》教案
团队巡视，讨论个别做好指导
总结
认真演示归纳听取教师学生模仿练习
1. 学生练习，教师巡视。
2. 教师指出学生模仿过程中可能出错和已经出错的知识点，并进行重点评析，加深印象，强化记忆。
巩固本课时知识点
对此节中的知识点进行归纳：
小结 通过网络教学平台预习新内容
通过网络教学资源平台，预习选择网页开发工具的知识。
教学
教学内容
环节
教学讲解 总结评价
学生方式 活动
积极任务4：新课
通过启发、演示、讨论等教学方式，导入新课内容。 讲授 参与选择网页开发工具
认真（0.5编写课时）
工具 通过演示操作，讲解知识点。 讲授 积极思考
知识点讲解 演示 听讲引入
讨论
《Web编程基础》教案
认真听讲演示操作讲解
演示 积极通过边演示边操作边讲解的教学方式，讲解创建讲授 思考
Web项目的主要过程。
做好笔记
动手课堂实践
学生操作实践，并得到相应反馈信息。
巡视，操作个别做中1.学生做中学，教师巡视逐个指导，并监督、验收。
指导，学，2.集中问题集体讲解、评估讨论实任务的实施过程，并进行重点评析，加深印象，强化记忆；给出参考的解决方案；考核学生训练结果。
项目做好考核实训评价
总结
认真知识讲解
讲解、讨论、分析法，理解此知识。
演示 听讲讲授 积极思考
浏览认真工具
演示操作讲解
听讲，通过边演示边操作边讲解的教学方式，讲解常用的积极浏览HTML文档的方法。
思考
做好思考
积极认真听讲
《Web编程基础》教案
笔记
团队课堂实践，完成实训任务
巡视，讨论学生实践练习完成操作过程，并得到相应反馈信个别息。
指导，1.学生做中学，教师巡视逐个指导，并监督、验收。
项目2.集中问题集体讲解、评估讨论实训任务的实施过考核程，并进行重点评析，加深印象，强化记忆；给出评价 实训参考的解决方案；考核学生训练结果。
总结
巩固本课时知识点
对此节中的知识点进行归纳：
小结 通过网络教学平台预习新内容
通过网络教学资源平台，预习下一个单元模块的知识。
布置作业 学习平台完成线上预习、讨论、过程性考核
演示归纳认真听取教师做好作，操动手讲解 总结评价
教学反思
版权声明：本文标题：Web编程基础(HTML+CSS)项目实战教程 教案-模块1 网站的设计与策划 _百 内容由网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://www.roclinux.cn/p/1709672292a543051.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论