新手入门——网站欣赏与创建网页
一、教材与学生分析
该教学内容为清华大学出版社出版的《信息技术》初中二年级下册第一单元《初建网站》的第一节。本节主要内容为二部分一是通过欣赏站点使学生了解和掌握网页设计与网站制作的基本知识二是使用记事本作为网页编辑工具来编辑HTML代码并生成网页。本课作为网站制作的起始课应确保每个学生都有一个好的开始这样才能激发学生学习网页制作的兴趣为今后学习打下良好的基础。
初二年级学生在学习网站制作之前已经接触过网站浏览过各式各样的网页。有少数学生只是在信息技术课堂上接触过计算机更没有条件接触网络。由于学生的操作水平悬殊很大在教学过程中即要考虑操作生疏的学生的接受能力又要保护操作熟练学生的学习积极性。
二、教学目标
知识与技能掌握浏览网页的方法掌握互联网、网站、网页、首页等术语的含义 以及它们之间的关系学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。
过程与方法通过让学生浏览并介绍他们感兴趣的优秀网站让学生掌握浏览网页的方法。结合启发、设问、打比喻等方法使学生尽可能地自己总结出相关知识。通过打字比赛让学生积极的录入HTML代码。让学生在此过程中初步认识HTML语言。在修改文档的过程中探索标签的含义及其与属性值的对应关系。
情感态度与价值观培养学生的自学探究能力、合作竞争意识和创新精神引导学生正确地理解网络用途充分地利用网络为学习服务。
三、教学重难点
重点掌握互联网、 网站、 网页、首页等术语的含义 以及它们之间的关系。
难点学会使用记事本作为网页编辑工具来编辑HTML代码并生成网页。
四、 教学过程
一 、激发兴趣导入课题
师你们最喜欢的在线小游戏网站是什么
有好几个平时比较活跃的学生把手高高的举起来了还有好几个已经在流利的说初他们喜欢的网站。甚至还有两个学生在为哪一个网站更好玩争论起来。
师请那个手举得最高的同学告诉我.
生 4399
师你能把这个网站打开给大家看一下吗
用电子教室软件选择学生演示。学生很熟练的打开了该游戏网站。但在打开网页的时候有几个活跃的学生在议论。
师我来猜猜你们在说什么是不是还有其他的浏览网页的方法呢
生1可以在百度搜然后点击需要的网页就可以了。
生2还可以用导航网页直接点击打开。
师非常棒这节课我们通过欣赏网站来了解一些网页设计和网站制作的基本知识。
设计意图通过小游戏网站讲解浏览网页的方法吸引所有学生的注意力从而提高了学习兴趣。如果不讲解打开网页的方法会有一部分学生产生疑问但是如果由老师演示基础好的学生会因为太简单而失去学习动力所以我选择让学生演示。这样安排既照顾到不经常接触网络的学生又给操作熟练地学生一个展示自己的机会。
二 、 自主探究形象概括
师现在请大家打开IE浏览器浏览“学生科技网” 网址书上有
学生很快按照书上的网址打开了“学生科技网” 并且不停地点击鼠标浏览网页上的信息。
师我听到大家点击鼠标的声音看得出来大家都看得很仔细。老师经常可以听到你们议论互联网、网站、网页、首页他们的含义是什么不太清楚的可以在网上查一下注意他们之间的联系与区别。
在学生查找信息的时候教师迅速把这几个术语写到黑板上。
师查到的同学能用简短的语句概括一下吗
生1互联网是全球范围内的计算机互联网络 是一个巨大的信息资源宝库。
生2互联网上我们能看到的一个页面就叫做网页。
生3 许多相互关联的网页构成了网站。
生4首页是进入网站看到的第一个网页是网站的门面。
师 网页由哪些元素组成
生1 网页主要有文本、 图像。
生2动画音频、视频
生3表格
师 小组讨论互联网、 网站、 网页、首页之间有怎样的关系能不能用比喻的方式说出他们之间的关系请各个小组长来概括。
各小组经过讨论说出了各自的看法但都只概括了两个或三个。
师谁能结合各小组形象的小比喻概括一下他们之间的关系
生我把“互联网”比作大商场进了商场才能购物。把“网站”比作商场里的店铺把“网页”比作店铺里的柜台把首页比作店铺华丽的门面。
同学们给予这位同学非常热烈的掌声。
设计意图
让学生借助网络自主学习能调动学生的学习积极性让所有的学生参与到学习中。把抽象的理论用简单的语言概括后再让学生用比喻的方法来理解互联网、网站、网页、首页之间有怎样的关系这样使深奥的理论知识变得通俗易懂。
三打字比赛录入代码
师在互联网上我们看到大量制作精美、功能强大的网站。这么多网站有没有一个网页真正属于你自己
生没有。
师 同学们想不想有一个真正属于自己的网页呢
生想
学生有些兴奋下面有一点议论声。
师今天我们就用最简单的记事本来制作出你的第一个网页。小学就学过记事本吧请一个同学来告诉大家如何启动记事本。
生 “开始” “程序” “附件” “记事本”
师非常棒大家现在启动记事本。有问题的同学可以请小组长帮忙。
学生很快都启动了记事本。教师在巡视的时候故意大声问一位同学“你们班谁打字速度最快 ”几个大胆的同学报出了几个名字大家又再为谁更快而争论声音越来越大。
师到底谁更快我们比一比不就知道了吗我们现在就来“打字比赛” 。打什么呢现在大家把书翻到第4页开始录入图1.5的文档所有内容。谁先录入完就举手告诉老师由老师检查后宣布名次。听明白规则了吗
生 明白了
大家非常兴奋 已经有几个同学开始录入了。
师 比赛开始
设计意图按照教参这一部分让学生复制粘贴代码即可但是这样学生不会去读代码而且复制粘贴操作过于简单对基础较好的学生来说没有参与的动力。让学生用比赛的方式录入HTML代码可以提高学生学习积极性并且能够初步认识HTML语言的结构。另外对学生而言 自己录入的代码比复制粘贴来的代码更有吸引力能为接下来修改代码部分的学习做好铺垫。
四 、统一进度生成网页
不到五分钟的时间已有一个学生非常兴奋地站起来高高举着手大喊“老师我打完了”我大声的宣布“***同学第一名 ”旁边学生投来羡慕的目光并低头抓紧时间录入。七分钟左右的时候前十名的名单已经出来了。
师请同学们用热烈的掌声鼓励我们班的前十名
此时教师用电子教室软件把录入好的代码分发给学生。
师 由于时间关系请还没有录入完的同学复制并粘贴代码。大家以first为文件名保存文档在你的作业文件夹内。你的第一个网页就制作完成了
生啊老师这就是我们的网页
师别着急 网页的确做好了我们马上要看到自己的网页啦
生老师怎么看 有两个学生迫不及待地问我
师将文档另存为f irst.HTML。
教师将文件名写在黑板上。
师另存好以后打开f irst.HTML文档看看
生哇老师我的网页出来了
看到有好几个学生很快把手举起来旁边的同学看到他们的网页。不会的开始向旁边同学请教。三分钟的时间所有的学生都生成了自己的网页。
设计意图 由于时间关系不可能等所有的学生把代码录入完毕后再讲如何生成网页但如果直接往下讲有一部分同学可能会因为没有录完代码而跟不上新内容的学习。教师把代码发下去基础不好的同学可以通过复制粘贴代码和其他同学统一进度继续学习。 教师的讲解 留给学生更多的自主时间在操作中感受扩展名对文件的影响。
五 、推波助澜拓展延伸
教师演示作比较引导学生思考扩展名对文件的影响既包括其对文件图标的影响也包括调用应用程序的影响并引出HTML语言。
师刚才大家录入的代码就是HTML语言它一直被用作WWW的信息表示语言。请同学们仔细观察你们的代码 HTML语言有什么特点
生都是“成对”出现的。
有的学生在笑。
师对那几个“成对”出现的代码叫标签。每个标签的含义都不一样对照你的网页大家能不能猜出这些标签的含义现在因为代码都相同所以大家的网页都是一样的。是不是觉得这个网页不是完全属于自己大家试着通过修改、添加、删除代码让自己的第一个网页和别人的都不同。
设计意图教师的分析点到为止引导学生自主探索标签的含义及其与属性值的对应关系。如果直接讲解然后让他们修改大部分学生会因为觉得没有挑战性而降低了学习的积极性。这同时是对课本“创作天地”板块中的练习。
在修改代码的时候我听到有学生在问旁边同学“粉色的英文单词怎么写 ” 。
师单词不会写了上网查啊
设计意图原本我已经在网上查好了各种颜色的英文单词可以直接分发给学生但我想趁此机会引导他们正确认识网络的用途并充分地利用网络为学习服务。
五分钟过后有改字体颜色的、有添加文字的、有改变字体的同学们的网页都各有不同。
师下面请各小组成员看一下本组成员是如何修改的 以便借鉴修改。
在小组分享制作成果的过程中课堂气氛特别活跃。
师请同学们保存并提交你的第一个网页。
在作业上传的过程中教师挑出几个比较有代表性的网页请学生为大家讲解HTML标签的含义教师稍作补充即可 。
设计意图本课是学生第一次上传网页因此要着力培养学生养成在保存网页至本地磁盘然后将文件提交到教师机的习惯。这不仅便于教师评价更便于学生之间互评。学生可以通过比较作品体验创造的快乐并且反思自身作品迸发灵感二次创作这样在整个班级中将会产生更多的富有创意的优秀作品。
五、教学反思
一 、与曾经的课堂作比较
曾经因为总是顾虑有一部分学生基础不好我又想让每一个学生都能有一个好的开始所以我选择以面面俱到教师演示的方式上过本节课。一堂课下来基础好的学生在不停地做小动作。特别是HTML代码部分我准备了课件详细列举了各标签的含义认真讲解标签的含义及其与属性值的对应关系。一节课下来我感觉非常累而且教学效果不太理想。
这次的教学我几乎没有进行演示讲解让学生充分利用已经具备的技能去尝试解决新问题结合启发、设问、打比方等方法使学生尽可能地自己总结出相关知识给学生提供创造的空间从而变被动学习为主动探究。利用学生演示和拓展延伸部分实施分层教学让部分基础较好的学生在完成基本任务之后也能有事可做给学生创造展示和提高自己的空间。学生在课堂上配合默契课堂气氛比较活跃学生参与的积极性非常高我感觉很轻松就达到了预期的教学目标。
二 、创新之处
1、用游戏网站导入课题
通过小游戏网站讲解浏览网页的方法吸引了所有学生的注意力并且提高了学生学习兴趣。用小游戏做“诱饵” 如果哪组表现得好进行奖励。
2、打字比赛的安排
用比赛的方式录入HTML代码让所有的学生都参与到学习中去。录入代码的过程也是学生初步认识HTML语言的结构的过程。我发现对学生而言 自己录入的代码比复制粘贴来的代码更有吸引力这为讲解枯燥的标签含义及其与属性值的对应关系部分扫除了障碍。
3、让学生利用网络自学
在概括基本概念和查找颜色英文单词环节中课前我已经整理好了相关资料可以直接“把食物端给学生” 。但对学生而言直接“端上来的食物” 没有自己“寻找到的食物”有诱惑力所以我引导学生使用网络自己查找趁此机会引导他们正确认识网络的用途并充分地利用网络为学习服务。
三 、意外收获
本课堂实践使我体会到学生的自学能力是无穷的。有时我们在课堂上没打算讲的小细节他们都能发现。例如本节课让部分学生讲解代码标签含义的时候一个学生尽然提到了“<HR>是一条直线” 。所以在今后的教学中我会尽可能多的给学生提供展示和提高自己的空间相信每节课都会有意外收获。
georgedatacenter这次其实是两个促销,一是促销一款特价洛杉矶E3-1220 V5独服,性价比其实最高;另外还促销三款特价vps,georgedatacenter是一家成立于2019年的美国VPS商家,主营美国洛杉矶、芝加哥、达拉斯、新泽西、西雅图机房的VPS、邮件服务器和托管独立服务器业务。georgedatacenter的VPS采用KVM和VMware虚拟化,可以选择windows...
触碰云怎么样?触碰云是一家成立于2019年的商家。触碰云主营香港/美国 VPS服务器、独立服务器以及免备案CDN。采用的是kvm虚拟构架,硬盘Raid10,Cn2线路,去程电信CN2、移动联通直连,回程三网CN2。最低1核1G带宽1M仅20.8元/月,不过这里推荐香港4核4G15M,香港cn2 gia线路云服务器,仅115.2元/月起,性价比还是不错的。点击进入:触碰云官方网站地址触碰云优惠码:优...
RackNerd 商家给的感觉就是一直蹭节日热点,然后时不时通过修改配置结构不断的提供低价年付的VPS主机,不过他们家还是在做事的,这么两年多的发展,居然已经有新增至十几个数据中心,而且产品线发展也是比较丰富。比如也有独立服务器业务,不过在他们轮番的低价年付VPS主机活动下,他们的服务器估摸着销路不是太好的。这里,今天有看到RackNerd商家的独立服务器业务有促销。这次提供美国多个机房的高配独立...