1、本网站免费注册后即可以下载,点击开通VIP会员可无限免费下载!
2、资料一般为word或PPT文档。建议使用IE9以上浏览器或360、谷歌、火狐浏览器浏览本站。
3、有任何下载问题,请联系微信客服。
扫描下方二维码,添加微信客服
《第三节尝试开发技巧》教案优质课下载
3、能够对简单的HTML代码进行阅读、编辑修改。
(二)、过程与方法:
1、通过观察、对比,发现HTML文件的基本结构
2、通过观察、小组合作探究,初步了解各元素的基本功能,了解元素的三种表示方法。
3、对网页代码进行简单的修改,巩固、强化HTML文档的基本结构及各元素的功能。
(三)、情感态度与价值观:
1、培养学生观察、对比、发现、自主学习、自主探究的学习能力、动作操作能力及创作能力。
2、培养学生团队合作的精神。
教学重点:
掌握HTML文件基本结构及各元素的基本功能。
教学难点:
掌握HTML各元素的基本功能,并对HTML代码进行简单的修改。
教学过程:
教学环节教学过程设计意图教师活动学生活动引入新课1、同学们,我们生活在网络的时代,在学习和生活中都离不开网络,下面请同学们打开自己最有意义最感兴趣的网站。
2、这些网站中的页面是如何做到的呢?今天,老师将带领同学们来一探究竟。
3、请同学们在网页的的空白处点击鼠标右键,在菜单中左键单击“查看源文件”,大家都看到了什么?
4、这些乱乱的代码与我们看到的网页有什么关系呢?聆听、思考、回答教师问题。
操作、观察、思考通过学生平日里最感兴趣的网站浏览开始,引出网页,并打开“源代码”,从中初步感受一下网页与代码之间的关系。HTML文件的基本结构1、请同学们双击教师刚刚传送给你们的“网页”目录中的文件(王选简介),大家看到了什么?(纯文文件)默认是用什么程序打开的?
2、将发送给大家的”王选简介.txt”扩展文件名.txt改为.html,确定,然后再双击,我们又看到了什么?
3、请同学们在打开王选简介网页的空白处,单击右键,点击“查看源文件”,此时看到的和我们开始打开的.txt文件是否一致?
(网页由代码编写,纯文本文件,可由windows记事本打开编辑)
4、网页既然由代码编写,又是如何编写,HTML文件的基本结构又是怎样的呢?(从王选简介网页的源文件中寻找、发现规律。)
5、对学生发现的规律进行板书。
6、课件展示HTML文件的基本结构。观察、对比、思考、记录、整理,述说自己的发现。
学生相互补充。通过查看教师传送的两个网页的“源文件”,并从中观察、发现有哪些共同的元素。总结、归纳HTML文档的结构。对代码进行试修改,感知元素的功能1、对比源文本文件中的文字内容与网页呈现的内容,网页呈现的内容在源文本文件中的哪些位置。我们试修改一下内容,保存,然后再刷新一下网页,看看有哪些变化?(修改的什么?呈现结果?猜其功能?)