高一信息技术教学设计案例——网站和网页

高一信息技术教学设计案例——网站和网页望都职教中心岳彦良【知识点的相互衔接】与初中“网页制作”部分和高中“网页的设计和制作”模块衔接【本课教学法提点】小组合作探究学习1．模块：高中信息技术基础2．年级：高中一年级3．所用教材版本：电子工业出版社4．建议学时数：非上机时间20分钟，上机操作时间25分钟[案例背景]在信息社会，将会有越来越多各种各样的资源以网页的形式保存在因特网上的服务器中，人们也更为主动地利用因特网，在让每一位上网的人都享受着网页方式信息的便利的同时，也需要更多的信息提供者能以网页的方式直接发布各种信息。因此，较熟练地掌握一些网页设计与制作的技能，是时代对于广大高中学生的基本要求，每位同学应该认真学习，通过练习切实掌握网页的设计与制作方法。通过在信息技术教学中的大量实践，特别是针对高中学生的特点，我发现在网络教学环境中结合多种学生喜欢的学习方式进行学习，更适宜有效地培养学生的信息素质、创新精神和实践能力。本章节是课本第六章第一节，通过前五章的学习，学生的信息素养有了较大的提高，利用信息技术解决实际问题的操作技能有了长足的进步，虽然多数学生在初中没有制作过完整意义上的网页和网站，但对于本章的知识和技能而言，基本不存在“零起点”影响学生的问题。[教学设计]（一）、教学目标：1．知识目标：了解万维网的基本架构，理解网页的作用，掌握网页元素和网页构件的使用，学会使用常用的网页制作工具。2．能力目标：通过网页作品的欣赏培养学生搜索、下载、处理和应用信息的能力，培养学生对信息技术的实践应用能力、协作能力和创新能力。通过本课的学习可以培养学生的辩证思维和发散思维的能力、逻辑思维能力及语言表达能力。3．德育目标：培养学生独立思考、自主学习、合作讨论的能力，通过自己探究问题，进一步树立学生学习信息技术的自信，提高学生学习网页制作的兴趣。（二）．内容分析1．教材分析：信息技术基础模块，能够根据任务需求，选择恰当的工具分析网页。在本章中，通过对一些网页的分析，让学生了解构成网页的各种要素，并了解万维网的基本架构，理解网页的作用。学生通过小组合作学习的方式，了解并掌握网站的策划构思的过程，掌握素材收集整理的基本方法，学会最基本的网页制作工具软件的使用。2．教学重点、难点（1）教学重点：网页的基本要素（2）教学难点：网页的基本要素，构件（三）、学生分析：学生是教学活动的主体，充分了解学生，是取得良好教学效果的必要条件。通过对学生平时上机情况的观察以及课下和学生的谈话交流，我了解到的学生的主要情况是：1．高一年级学生经过初中阶段的学习，能够较好地运用搜索引擎、Word、PowerPoint等常用信息技术工具。2.具备了基本的网络水平。3.已具备了初步的小组协作探究能力。（四）、教学策略设计1．教学方法设计利用多媒体教学手段创设情境，采用教师引导，学生“分小组协作探究”的学习方式，在网络教室中开展学生自主活动。2．关于教学活动的设计思路教科书中给出了几个国内著名网站的某一首页的屏幕截图，教学过程中不受制于教科书，本人采用徐志摩文学网进行分析，在网页的欣赏中介绍网页的基本要素，分析网址构成。在教学过程中，充分体现学生是主体，加强小组分工合作，层次推进教学，落实基础知识。3．教学媒体：网络机房（局域网）、校园内部网站、教科书等。[案例描述]1.教与学的过程描述本课实际教学过程的描述如下：主要活动学生任务引入幻灯显示《再别康桥》flash动画朗读版，指出诗很美，作者的一生更是传奇，他是这么悄悄地来，又这么悄悄地去了。他虽然不曾带走人间的一片云彩，却把永远的思念留给了中国诗坛。作者笔下的康桥更是让人向往，它在我们的心中是如此美丽，让人充满幻想。新课《网站和网页》进入徐志摩文学网一、网页的基本要素教师提问：在徐志摩文学网中，各位同学是否发现了神往已久的康桥，除此之外，还发现了什么？学生活动：用发现法去找出有关康桥的图片，《再别康桥》的诗和徐志摩的创作道路艺术风格和特色。（基本要求）教师总结：网站是由网页组成，组成网页的基本元素有文字、图形图象和超链接。网页中常见的图象有jpg和gif。网站的首页即为主页。二、网页的构件教师提问：在徐志摩文学网中，各位同学除了发现组成网页的三要素文字、图形图象和超链接，还发现了什么？学生活动：相邻两位同学一起去发现，探讨。（5分钟）教师总结：除了组成网页的基本三元素文字、图形图象和超链接。一个丰富多彩的网页还包括一些构件。如：声音，表单，表格，和一些java小应用程序。在桌面上新建一个以自己名字命名的文件夹，进入徐志摩文学网完成以下任务课堂任务一，触摸网页的基本三要素：1.要求下载康桥的图片，文件名改为kq2.要求下载«再别康桥»，复制，粘贴到word文档中，文件名改为zbkq3．徐志摩的创作道路艺术风格和特色。课堂任务二：用发现法去找出徐志摩的简介，以及后人对徐志摩诗歌的评价。（选作题）课堂任务三：4．找出全国计算机等级考试查询电话5．下载网友：春风妩媚对徐志摩的诗歌的评价6．在线欣赏«再别康桥»朗读版。7．探讨主页的格局规化。三、揭开网页的面纱。1、分析网址教师讲解，网站的地址标识是URL(UniformResoureLocator统一资源定位器）是网页的地址，好比一个街道在城市地图上地址。url使用数字和字母按一定顺序排列以确定一个地址。如。URL的第一个部分http://表示的是要访问的文件的类型。在网上，几乎总是使用http（意思是超文本转换协议,hypertexttransferprotocol.因为它是用来转换网页的协议.）.(WorldWideWeb)的含义是“万维网”、也就是我们所说得Internet.带来的是世界范围的超级文本服务,只要操纵电脑的鼠标,就可以通过Internet从全世界任何地方调来你所希望得到的文本、图像(包括活动影像)和声音等信息。1、利用frontpage,揭开网页的面纱将网页保存下来，先用Frontpage打开、分析网页，介绍所见即所得的网页编辑工具（另外也用DW打开），然后用Frontpage查看网页源代码，指出网页是采用HTML语言来编写，将网页代码复制到记事本中，然后保存为HTM文件。打开该文件，跟原网页比较，得出网页不仅可以用Frontpage制作，也可以用HTML语言直接编写（用记事本或其它一些文本编辑工具，只要保存类型为HTM）。教师总结：HTML英语意思是：HypertextMarkedLanguage，即超文本标记语言，HTML命令可以描述文字、图形、动画、声音、表格、链接等。网页是由HTML语言组成。课堂任务四：8、利用frontpage，打开、观察网页的布局。10、查看图片康桥的html课堂任务五：11、将网站首页保存在自己文件夹下（保存类型为全部）。12、用Frontpage查看网页源代码，将源代码全部复制到记事本中，保存在当前位置，文件名为cs.htm四、练习1、下列网页元素中，不属于基本的三中元素的是（）A动画B文字C图片D超链接2、网页中描述各种元素和构件的语言是（）A、PASCALB、CC、HTMLD、BASIC3、下列关于网页元素-----图片的使用观点中，错误的是（）A图片可以直观形象地表达某些信息B图片可以美化网页，吸引读者的眼关C图片可以跨越语言障碍地表达某些信息。D每张图片都必须包含图片，否则不能称之为网页。4、网页制作时，能对网页中的元素和构件进行准确定位的是（）A网格B表格C网页特效D超链接5、相邻两位同学设计一副介绍姚明的主页（在稿纸上设计主页，要求在设计时能充分运用各种网页元素和构件）。任务要求：1、一位同学收集有关姚明的文字，图片等。2、两位同学共同完成有关介绍姚明的主页设计(纸上)。五、教师小结。在《再别康桥》朗读声中结束课堂。课堂任务六：13、分组抢答14、相邻两位同学设计一副介绍姚明的主页。[教学反思]1、我运用的是“学生主体性教学”。其指导思想是：一切从学生主体出发，让学生成为知识技能的“探究者”、难点问题的“突破者”，使学生真正的成为学习的主人。实践证明，以此做为原则的课堂是生动的，学生所乐于接受的。在以后的教学实践中，我会把它做为永远不变的中心法则，使课堂真正成为学生的舞台。2、精讲多练加深印象：精讲多练就是让学生多一些上机操作的时间。俗话说熟能生巧勤能补拙。多练习，学生自会在不知不觉中掌握所要学习的知识。3、存在不足：①计算机知识是不断更新的，仅靠书本上的知识是没办法教好学生。而且学生很想了解计算机发展的一些最新动态，了解一些新的软件，一些网络知识。②对于分组完成任务的情况不好掌握，不能保证全体同学都在参与。③由于学生之间有水平差异，教学难度控制有点难度，基础好的学生由于认为太简单在操作的时候就粗心大意，而基础差的学生有时又认为太难做不出来，应该对于他们布置不同任务。