第7课 网页的数据组织 教案 2023—2024学年浙教版（2023）初中信息技术八年级上册

第7课 网页的数据组织 教学设计 课 题 网页的数据组织 教学目标 1. 通过观察和探究网页代码，认识HTML语言，掌握HTML文档的基本结构，能初步编辑HTML网页代码。 2. 在浏览网页的过程中，能理解超链接的作用。 重难点 教学重点：掌握HTML文档的基本结构。 教学难点：理解超链接的作用。 课前准备 1. 网络教室。 2. 在线应用相关软件或平台。 课时安排 2课时 教师活动 学生活动 设计意图 一、 引入 话题引入：你知道网页是如何实现图片呈现的?超链接能链接哪些类型的文件? 参与讨论 通过话题引导，激发学生学习兴趣，引出本课课题。 二、 新授 1、 HTML语言 （1） 你知道编写网页的语言吗？ 网页设计常用的编程语言主要是HTML、CSS、JavaScript，其他还有JAVA、PHP、PYTHON、SQL、C/C++语言等。 （二）什么是HTML语言吗？ HTML(HyperText Marked Language) 即超文本标记语言，定义了网页内容的结构和内容。用HTML编写的超文本文件称为HTML文件，HTML文件一般通过浏览器解释执行。在使用浏览器访问网页时，浏览器读取并分析HTML文件中的代码，根据解释的结果呈现网页内容。 （三）查看网页代码 活动一：尝试打开 一个自己熟悉的网站，使用浏览器的“开发人员工具”查看，对比观察网页显示内容和对应的HTML代码。 2、 HTML标签 （1） HTML文件的基本结构 （2） 代码理解 （3） 教你一招 活动二：根据小组“人工智能”主题网站的制作方案，用HTML语言编写网页首页的代码，尝试插入主题图片，并调试查看网页。 3、 超链接 （一）什么是超链接？ 超文本链接 (Hypertext Link)简称为超链接，可以实现从一个页面跳转到另一个页面或者跳转到页面的其他位置，实现文档互联、网站互联。在HTML文档中，链接元素可以是文本、图片等。 （2） 超链接的标签 建立超链接的标签为<a></a>, href属性的作用是设置链接的位置，是<a></a>标签必不可少的。 （3） 超链接的标签 （） 说说网页语言 了解HTML语言 学会查看网页代码 完成活动一 学习HTML标签 理解代码 完成活动二 认识超链接 了解网页语言 了解HTML语言 学会查看网页代码 学以致用 认识HTML文本结构 理解代码 学以致用 认识超链接 三、课堂练习 随堂练习 1. 在 一 个HTML 文档中，用来表示网页名称的标签是 和 , 表 示 网 页 主 体 内 容 的 标 签 是 和 。 2. 尝试在网页中加入背景图片。 完成随堂练习 以练习巩固本节课的内容。 四、课堂小 一、HTML语言 二、HTKL标签 三、超链接 $$