教学目标

知识与技能

1、掌握基本的html语言的结构与特点；

2、掌握主要的html标签；

3、能够修改简单的html代码。

4、体验JavaScript在构成动态网页设计中的应用

过程与方法

1、通过代码的修改，掌握html语言的结构与特点；

2、通过网页的制作，进一步掌握html标签的含义和作用，并认识更多的代码。

情感、态度与价值观

1、 培养学生自主学习思考的能力；

2、培养学生的观察力，注重思维的创新；

重点

Html标签

难点

Html标签

课时

1课时

教学过程

教师行为

学生行为

设计意图

一、HTML知多少

1、组织学生完成小调查，了解学生对html的了解。

2、通过文件属性的修改，初步了解HTML。

3、组织学生通过阅读，进一步了解HTML的相关知识。

1、  请你打开“小调查”快捷方式，完成小调查。

2、  把“yd.txt”另存为“yd.html”,你能发现有变化吗？思考：图片去哪儿了？

3、  阅读小贴士相关内容，并回答以下问题：

（1）HTML是   的缩写？

 （2）猜一猜:<i>是什么标签，它的结束标签为        ？

掌握记事本保存网页的方法，观察掌握html 语言的一些简单规律和特征

二、初识HTML

1、通过与空白网页的对比以及阅读，了解HTML标签的基本特点。

2、通过组织学生代码阅读、制作网页，进一步了解html标签。

1、打开“index.txt”,了解HTML代码最基本的组成，并把它保存为“index.html”，查看变化。

2、请你阅读下列一段代码，并完成填空：

（1）<table></table>是表格标签，上述的代码告诉我们，这是一个（ ）行（ ）列的表格，它的边框粗细为（ ）；它的（  ）为100%，诗句的字体样式：颜色为（    ），大小为（  ）磅。

（2）将这段代码放入“index.html”中适当位置，检查一下你的判断是否正确。

（3）按照样张1编辑网页，查看html代码的变化，并完成连连看。

学习html的相关知识

三、高手进阶：javascript特效

通过学生制作js特效，体验html代码带来的效果，了解学习html代码的必要性。

JavaScript 是因特网上最流行的脚本语言。，利用它，我们可以实现很多特效， 被数百万计的网页用来改进设计、验证表单、检测浏览器、创建cookies，以及更多的应用。JavaScript 很容易使用！你一定会喜欢它的！动手试试看！

弹出窗口特效：利用“弹出窗口.txt”中的代码，添加js特效！

（实现的效果：打开“yd.html”时，弹出“dh.html”）

思考：该代码中执行的语句是哪一句？

2、其他特效

请利用“特效”文件夹中提供的特效给你的网页添加更多的特效。

3、更多学习网站

W3school网站:    http://{域名已经过期}/index.html

{域名已经过期}网站：http://{域名已经过期}/

培养学生自主探究的能力

四、温故知新

组织学生对知识点进行小结

完成温故知新上的习题。

小结，温故知新

五、课后反思

  本节课在设计的时候就是尽量减少学生的输入等简单的操作，主要是让学生理解HTML的基本概念和其属性的修改，并且通过js效果的制作，体验到html给网页制作带来的优越性，但是在教学的过程中，学生的自主学习能力还是存在着问题，他们还是习惯老师讲什么，他们做什么，但是不能放弃，接下来的过程还是努力培养他们的自主学习能力！