1、教学内容第9课:网页的数据编码课时1课时教学目标1. 通过了解网页的数据编码,理解网页的数据请求与响应过程。2. 通过体验网页表单,了解网页表单数据交互的过程。教学重点了解网页的数据编码,理解网页的数据请求与响应过程。教学难点通过体验设置网页表单,了解网页表单数据交互的过程。教学准备1.网络教室。教学过程教学版块教师活动学生活动设计意图话题引入你知道网页是如何实现交互的吗?你知道网页数据有哪些编码方式?小组讨论,上网搜索信息。通过话题引导,激发学生学习兴趣,引出本课课题。应用体验一、 网页的编码活动一:了解网页编码播放视频了解网页编码,完成作业一配对将数据类型与标签配对学习常见的网页编码通过活
2、动一,简单的配对,让学生了解常见的网页编码。应用体验二、 网页的数据请求与响应(一) 网页的数据请求与响应的概念网页需要通过请求与响应以获取HTML数据,网页中如有多个媒体数据,则需要多次请求与响应,才能在网页上呈现。(二) 网页的数据请求与响应活动二:使用标签添加图片文件。学习网页的数据请求与响应通过活动二,学生学会通过标签添加文件。小组合作,应用体验三、 网页中的交互(一) 网页中交互的概念网页中的交互是指用户与网页之间的互动行为,用户可以通过鼠标、键盘或触摸等输入设备与网页进行交互,而网页则会根据用户的操作做出相应的反馈或执行相应的动作。(二) 网页中的交互形式点击链接、表单交互、按钮操
3、作、鼠标悬停、下拉菜单、滚动交互、轮播图、弹出框和模态框、列表排序与过滤、拖放交互活动三:制作调查家庭使用人工智能设备的网页小组讨论:创建表单需要哪些步骤?使用标签创建表单添加表单字段定义表单提交操作、处理数据连一连:常见的表单字段和功能教师演示AI应用小调查表单小组讨论创建表单的基本步骤,仿造教师的演示,共同完成活动三:制作调查家庭使用人工智能设备的网页通过展示各组的作品,激发学生的成就感。自主评价,课堂小结问:这节课你收获了什么?教师总结。学生对自己本节课表现打星评价。学生回答。学生完成自评通过自评,发现自身的优点和不足。板书设计一 1、网页的编码2、 网页的数据请求与响应3、 网页中的交互教学反思