授课日期
第    周星期 二、三 
第    节
授课班级
初二级
章节或课题
认识标记语言HTML
目标与要求
1、 了解超文本标记语言的作用
2、 认识HTML文档的基本结构
3、 认识常见的HTML标识
重点与难点
重点：认识HTML文档的一般结构
难点：阅读简单的HTML文档
授课课时
1节时
授课类型
新授课
一、 通过问题导引：简单介绍什么是HTML，HTML的作用是什么
二、 观察范例的源代码，认识几个简单的HTML标记以及了解其含义
三、 交流讨论，归纳三个范例文件HTML文档的结构异同
四、 归纳HTML文档的基本结构
教学后记：
教案用纸
20 —20 学年度第 二  学期
年级：初二级      科目：信息技术
将html代码显示为文本
教 学 过 程
一、 问题导引
同学们在交面的学习中已经基本实现了各个网页的制作，可是，为什么网页在被浏览时能够把我们所设计的网页元素呈现出来呢？
还有我们经常在浏览网站时看到一些非常精彩的网页特效，它们是怎样实现的呢？
其实秘密就在于一种被叫做“超文本标记语言”的代码中，这节课我们就是要来探询这些代码，揭开网页的庐山真面目。
打开范例网站的首页，在浏览器中点击菜单“查看”→“源文件”，你看到了什么
二、 作用阐述
  上面我们在网页源文件中看到的代码其实就是用超文标记语言HTML所编写的。我们之前利用FrontPage为网页添加了许多元素，其实FrongPage还在幕后为它们分别添加了相应的HTML代码，然后浏览器会对这些代码进行解释并把我们添加的网页元素显示出来。
[学生活动]
了解作用
教 案 用 纸
教 案 用 纸
教 学 过 程
以教材内容为线索，分别让学生在FrongPage的HTML视图窗口中打开光盘中的案例：2-1.htm、2-2.htm、2-3.htm。通过观察和分析案例，认识几种简单的HTML标识。
[学生活动]
观察、分析案例，通过阅读HTML文档并与浏览结果作对比，参照教材，了解几种常用的简单HTML标识的含义：〈html〉、〈/html〉、〈head〉、〈title〉、〈/title〉、〈body〉、〈/body〉等。
引导学生对比这3个案例中的HTML代码，出其异同。
引导学生彼此交流和共享分析所得的结果
引导学生在前面分析的基础上，归纳出HTML文档的基本结构
三、 归纳小结
1、 平时看到的五彩缤纷的网页画面，其实都是用HTML代码进行标记的，浏览器对这些标记进行解释，才最后呈现在我们面前，
2、 HTML标记语言的超文本功能，把网页与网页链接在一起形成网站。
想学习更多HTML的知识，设计更精彩的网页，我们可以上网或查阅相关的书籍
教 案 用 纸
教 学 过 程
教 案 用 纸
教 学 过 程

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。