网页制作教学设计与反思

“网页设计与评价”教学设计与思考南召现代中学董麒麟[摘要]中小学信息技术课已不再是单纯的计算机技能课，它强调以培养信息素养为目标，以任务驱动为模式，以应用软件为载体。只有在实际教学中突破以往的教学模式，才能培养出适应信息社会发展的有用人才。本文以“网页设计与评价”单元为例，阐述了信息技术课教学设计的新思路，并就现行教材的编排组织提出了几点建设性意见。[关键词]信息技术/网页制作/任务驱动中学信息技术课程的任务是培养学生的信息素养，具体包括快速获取信息的能力，正确地评价信息，有效地利用信息和准确地表达信息。因此，信息技术课也应以信息处理为主线来展开，而不该成为单纯的计算机应用软件操作课。以“网页制作”为例，整个制作过程对学生获取、评价、表达和利用信息的各项能力都是一种培养和锻炼。下面，笔者就这一单元的教学设计做具体阐述。一、教材分析我校目前使用的教材是上海教育出版社编写的高二《网络技术应用》。网页设计与评价是其中第四章的教学内容。在这之前，学生已初步掌握了网络通信的基础知识，因特网的信息服务，网络信息的搜索、浏览和下载，以及电子邮件的使用等内容。因此，学生已经具备了获取信息的能力，网页设计与评价单元就可侧重培养信息表达的能力，这对于加强学生的信息意识，提高信息处理的能力有着重要的作用；网页的设计也给学生提供了展示个性、自主创新的机会，促使他们主动地学、创造性地学；网页的评价则能使学生了解内容编排的原则，页面布局的种类，色彩搭配的风格等，提高他们的艺术修养和审美情趣。教材中采用的网页制作软件是FrontPage2000。由于FrontPage2000采用了与Word等其他Office软件相类似的图形操作界面，可以自动生成Html代码，轻松实现网页发布。在高一阶段，学生已经学过了Word字处理软件。因此，对FrontPage2000的启动、关闭、文件操作、文字编辑和图片处理都会有一种似曾相识的感觉，这种知识迁移对后续的学习非常有利。二、设计思想1、任务驱动本单元的学习通过完成网页作品来实现。班级网页的信息来自学生生活的班集体，每个热爱班级、关心班级的同学都能产生一种急切地完成任务的动机，而完成任务又能给他们带来成就感和满足感。这种心理上的内在动力驱使学生自觉地把计算机作为一种信息处理的工具来使用，由“要我学”变成“我要学”。在教学中，教师通过创设情境，激发学生的创作欲望，把总任务划分到每节课，按照学生的制作进度来布置子任务，使学生在教师的引导下逐步达成教学目标。2、小组协作制作班级网页是个大任务，具有一定的开放性和综合性。因此采取小组协作学习的方式是非常必要的。小组成员的知识程度、学习能力和思维方式都有差异，可以通过讨论、交流与合作，取长补短、拓展思路。每个学习小组由6-8人组成，每人负责制作1-2个页面，组合成一份班级网页。最后，各小组作品集中评比，选出优秀作品，上传到校园网上公布。3、基于资源要培养学生的信息能力，就必须为他们提供大量处理信息的机会。基于资源的学习就是让学生接触到丰富的学习资源，为学生的知识构建提供支撑。笔者采用ASP技术自主开发了一个信息技术学习网站，该网站具有强大的交互功能，不仅能为学生创设丰富的资源环境，还为每个注册用户提供个人空间，支持作品的上传或下载，并开辟了学生论坛和教师答疑，供师生们交流和讨论。网站的使用不仅方便学生的学，还能改善教师的教，也为师生间的交流提供了虚拟空间。三、学习目标本单元的认知、情感和动作技能三种目标分述如下：1、认知目标（1）能简要陈述FrontPage2000主要功能，熟悉其操作界面（2）能用自己的话解释下列术语：HTML，URL，网页，主页，超链接（3）能主动获取、收集班级信息，并加以分类和整理（4）能客观评价网页的内容和风格，具备一定的审美能力2、情感目标（1）具有集体荣誉感，愿意为班级的网页建设出谋划策（2）具有乐于助人、团结协作的精神（3）能尊重他人的劳动成果，有保护知识产权的意识3、动作技能目标（1）能熟练地建立、打开、保存、浏览网页文件（2）能按照需要建立框架网页，设置各框架中的初始网页（3）能在网页中熟练地插入文字、图片、动画、水平线（4）能使用简单的表格编排网页内容，使网页的结构清晰，内容整齐（5）能选择合适的网页背景图案和背景音乐（6）能根据实际需要使用不同的超链接，合理地组织网页（7）能在网页中插入悬停按钮、滚动字幕和横幅广告管理器，使网页具有动感（8）能够插入简单的表单，使网页具有初步的动态交互功能四、学习资源设计在基于资源的学习中，教师的任务就是收集、设计和管理学习资源，引导和帮助学生自主地查找并获得学习指导，通过师生间、生生间的交流与合作，完成知识的建构和技能的提高。因此，学习资源的设计尤为重要。本单元需要的学习资源包括以下部分：1、推荐给学生的网站地址链接，如门户网站、班级网站、搜索引擎、信息技术网站等2、本单元学习的目标和任务，以及每课时的子目标和子任务3、教师对班级网页栏目的划分建议，如同学档案、教师风采、学习园地、班级活动、休闲娱乐、班级留言板、酷站链接、站长信箱等等4、根据每课时的学习目标制作的操作指导，包括操作界面的演示5、网页设计所需的各种素材，如图片、动画、Midi音乐等等6、拓展学习材料，如Photoshop、Flash、Asp、Access等技术资料7、Frontpage2000的帮助系统和信息技术教材也是重要的学习资源以上学习资源（第7项除外）都应公布在教学网站中，保证学生在需要时查找。学生也可以把自己找到的好素材上传到网上。五、教学过程本单元的教学共需8课时，每节课教师都要求学生完成子任务。教学安排如下：1、访问推荐网页评价网页，确定标准形成小组、讨论栏目，明确分工推荐优秀网站组织学生讨论网页内容和风格，分析网页框架和布局。小结网页评价的标准提出学习任务(班级网页制作)和原则(小组协作，网上讨论与学习)提供网页栏目划分建议组织各小组讨论浏览网页仔细观察，区分优劣了解评价网页的标准明确任务及原则选择小组，参与讨论，确定栏目及分工，推举组长组长上报成员名单课后收集整理信息2、学会使用教学网站熟悉Frontpage2000的操作界面，掌握网页文件的创建、打开、保存和关闭操作输入文字信息并修饰公布教学网站地址和访问方法，介绍网站栏目及功能，特别是个人空间的上传、下载方法参与学生的网上讨论，回答学生提问，必要时进行集体讲解和演示登陆教学网站，了解栏目功能，练习使用创建网页文件，输入网页文字信息并保存设置文本字体字号颜色，调整段落对齐方式和缩进格式引用资料注明出处在网页下方署名3、学会插入图片、动画、水平线设置背景和音乐学习插入表格，并用表格实现页面布局介绍素材库中各类素材参与网上讨论、答疑提醒学生网页上的图片和动画应少而精，以免影响浏览速度介绍表格的嵌套分析学生网页，用表格演示页面布局选择合适的素材插入网页合适位置，设置图片和动画的大小、对齐方式和边框设置网页背景和音乐在需要插入表格的网页中，设置表格、行、列及单元格的属性并进行编辑用表格规划页面内容4、学习框架网页的创建及保存，学会拆分和删除框架小组合作，建立主页建立页面间链接，并学会通过预览功能测试链接介绍框架网页的各种格式和创建、保存的方法演示拆分、删除框架参与网上讨论、答疑分析学生操作错误原因，页间链接应使用相对路径演示超级链接的建立、使用预览功能测试链接小组讨论选择一种框架页面作为主页设置框架属性，如框架名称、初始网页等创建主页与其他页面间的超级链接，并用预览功能测试链接是否正确学会使用相对路径5、学会创建书签链接、邮件链接和图片链接建立URL链接初步学会创建图象的热区链接对每个链接进行测试分析一个主页，让学生找出不同的超级链接讨论各种链接的应用场合，如页面内容较多则使用什么链接？酷站链接和站长信箱分别使用什么链接？学生回答错误原因分析，URL链接使用绝对路径选择内容较多的页面建立书签链接在图片上练习图片链接和热区链接为酷站链接和站长信箱建立正确的链接加深URL地址的认识对每个链接进行测试6、学会插入滚动字幕学会使用悬停按钮学会插入站点计数器和横幅广告管理器小组网页初步组合，上传到教学网站逐个检查各小组网页的制作进展，并给出评估意见参与网上讨论、答疑讲解小组网页的组合方式，每个栏目一个文件夹，图片放一个文件夹，提示学生使用文件夹视图管理文件在主页上插入滚动字幕，并设置其方向、速度、表现和对齐方式在主页上插入计数器和横幅广告管理器选择一个页面插入悬停按钮，并设置其颜色、效果和链接对象设置网页的动态效果小组网页组合上传7、了解表单的交互性，学习表单的创建和设置在表单中插入各种组件设置表单的Email提交方法各组网页定稿上传介绍简单的留言板，论坛和聊天室，供学生选择引导学有余力的学生学习ASP和数据库技术参与网上讨论、答疑创建留言板或其他形式的表单，如学习调查表等在表单中插入文本框、按钮、单选按钮、复选框、列表框等组件设置Email提交方法小组网页定稿上传8、各组网页演示、互评网上投票推选优秀网页和网页制作高手每位同学自评由班内网页高手做班级网页管理员，负责提交、维护班级网页组织小组网页互评设计网上投票网页设计网页设计评估表为每个学生的作品打分积极参加小组互评投票推选优秀网页和网页制作高手认真小结本人学习情况，并如实打分自评六、教学评价本单元的教学评价主要根据下面的网页作品评价量化表来进行，由学生自评和教师打分反映学生的学习状况。评价指标网页内容技术处理(分值)(40)(35)具体指标（量化等级分值）获得的信息准确且完整（5）信息的收集方法效率高（10）网页文字没有语法和拼写错误（10）能找到合适的网页素材并合理应用（10）引用他人作品，是否注明出处（5）网页布局整齐、合理（10）网页色彩协调、风格鲜明（10）网页链接正确、快捷（10）具有较强的动态交互功能（5）自评教师