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