新手入门——网站欣赏与创建网页

新手入门——网站欣赏与创建网页

一、教材与学生分析

该教学内容为清华大学出版社出版的《信息技术》初中二年级下册第一单元《初建网站》的第一节。本节主要内容为二部分：一是通过欣赏站点，使学生了解和掌握网页设计与网站制作的基本知识；二是使用记事本作为网页编辑工具来编辑HTML代码并生成网页。本课作为网站制作的起始课，应确保每个学生都有一个好的开始，这样才能激发学生学习网页制作的兴趣，为今后学习打下良好的基础。

初二年级学生在学习网站制作之前已经接触过网站，浏览过各式各样的网页。有少数学生只是在信息技术课堂上接触过计算机，更没有条件接触网络。由于学生的操作水平悬殊很大，在教学过程中即要考虑操作生疏的学生的接受能力，又要保护操作熟练学生的学习积极性。

二、教学目标

知识与技能：掌握浏览网页的方法；掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系；学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

过程与方法：通过让学生浏览并介绍他们感兴趣的优秀网站，让学生掌握浏览网页的方法。结合启发、设问、打比喻等方法，使学生尽可能地自己总结出相关知识。通过打字比赛，让学生积极的录入HTML代码。让学生在此过程中，初步认识HTML语言。在修改文档的过程中，探索标签的含义及其与属性值的对应关系。

情感态度与价值观：培养学生的自学探究能力、合作竞争意识和创新精神；引导学生正确地理解网络用途，充分地利用网络为学习服务。

三、教学重难点

重点：掌握互联网、网站、网页、首页等术语的含义，以及它们之间的关系。

难点：学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。

四、教学过程

（一）、激发兴趣，导入课题

师：你们最喜欢的在线小游戏网站是什么？

有好几个平时比较活跃的学生把手高高的举起来了，还有好几个已经在流利的说初他们喜欢的网站。甚至还有两个学生在为哪一个网站更好玩争论起来。

师：请那个手举得最高的同学告诉我.

生： 4399

师：你能把这个网站打开给大家看一下吗？

用电子教室软件选择学生演示。学生很熟练的打开了该游戏网站。但在打开网页的时候有几个活跃的学生在议论。

师：我来猜猜你们在说什么？是不是还有其他的浏览网页的方法呢？

生1：可以在百度搜，然后点击需要的网页就可以了。

生2：还可以用导航网页直接点击打开。

师：非常棒！这节课我们通过欣赏网站，来了解一些网页设计和网站制作的基本知识。

设计意图：通过小游戏网站讲解浏览网页的方法，吸引所有学生的注意力，从而提高了学习兴趣。如果不讲解打开网页的方法，会有一部分学生产生疑问，但是如果由老师演示，基础好的学生会因为太简单而失去学习动力，所以我选择让学生演示。这样安排既照顾到不经常接触网络的学生，又给操作熟练地学生一个展示自己的机会。

（二）、自主探究，形象概括

师：现在请大家打开IE浏览器，浏览“学生科技网”，（网址书上有）

学生很快按照书上的网址，打开了“学生科技网”，并且不停地点击鼠标浏览网页上的信息。

师：我听到大家点击鼠标的声音，看得出来大家都看得很仔细。老师经常可以听到你们议论互联网、网站、网页、首页，他们的含义是什么？不太清楚的可以在网上查一下，注意他们之间的联系与区别。

在学生查找信息的时候，教师迅速把这几个术语写到黑板上。

师：查到的同学能用简短的语句概括一下吗？

生1：互联网是全球范围内的计算机互联网络，是一个巨大的信息资源宝库。

生2：互联网上我们能看到的一个页面就叫做网页。

生3：许多相互关联的网页构成了网站。

生4：首页是进入网站看到的第一个网页，是网站的门面。

师：网页由哪些元素组成？

生1：网页主要有文本、图像。

生2：动画，音频、视频

生3：表格

师：小组讨论互联网、网站、网页、首页之间有怎样的关系？能不能用比喻的方式说出他们之间的关系？请各个小组长来概括。

各小组经过讨论，说出了各自的看法，但都只概括了两个或三个。

师：谁能结合各小组形象的小比喻，概括一下他们之间的关系？

生：我把“互联网”比作大商场，进了商场才能购物。把“网站”比作商场里的店铺，把“网页”比作店铺里的柜台，把首页比作店铺华丽的门面。

同学们给予这位同学非常热烈的掌声。

设计意图：

让学生借助网络自主学习，能调动学生的学习积极性，让所有的学生参与到学习中。把抽象的理论用简单的语言概括后，再让学生用比喻的方法来理解互联网、网站、网页、首页之间有怎样的关系，这样使深奥的理论知识变得通俗易懂。

（三）打字比赛，录入代码

师：在互联网上我们看到大量制作精美、功能强大的网站。这么多网站，有没有一个网页真正属于你自己？

生：没有。

师：同学们想不想有一个真正属于自己的网页呢？

生：想！

学生有些兴奋，下面有一点议论声。

师：今天我们就用最简单的记事本来制作出你的第一个网页。小学就学过记事本吧？请一个同学来告诉大家如何启动记事本。

生：“开始”“程序”“附件”“记事本”

师：非常棒！大家现在启动记事本。有问题的同学可以请小组长帮忙。

学生很快都启动了记事本。教师在巡视的时候故意大声问一位同学“你们班谁打字速度最快？”几个大胆的同学报出了几个名字，大家又再为谁更快而争论，声音越来越大。

师：到底谁更快，我们比一比不就知道了吗？我们现在就来“打字比赛”。打什么呢？现在大家把书翻到第4页，开始录入图1.5的文档所有内容。谁先录入完就举手告诉老师，由老师检查后宣布名次。听明白规则了吗？

生：明白了！

大家非常兴奋，已经有几个同学开始录入了。

师：比赛开始！

设计意图：按照教参，这一部分让学生复制粘贴代码即可，但是这样学生不会去读代码，而且复制粘贴操作过于简单，对基础较好的学生来说没有参与的动力。让学生用比赛的方式录入HTML代码，可以提高学生学习积极性，并且能够初步认识HTML语言的结构。另外，对学生而言，自己录入的代码比复制粘贴来的代码更有吸引力，能为接下来修改代码部分的学习做好铺垫。

（四）、统一进度，生成网页

不到五分钟的时间已有一个学生非常兴奋地站起来，高高举着手大喊：“老师我打完了！”我大声的宣布“***同学第一名！”旁边学生投来羡慕的目光，并低头抓紧时间录入。七分钟左右的时候，前十名的名单已经出来了。

师：请同学们用热烈的掌声鼓励我们班的前十名！

此时教师用电子教室软件把录入好的代码分发给学生。

师：由于时间关系，请还没有录入完的同学复制并粘贴代码。大家以first为文件名保存文档在你的作业文件夹内。你的第一个网页就制作完成了！

生：啊？老师这就是我们的网页？

师：别着急，网页的确做好了，我们马上要看到自己的网页啦！

生：老师怎么看？（有两个学生迫不及待地问我）

师：将文档另存为first.HTML。

教师将文件名写在黑板上。

师：另存好以后，打开first.HTML文档看看？

生：哇，老师我的网页出来了！