第9课 网页数据编码 课件 2024—2025学年浙教版（2023）初中信息技术八年级上册

信息科技八年级上 网页数据编码 第9课 通过了解网页的数据编码，理解网页的数据请求与响应过程；通过体验网页表单，了解网页表单数据交互的过程。 学习目标 2 1、你知道网页是如何实现交互的吗? 2、你知道网页数据有哪些编码方式? 本课探究 3 杭州亚运会比赛项目 1 网页的编码 6 这个界面中包涵了哪些元素？ 网页编码 你知道什么是网页编码？ 网页编码是指用于表示和处理网页文本内容的字符编码方法。文本、图像、音频、视频等数据是通过HTML标签编码组织在网页中，再由浏览器解释并呈现。 8 网页编码 常用的网页编码举例： 文本的段落可以使用标签<p>组织 图像可以使用标签<img/>实现将其插入文本中 多媒体的播放可以使用<audio>、<video>等标签组织，并能设置播放方式 你还知道哪些呢？ 9 2 网页的数据请求与响应 10 网页的数据请求与响应 你知道什么是网页的数据请求与响应？ 网页需要通过请求与响应以获取HTML数据，网页中如有多个媒体数据，则需要多次请求与响应，才能在网页上呈现。 11 网页的数据请求与响应 网页的数据请求与响应： 12 亲身体验：打开杭州第19届亚运会官网，浏览不同页面，体验网页的请求与体验的过程，并记录你的发现 任务二：为了调查时能让其他人更好的填写运动项目，我们可以在网页中插入“杭州亚运会精彩瞬间”这个视频，请同学们仿照图片标签的添加格式，在网页图片下方添加这个视频。 3 网页中的交互 15 网页中的交互 什么是网页中的交互？ 网页中的交互是指用户与网页之间的互动行为，用户可以通过鼠标、键盘或触摸等输入设备与网页进行交互，而网页则会根据用户的操作做出相应的反馈或执行相应的动作。 16 网页中的交互 网页中的交互的形式： 1、点击链接 2、表单交互 3、按钮操作 4、鼠标悬停 5、下拉菜单 6、滚动交互 7、轮播图 8、弹出框和模态框 9、列表排序与过滤 10、拖放交互 17 网页中的交互 创建表单的基本步骤： 1、使用<form>标签创建表单 2、添加表单字段 3、定义表单提交操作 4、处理表单数据 18 网页中的交互 在HTML中，使用<form>标签创建表单元素，它会包裹表单中的各个字段和提交按钮。 19 网页中的交互 常见的表单字段包括： 1、<input type="text">：文本输入框，用于接收用户输入的文本。 2、<input type="password">：密码输入框，用于接收用户输入的密码，显示为密文。 3、<input type="checkbox">：复选框，允许用户选择一个或多个选项。 4、<input type="radio">：单选按钮，允许用户从一组选项中选择一个。 5、<select>和<option>：下拉菜单，允许用户从预定义的选项中选择一个。 6、<textarea>：多行文本输入框，用于接收用户输入的多行文本7、轮播图。 20 网页中的交互 教师演示创建一个包含文本输入框和提交按钮的表单。 21 网页编码 任务三：添加输入班级的文本框。 22 谢谢大家 23 $$