HTML基础设计教案

《HTML基础设计教案》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第十三周课堂教学教案南宁二十八中学陈锐熙-5–第六章HTML代码基础教案编写日期：2011年11月20日授课时间：2011年11月21日-25日授课班级：高二3-8班授课地点：高中微机教室第六章HTML代码基础§1.1HTML语言指导思想与理论依据：HTML语言基础广西科学技术出版社《信息技术高中第三册》第一单元第六章——“了解一点HTML”的入门知识，HTML语言是超文本标记语言的缩写(HyperTextMarkupLanguage),它是网页设计中应用最广泛的一种语言，也是网页制作中学生感到最头疼难学的一个内容。掌握html语言基础会让动态网页制作的学习事半功

2、倍，因而本部分知识显得非常重要，因此在本节课程的教学中，结合新课标及教材的特点，采用多种教学法结合方式（启发式教学法、任务驱动法、演示法等等...），激发学生学习兴趣，尤其是注重对学生的引导，采用任务驱动方式教学，引导学生通过自主学习平台自主学习从而提高学生的学习效率，本节内容是在学生已经掌握了利用FRONTPAGE制作普通网页的基础上，对网页语言的深入学习。学情背景分析：本节之前，学生已经学习了如何利用FrontPage进行网页以及网站的制作，但是对于网页的认识还知识停留在页面的直观设计上，缺少对HTML代码的认识。本节课主要对学生讲述HTML的基本概念，为学生

3、培养良好的代码结构意识打下基础。在本节课程的教学中，结合新课改的理念，采用创设情境演示教学的方法，激发学生学习兴趣，采用任务驱动方式教学，引导学生通过自主学习平台自主学习从而提高学习效率。教学目标知识与技能：1、掌握HTML基本概念、格式，理解其与网页的关系；2、掌握基本的HTML标签的作用与用法；过程与方法：通过对简单网页html代码的观察对和html语言的基本结构进行自我概括，掌握HTML文件的基本结构，能够明确HTML语言的结构和特点，并能在实验的过程中尝试自我修改。情感态度价值观：本课主要锻炼学生分析能力，语言构成能力。在相应的实验中，还能提升学生自主探究

4、、自我学习的能力。教学重点：HTML标签的基本用法及其意义教学难点：HTML主要标签属性的具体意义及使用教学方法：任务驱动法（引导学生自主学习）、演示法（激发学生学习兴趣）、上机操作实习法（精讲多练）、联系对比法（化难为易，照葫芦画瓢）教学媒体：教材、多媒体课件、电脑等教学过程：教学内容及知识点教师活动学生活动备注HTML与网页的关系前面的课程中我们都自己动手制作了自己的网站，我们知道网页上所包含的信息内容是丰富的，有文字、图片、动画、音频、视频（和同学一起回顾）下面我们来做个实验。上网查看任意一个网站的源文件。思考：网页的本质是？利用“IE”“查看”菜单中“查看

5、源文件”学生在老师的引导下通过老师的演示试验理解网页与HTML的关系。授课教师：陈锐熙（南宁二十八中）第十三周课堂教学教案南宁二十八中学陈锐熙-5–第六章HTML代码基础HTML与网页的关系小结：无论是我们做的简单网页，还是包罗万象、功能强大的大型的网站，亦或包含动画、声音、电影等多媒体信息的精美网页，它们的源文件都是HTML代码。什么是HTML代码呢？是用一种网页编写语言HTML语言编写的代码，那什么是HTML语言呢？这种语言与网页有什么关系，它有什么特征？如何用HTML语言设计网页代码？的功能查看各种网页代码。大家认真观察并思考一下：这些代码有什么特点？它与我

6、们的网页有什么关系？通过老师的演示试验活动形成自我体验。培养学生的观察与自我探究能力。利用幻灯片展示教学目标：1、掌握HTML概念，及其与网页的关系；HTML基本结构及四个基本标识利用幻灯片展示HTML的概念。现在让我们一起来看看一个空白的网页是否有HTML代码，如果有，它们有些什么规律。（利用FRONTPAGE制作一张空白的网页，并查看源代码。）一个完整网页的HTML结构基本结构标签Html标记：头部信息：

7、head>主体标记：HTML语言的特点：1、包含在<标签名>中的标签语言；2、大多成对出现，以<标签名>开始，以结束;3、书写上不区分大小写，可以在同一行也可不在同行，中间留空不限四大基本标示的功能：一、……学生结合刚才的活动和老师一起学习HTML，思考一张空白的网页怎么也会有学多代码呢？利用FRONTPG自动生成HTML的功能，查看网页代码，为下面的自学铺垫。利用幻灯片展示教学目标：2、掌握HTML特点及其主体结构；3、掌握常见HTMLTAG（标签）的作用与用法；4、能看懂普通网页的源代码，并能根据

8、要求在文本