浙教版信息科技八上第9课 网页数据编码 教案.docx

第9课网页数据编码教学设计课题网页数据编用教学目标1 .通过了解网页的数据编码，理解网页的数据请求与响应过程。2 .通过体验网页表单，了解网页表单数据交互的过程。重难点教学重点：了解网页的数据编码，理解网页的数据请求与响应过程。教学难点：通过体验设置网页表单，了解网页表单数据交互的过程。课前准备1.网络教室。2.在线应用相关软件或平台。课时安排1课时教师活动学生活动设计意图引入话题引入：你知道网页是如何实现交互的吗?你知道网页数据有哪些编码方式？参与讨论通过话题引导，激发学生学习兴趣，引出本课课题。新授一、网页的编码（一）你知道什么是网页编码？网页编码是指用于表示和处理网页文本内容的字符编码方法。文本、图像、音频、视频等数据是通过HTM1标签编码组织在网页中，再由浏览器解释并呈现。（二）常用的网页编码举例文本的段落可以使用标签vp组织；图像可以使用标签Vimg/实现将其插入文本中；多媒体的播放可以使用VaUdi0、VVideo等标签组织，并能设置播放方式。二、网页的数据请求与响应（一）你知道什么是网页的数据请求与响应？网页需要通过请求与响应以获取HTM1数据，网页中如有多个媒体数据，则需要多次请求与响应，才能在网页上呈现。（二）网页的数据请求与响应学习网页编码学习常见的网页编码学习网页的数据请求与响应了解网页编码了解常见的网页编码了解网页的数据请求与响应护端（谀阳器）服务镰httpCArver应用程序将请求按f的规定组1Ohttp请求IhttP协议I成请求格式1二解析HtHM<3-1漫辑攵理数敲Etcp协议http响应V将数据安照httpI过据V发送舌动一:、网页（一网页1鼠标、S用户的电（二（1、d2、H3、A4、夕在HT-1使用Vimg/标签添加图中的交互什么是网页中的交的交互是指用户与网5聿盘或触摸等输入设备上M乍做出相应的反馈或力）网页中的交互的光1、点击链接2、表单交互3、按钮操作4、鼠标悬停5、下拉菜单6、滚动交互7、轮插图8、弹出框和模态框9、列表排序与过滤10、拖放交互）创建表单的基本步用form标餐创建卜加表单字段七义表单枪交揖作2JI*单数据M1中，使用Vfe）rm标W怫议组格式片文*互？1之间E洞页i行相出骤：*单赛创建只成响应卜再尝内互动彳先行交一立的动4表单元;试使用其他标签。厅为，用户可以通互，而网页则会根乍。素，它会包裹表单完成活动学习网页中的交互学习网页中的交互形式学习创建表单的步骤学以致用了解网页中的交互了解网页中的交互形式了解创建表单的步骤中的各个字段和提交按钮。<for>无隼字或愈曼戈按翅可以Jg在这里<fB>（四）常见的表单字段包括：1、<inputtype="text,'>:文本输入框，用于接收用户输入的文本。2、<inputtypc="passwordn>:密码输入框，用于接收用户输入的密码，显示为密文。3、<inputtype="chcckbox,'>:复选框，允许用户选择一个或多个选项。4、<inputtype=nradio,'>:单选按钮，允许用户从一组选项中选择一个。5、VSeIeCt>和VOPtiOn>：下拉菜单，允许用户从预定义的选项中选择一个。6、<textarea>:多行文本输入框，用于接收用户输入的多行文本7、轮播图。（五）教师演示创建一个包含文本输入框和提交按钮的表单。学习常见的表单字段完成活动了解常见的表单字段学以致用<form><inputtype="textoname"username"><inputtype="submit"va1ue="Submit"><form>活动二：制作一张调查家庭使用人工智能设备的网页。一一一课堂练习随堂练习1.制作一张调查家庭使用人工智能设备的网页。完成随堂练习以练习巩固本节课的内容。以课堂小结一、网页的编码二、网页数据的请求与响应三、网页中的交互