我想有一个“家”
＿＿《在Internet上发布信息》教学案例
［教学设计］ 一、主题背景
信息技术课程由计算机课程发展而来，但随着知识经济发展，在全球范围形成了一个信息化的氛围，多媒体、网络技术的应用越来越广泛，信息化的社会对人才需求、人才培养途径、人才的鉴别方法等发生了巨大的变化，这对学校信息技术教育提出了更高更多的要求，由单纯的技能训练上升到全面的信息素养的培养，高中信息技术课程的教学面临着从内在理念到外在方法的全面转型。笔者就浙江省教育出版社出版的《信息技术》教材第四章第六节，根据新课标，新理念，偿试新教学。 主 题：在Internet发布信息
涉及标准：信息技术模块：信息获取、信息加工与表达；多媒体技术应用模块：多媒体信息采集与加工、多媒体信息表达与交流；网络技术应用模块：网站设计与评价 建议学时：4节 二、教学对象分析
本案例主要针对普通高中一年级学生设计的。高一学生都已经学习了从Internet获取信息、在Internet交流信息，学习Internet许多相关的基础知识；也具有相当的审美观念；有一定的图像处理能力和文字处理能力。
三、教学需求分析
信息素养这一概念是信息产业协会主席保罗·泽考斯基于1974年在美国提出的包括三个层面：文化素养（知识层面）、信息意识（意识层面）、信息技能（技术层面）。1992年Doyle在《信息素养全美论坛的终结报告》中给信息素养下的定义是：一个具有信息素养的人，他能够认识到精确的和完整的信息是作出合理决策的基础，他能够确定对信息的需求，能够形成基于信息需求的问题，能够确定潜在的信息源，能够制定成功的检索方案，从包括基于计算机的和其他的信息源中获取信息，评价信息，组织信息用于实际的应用，将新的信息与原有的知识体系进行融合，以及在批判性思考和问题解决的过程中使用信息。因此信息素养的培养更重要的是应用。
学生在学习许多网络知识，浏览大量优秀网站之后，学生自然而然产生这丰富多彩的网页到底是由什么构成的，我能不能自己做一个网页的念头。 四、教学目标分析
1、知识目标：认识网页实质，熟练运用ProntPage制作简单的网页，并能将网页上传到服务器。
2、能力目标：通过类比方法，上机实际操作，强化学生信息意识，培养学生的信息技能，进一步提高学生的信息素养。
3、情感目标：培养学生自主学习，勇于创新，乐于合作的学习态度，陶冶学生审美情操。 ［教学过程］
环节一：创设情景，激发兴趣，提出任务
教师展示优秀网站，同时播放轻音乐《我想有一个家》„„ 教师点拨：我们看到网（站）就象一户户人家，不过这是建筑在Internet上的“家”，见了这么很酷的“家”，同学们，你们是否也想拥有这样漂亮的“家” 生：想！
师：今天开始我们就用心来营造自已美丽的家园。
自然过渡到本案例主题――“在Internet上发布信息”
环节二：共同讨论，分析任务，发现问题
围绕上述问题，五人一组，每组设1小组长，偿试着解答上述问题。在此过程中教师适当点拨。 问题1 ：Internet上的“家”，也就是网页的实质是什么？由什么组成？ （各小组基本上能从课本找到答案）小组代表发言：
一个网页就是一个纯文本文件，但是一个用超 文本标记语言 (Hyper Text Markup Language，称HTML)编写的。
分析此任务发现：
① 浏览器的作用，实际上根据我们输入地址URL，搜索到网页，然而将用HTML语言编写文件解释出来
② 网页中多媒体，不是网页中一部分，而是通过浏览器告诉这些文件的位置与名称及显示播放要求，由浏览器自己查找处理。
问题2 ：Internet上的“家”――网页，它的构建需要什么样的“建材”（素材），哪里来？怎样放置？ （大部分小组能到答案）小组代表发言：文本、图片、动画、视频、声音等
素材内容一点破，来源问题答案众多，什么网上搜索、光盘上拷贝、自己设计，但没有人提到购买，可见学生版权意识不是很强，教师强调一点：部分素材也有版权，让学生别干违法之事。（能及时渗法制教育） 在一个大文件夹（站点）下，分类放置，便于存取。
问题3 ： Internet上的“家”――网页，它的“建筑图纸”（式样风格主题）怎样设计？ 教师提示：
主题要有新意、创意，而且必须自己熟悉的主题，当然还得有一个好听叫得响的名字,如“中学生驿站” 版面式样有和谐统一，颜色不要超过三种，根据主题确定自己喜欢风格 （建议此至第一课时，问题3的任务让学生分组课外完成） 环节三：讲练结合，突出重点，突破难点
问题4 ：Internet上的“家”――网页，它营造的工具（软件）有哪些？ 小组代表发言主：FrontPage、Dream weaver等等
问题5 ：Internet上的“家”――网页，它由谁来营造？高级建筑工程师是谁？ 教师：营造Internet上的“家”――网页，它的高级工程师就是你们，由你们来营造。 学生：可我们不会做怎么办？
教师：大家知道，现在做工作都是先培训后上岗。大家不要急。俗话说得好：“工欲善其事，必先利其器”“砍柴不误磨刀工”，今天和大家共同学习FrontPage，运用这个工具软件，就一定能建造自己美好家园。 教师：先请一位同学启动FrontPage。（通过多媒体电脑教室学生上机演示） 打开FrontPage后，出现界面。 教师：大家可熟悉这个操作环境
学生有的说熟悉，有的说同电子表格、Word差不多„„
教师：对比以前学过Excel、Word，找出不同之处，对照课本，我们用FrontPage来制作网页到底要做那些基本
工作？稍后小组代表发言。
学生自主上机操作，摸索着进行网页制作。一段时间后，分小组总结发言。
教师：各小组讲得都很好，现在我们再集体来归纳一下，我们用FrontPage来制作网页到底要做那些基本工作？ 第一步：建立一个站点（相当于家园的地址）。（具体上机操作） 第二步：把上节课收集好的素材，分类放置在站点下。（具体各小组上机操作）
第三步：大家知道造房子就是：奠地址、搭框架、砌砖块、抹沙灰、粉饰等，制作网页呢？就是刚才大家上机实践的：插入表格（表格主要作用搭框架）、插入字幕、输入文字、插入图片、插入线条、设置音乐、插入Flash动画、插入超级链接等。（教师围绕课本例子，根据学生刚才自主上机情况解决学生上机操作存在问题，特别是字幕、背景和超链接的操作。）
然后学生继续上机操作，熟悉网页制作的基本操作，初步完成一个主页面制作。 （离下课3分钟时）
教师：通过今天这节课的上岗前培训，我们的同学极大部分已经掌握营造家园的基本操作，有的还成高级工程师（学生哈哈大笑）不过大家对自己家园肯定还有许多不满意的地方？（学生说太难看了，还工程师呢？） 问题6 ：我的家怎么这么难看？怎么营造一个美丽的家呢？
教师：下节课还得进行培训，制作网页，我们不仅是工程师，更应该是艺术家，下一节我把大家造就成一个网页制作的艺术家，怎么样？（好！）下课后大家根据刚才的页面，各小组提出修改意见，使自己家园更美丽。 （建议到此第二课时。）
环节四：自主探索，美化家园，完成任务
教师：根据上节课的作业，各小组长对自家组的网页提出，修改意见。 小组长代表演示网页，并提出修改意见。
教师：其实各小组的意见，实质就是美化网页，也就是我们这一节要培训的问题：造就网页制作的艺术家 1、润色文字：（学生自主探索演示，不同方法有1、2、„） 2、润色表格：（学生自主探索演示，不同方法有1、2、„） 3、润色图片：（学生自主探索演示，不同方法有1、2、„） 4、润色线条：（学生自主探索演示，不同方法有1、2、„） 5、润色背景：（学生自主探索演示，不同方法有1、2、„） 6、润色字幕：（学生自主探索演示，不同方法有1、2、„） 7、润色超链接：（教师点拨，探索演示，不同方法有1、2、„） „„
教师：润色其实质就是改变对象（文字、图片、动画、声音、表格、链接等）的属性
典型操作方法：选中对象－右击－在弹出的菜单中，选择属性－出现属性对话框，然后设置相应属性－确定 通过上述培训，我相信大家都已经成就一个网页制作的艺术家（学生笑）发挥大家聪明才智，运用你们的审美观点，各小组完成主页美化。 （离下课10分钟）
环节五：检查结果，查漏补缺，总结经验
教师：各小组展示自己的家园，各小组对演示网页提出修改意见。
小组代表：本地演示。什么中学生之家、龙的传人、姚明天地、校园文化、冰心玉壶、花季少年„„ 各小组长发言：提出修改意见
教师：课后请小组继续完善自己家园
问题7：Internet上的“家”――网页，它已经建成，可是别人不知道，怎样要大家共同来分享你的美好家园呢？
（建议到此第三课时）
环节六：立足本地，放眼世界，网上安家
教师：上节课大家完成自己家园的建设，心理那股乐劲可能到现在还浓，多么希望有人来参观访问自己家园啊！（学生目光切切，希望教师揭开迷底）我们也广发“请帖，办洒”，让亲朋好友来参观访问。具体地说就是上传自己的主页到Internet上。那么怎样上传呢？
教师演示上传到学校服务器全过程。总结步骤： 1、申请个人主页（类似申请E-mail） 2、根据网站说明，上传自己主页
3、将自己个人主页的域名告诉亲朋好友或将自己域名放在搜索引擎中（如Google、百度等主）让世界来关注你的主页。
学生上传自己主页。
上传时、上传后出现问题： 图片、声音没有等 不能打开主页 超链接不对 不能上传 教师点拨：
检查文件名是否用了中文（文件名不能用中文）
主页首面名称一般是Index.htm、Default.htm，最好不要用其他名称 素材是否放在站点内的文件夹（素材应放在本地站内，上传时一起上传）
超链接是否用了绝对路径（超链接必须是相对路径，不能出现如：D:\myweb等路径） 完成上传，各小组相互访问，学生情绪高涨，课堂气氛空前活跃。
（离下课2分钟）
公布评比成绩（成绩都不错，令人鼓舞），提出意见和建议 教师（泼盘冷水，再传高招）：你们的网页虽然都制作得很好，但如果经常让我看，我不愿再看。 学生（不解）：为什么？
教师：大家想想，如果你们每天看到都是这样内容，你何感觉？ （学生面面相觑，不知其然） 教师：我们同学中有不少家都布置的富丽堂皇，可是你每天进入自己的家，都有没有这种感觉，象是少了点什么？久而久之，许多美好的东西竟熟视无睹，可能有不少同学竟不知道自己家的窗帘是什么颜色？自己坐的椅子放在什么位置？（有些学生深有同感，是呀）这是为什么呢？最好的家园，如果摆设始终不变，你也会觉得乏味，网页也是如此，需要时时更新，千万不要忘记。 （再设疑问，为以后课伏笔）
大家知道，家园的更新，一般很少进行全面建造，而是主要进行内外装璜，那么时时更新网页呢？
大家知道，现在不少家园都安装了防盗装置，以防不法分子破坏，那么Internet上的家呢？是否也存在案全隐患？如果有怎样防治呢？ 大家幻想着：如果家园能随四季变化，而变化不同色调，不同氛围那该多好？那么我们的网页能否做到这一点呢？（如何做动态网页） （第四课时完成） ［信息资源及工具］
各种素材收集、用Photohop进行图片处理、用FrontPage进行网页制作等 ［案例诠释与研究］
本案例全部教学活动通过造房进行类比，从“发现问题、思考问题、研究问题、解决问题”这一问题群，而构建出学生强烈的求知欲，满足学生极度的好奇心，激发学生学习兴趣，能最大限度培养学生信息素养。
这一案例特点是：教师适当点拨、学生主动学习、共同策划、共同设计、互相评价，手、脑并用。充分体现了学生的主体作用。
由于本案例连贯性强，然而实际操作时间较长，因而降低了学习效率。另外由于各人审美观点差别，对完成后作品“网页”评价难度较大。
我想有一个“家”
＿＿《在Internet上发布信息》教学案例
［教学设计］ 一、主题背景
信息技术课程由计算机课程发展而来，但随着知识经济发展，在全球范围形成了一个信息化的氛围，多媒体、网络技术的应用越来越广泛，信息化的社会对人才需求、人才培养途径、人才的鉴别方法等发生了巨大的变化，这对学校信息技术教育提出了更高更多的要求，由单纯的技能训练上升到全面的信息素养的培养，高中信息技术课程的教学面临着从内在理念到外在方法的全面转型。笔者就浙江省教育出版社出版的《信息技术》教材第四章第六节，根据新课标，新理念，偿试新教学。 主 题：在Internet发布信息
涉及标准：信息技术模块：信息获取、信息加工与表达；多媒体技术应用模块：多媒体信息采集与加工、多媒体信息表达与交流；网络技术应用模块：网站设计与评价 建议学时：4节 二、教学对象分析
本案例主要针对普通高中一年级学生设计的。高一学生都已经学习了从Internet获取信息、在Internet交流信息，学习Internet许多相关的基础知识；也具有相当的审美观念；有一定的图像处理能力和文字处理能力。
三、教学需求分析
信息素养这一概念是信息产业协会主席保罗·泽考斯基于1974年在美国提出的包括三个层面：文化素养（知识层面）、信息意识（意识层面）、信息技能（技术层面）。1992年Doyle在《信息素养全美论坛的终结报告》中给信息素养下的定义是：一个具有信息素养的人，他能够认识到精确的和完整的信息是作出合理决策的基础，他能够确定对信息的需求，能够形成基于信息需求的问题，能够确定潜在的信息源，能够制定成功的检索方案，从包括基于计算机的和其他的信息源中获取信息，评价信息，组织信息用于实际的应用，将新的信息与原有的知识体系进行融合，以及在批判性思考和问题解决的过程中使用信息。因此信息素养的培养更重要的是应用。
学生在学习许多网络知识，浏览大量优秀网站之后，学生自然而然产生这丰富多彩的网页到底是由什么构成的，我能不能自己做一个网页的念头。 四、教学目标分析
1、知识目标：认识网页实质，熟练运用ProntPage制作简单的网页，并能将网页上传到服务器。
2、能力目标：通过类比方法，上机实际操作，强化学生信息意识，培养学生的信息技能，进一步提高学生的信息素养。
3、情感目标：培养学生自主学习，勇于创新，乐于合作的学习态度，陶冶学生审美情操。 ［教学过程］
环节一：创设情景，激发兴趣，提出任务
教师展示优秀网站，同时播放轻音乐《我想有一个家》„„ 教师点拨：我们看到网（站）就象一户户人家，不过这是建筑在Internet上的“家”，见了这么很酷的“家”，同学们，你们是否也想拥有这样漂亮的“家” 生：想！
师：今天开始我们就用心来营造自已美丽的家园。
自然过渡到本案例主题――“在Internet上发布信息”
环节二：共同讨论，分析任务，发现问题
围绕上述问题，五人一组，每组设1小组长，偿试着解答上述问题。在此过程中教师适当点拨。 问题1 ：Internet上的“家”，也就是网页的实质是什么？由什么组成？ （各小组基本上能从课本找到答案）小组代表发言：
一个网页就是一个纯文本文件，但是一个用超 文本标记语言 (Hyper Text Markup Language，称HTML)编写的。
分析此任务发现：
① 浏览器的作用，实际上根据我们输入地址URL，搜索到网页，然而将用HTML语言编写文件解释出来
② 网页中多媒体，不是网页中一部分，而是通过浏览器告诉这些文件的位置与名称及显示播放要求，由浏览器自己查找处理。
问题2 ：Internet上的“家”――网页，它的构建需要什么样的“建材”（素材），哪里来？怎样放置？ （大部分小组能到答案）小组代表发言：文本、图片、动画、视频、声音等
素材内容一点破，来源问题答案众多，什么网上搜索、光盘上拷贝、自己设计，但没有人提到购买，可见学生版权意识不是很强，教师强调一点：部分素材也有版权，让学生别干违法之事。（能及时渗法制教育） 在一个大文件夹（站点）下，分类放置，便于存取。
问题3 ： Internet上的“家”――网页，它的“建筑图纸”（式样风格主题）怎样设计？ 教师提示：
主题要有新意、创意，而且必须自己熟悉的主题，当然还得有一个好听叫得响的名字,如“中学生驿站” 版面式样有和谐统一，颜色不要超过三种，根据主题确定自己喜欢风格 （建议此至第一课时，问题3的任务让学生分组课外完成） 环节三：讲练结合，突出重点，突破难点
问题4 ：Internet上的“家”――网页，它营造的工具（软件）有哪些？ 小组代表发言主：FrontPage、Dream weaver等等
问题5 ：Internet上的“家”――网页，它由谁来营造？高级建筑工程师是谁？ 教师：营造Internet上的“家”――网页，它的高级工程师就是你们，由你们来营造。 学生：可我们不会做怎么办？
教师：大家知道，现在做工作都是先培训后上岗。大家不要急。俗话说得好：“工欲善其事，必先利其器”“砍柴不误磨刀工”，今天和大家共同学习FrontPage，运用这个工具软件，就一定能建造自己美好家园。 教师：先请一位同学启动FrontPage。（通过多媒体电脑教室学生上机演示） 打开FrontPage后，出现界面。 教师：大家可熟悉这个操作环境
学生有的说熟悉，有的说同电子表格、Word差不多„„
教师：对比以前学过Excel、Word，找出不同之处，对照课本，我们用FrontPage来制作网页到底要做那些基本
工作？稍后小组代表发言。
学生自主上机操作，摸索着进行网页制作。一段时间后，分小组总结发言。
教师：各小组讲得都很好，现在我们再集体来归纳一下，我们用FrontPage来制作网页到底要做那些基本工作？ 第一步：建立一个站点（相当于家园的地址）。（具体上机操作） 第二步：把上节课收集好的素材，分类放置在站点下。（具体各小组上机操作）
第三步：大家知道造房子就是：奠地址、搭框架、砌砖块、抹沙灰、粉饰等，制作网页呢？就是刚才大家上机实践的：插入表格（表格主要作用搭框架）、插入字幕、输入文字、插入图片、插入线条、设置音乐、插入Flash动画、插入超级链接等。（教师围绕课本例子，根据学生刚才自主上机情况解决学生上机操作存在问题，特别是字幕、背景和超链接的操作。）
然后学生继续上机操作，熟悉网页制作的基本操作，初步完成一个主页面制作。 （离下课3分钟时）
教师：通过今天这节课的上岗前培训，我们的同学极大部分已经掌握营造家园的基本操作，有的还成高级工程师（学生哈哈大笑）不过大家对自己家园肯定还有许多不满意的地方？（学生说太难看了，还工程师呢？） 问题6 ：我的家怎么这么难看？怎么营造一个美丽的家呢？
教师：下节课还得进行培训，制作网页，我们不仅是工程师，更应该是艺术家，下一节我把大家造就成一个网页制作的艺术家，怎么样？（好！）下课后大家根据刚才的页面，各小组提出修改意见，使自己家园更美丽。 （建议到此第二课时。）
环节四：自主探索，美化家园，完成任务
教师：根据上节课的作业，各小组长对自家组的网页提出，修改意见。 小组长代表演示网页，并提出修改意见。
教师：其实各小组的意见，实质就是美化网页，也就是我们这一节要培训的问题：造就网页制作的艺术家 1、润色文字：（学生自主探索演示，不同方法有1、2、„） 2、润色表格：（学生自主探索演示，不同方法有1、2、„） 3、润色图片：（学生自主探索演示，不同方法有1、2、„） 4、润色线条：（学生自主探索演示，不同方法有1、2、„） 5、润色背景：（学生自主探索演示，不同方法有1、2、„） 6、润色字幕：（学生自主探索演示，不同方法有1、2、„） 7、润色超链接：（教师点拨，探索演示，不同方法有1、2、„） „„
教师：润色其实质就是改变对象（文字、图片、动画、声音、表格、链接等）的属性
典型操作方法：选中对象－右击－在弹出的菜单中，选择属性－出现属性对话框，然后设置相应属性－确定 通过上述培训，我相信大家都已经成就一个网页制作的艺术家（学生笑）发挥大家聪明才智，运用你们的审美观点，各小组完成主页美化。 （离下课10分钟）
环节五：检查结果，查漏补缺，总结经验
教师：各小组展示自己的家园，各小组对演示网页提出修改意见。
小组代表：本地演示。什么中学生之家、龙的传人、姚明天地、校园文化、冰心玉壶、花季少年„„ 各小组长发言：提出修改意见
教师：课后请小组继续完善自己家园
问题7：Internet上的“家”――网页，它已经建成，可是别人不知道，怎样要大家共同来分享你的美好家园呢？
（建议到此第三课时）
环节六：立足本地，放眼世界，网上安家
教师：上节课大家完成自己家园的建设，心理那股乐劲可能到现在还浓，多么希望有人来参观访问自己家园啊！（学生目光切切，希望教师揭开迷底）我们也广发“请帖，办洒”，让亲朋好友来参观访问。具体地说就是上传自己的主页到Internet上。那么怎样上传呢？
教师演示上传到学校服务器全过程。总结步骤： 1、申请个人主页（类似申请E-mail） 2、根据网站说明，上传自己主页
3、将自己个人主页的域名告诉亲朋好友或将自己域名放在搜索引擎中（如Google、百度等主）让世界来关注你的主页。
学生上传自己主页。
上传时、上传后出现问题： 图片、声音没有等 不能打开主页 超链接不对 不能上传 教师点拨：
检查文件名是否用了中文（文件名不能用中文）
主页首面名称一般是Index.htm、Default.htm，最好不要用其他名称 素材是否放在站点内的文件夹（素材应放在本地站内，上传时一起上传）
超链接是否用了绝对路径（超链接必须是相对路径，不能出现如：D:\myweb等路径） 完成上传，各小组相互访问，学生情绪高涨，课堂气氛空前活跃。
（离下课2分钟）
公布评比成绩（成绩都不错，令人鼓舞），提出意见和建议 教师（泼盘冷水，再传高招）：你们的网页虽然都制作得很好，但如果经常让我看，我不愿再看。 学生（不解）：为什么？
教师：大家想想，如果你们每天看到都是这样内容，你何感觉？ （学生面面相觑，不知其然） 教师：我们同学中有不少家都布置的富丽堂皇，可是你每天进入自己的家，都有没有这种感觉，象是少了点什么？久而久之，许多美好的东西竟熟视无睹，可能有不少同学竟不知道自己家的窗帘是什么颜色？自己坐的椅子放在什么位置？（有些学生深有同感，是呀）这是为什么呢？最好的家园，如果摆设始终不变，你也会觉得乏味，网页也是如此，需要时时更新，千万不要忘记。 （再设疑问，为以后课伏笔）
大家知道，家园的更新，一般很少进行全面建造，而是主要进行内外装璜，那么时时更新网页呢？
大家知道，现在不少家园都安装了防盗装置，以防不法分子破坏，那么Internet上的家呢？是否也存在案全隐患？如果有怎样防治呢？ 大家幻想着：如果家园能随四季变化，而变化不同色调，不同氛围那该多好？那么我们的网页能否做到这一点呢？（如何做动态网页） （第四课时完成） ［信息资源及工具］
各种素材收集、用Photohop进行图片处理、用FrontPage进行网页制作等 ［案例诠释与研究］
本案例全部教学活动通过造房进行类比，从“发现问题、思考问题、研究问题、解决问题”这一问题群，而构建出学生强烈的求知欲，满足学生极度的好奇心，激发学生学习兴趣，能最大限度培养学生信息素养。
这一案例特点是：教师适当点拨、学生主动学习、共同策划、共同设计、互相评价，手、脑并用。充分体现了学生的主体作用。
由于本案例连贯性强，然而实际操作时间较长，因而降低了学习效率。另外由于各人审美观点差别，对完成后作品“网页”评价难度较大。