网站和网页.doc

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