尝试程序开发（HTML）教案

教学环节

教师活动

学生活动

引入

提问，通过滚动字幕移动方向的设置引出HTML代码修改。

请一个学生演示制作一个滚动字幕

体验

给学生一个网页文件test.htm，要求修改不同部位的标记名或属性值(背景颜色、标题居中、文字大小、颜色等)

观察修改了代码中的什么地方，修改后网页的显示效果相应地有什么变化？

新课

理论

部分

1.HTML代码里面有许多控制代码，是不显示的，它的作用有两个：一是告诉IE，这是一个网页文件；二是告诉IE，这里的内容应该这样显示。

2.HTML文件的基本结构

       ?  表示文件开始

    ……     文件头，文件相关属性设置

    ……     文件体，网页内容主体部分

       ?  表示文件结束

3.HTML的元素书写格式

①.<元素名>文本或超文本元素名>

②.<元素名  属性名＝“属性值”……>文本或超文本元素名>

③.<元素名>

观察、思考、理解网页的显示原理以及和HTML代码的关系。

理解HTML代码显示为网页的原理。

观察并记忆HTML的基本文件结构。

观察、理解、记忆

新课

练习

部分

介绍“学习帮助”网页的使用。

教师巡视，解答问题。

基本：打开IE9.htm，根据作业要求修改相应的HTML代码

提高：打开weapons.htm，据作业要求修改相应的HTML代码

展示作品

小结

引导学生总结学习内容和学习方法。

思考、讨论，回答问题。