网页设计中培养创新能力的探索
网页设计中培养创新能力的探索 一、问题的提出 中小学信息技术教学不仅仅是传授计算机基础知识，或者是片面追求 “学而致用”的职业培训，而应当是把计算机当作载体，培养和提高学生的创造精 神、创新能力和解决实际问题的能力，从而提高学生综合素质。然而，在实际教学的过程中，信息科技教师并未注意到培养创新能力 在信息科技教学中的重要性。基于以上情况，我试图以“网页设计”课程为载体， 对信息科技教学的创新能力培养，进行深入探索。
二、实践探索 1．网页设计概况 网页制作，其实并不难，只要有一定的WORD基础，谁都可以轻松地 驾驭FRONTPAGE等工具来制作网页。但是，这仅仅只是“制作”网页，而非“设 计”网页。网页设计，需要的不仅仅是简单的图文编排能力，它更需要学生在框 架布局、进度规划、美术处理等各方面的综合能力。
可以说，网页设计是一项小工程，而学生若能在这个工程的完成过程 中有所收获、有所感悟，那么，他们能够学到的，就不仅仅是网页设计的技术了。
这也是中小学信息科技课程的魅力所在。
2．制定教学计划 经过前期准备，我制定了一个7学时的教学计划来完成“网页设计”课 程的教学，我对各阶段的课时安排进行了合理的调整。那么，为什么要安排更多 的“设计”课时呢？ (1)考虑到学生都已较好地掌握了WORD等办公软件的操作基础，因 此很多相同和相似的内容可以一笔带过，“网页制作”部分的耗时也相应减少了 (2)本教学计划旨在培养学生的创新能力，而不仅仅只是锻炼学生的 动手能力，因此在正常的2学时“网页制作”部分的基础上，增加3学时可谓不惜血 本，专门训练学生的创作型设计能力此外，还要拟定一个网页的主题，让学生围绕该主题进行创作。在本 次实践中我选取了“海洋探秘”为主题。
3．按阶段具体实施 第一阶段：“网页入门”，1课时 学习目标：了解网页及相关的基本情况 教学过程：
(1)向学生展示一些优秀的主题网站作品，通过观摩一些优秀网站使 学生对“网页是什么”、“网页有什么用”、“我可以把网页做成什么样”有一种感性 认识 (2)布置网站设计的前期任务，例如设计网站框架（即：父子层关系）、 页面布局、主题风格等 (3)布置网页素材搜集的任务，让学生利用课余时间从互联网上搜集 以“海洋探秘”为主题图片、文字和多媒体资料 第二阶段：“网页制作”，2课时 学习目标：
(1)了解网页制作的一般方法 (2)掌握FRONTPAGE的基本操作 (3)了解运用其它办公软件和设计软件辅助网页制作的方法 教学过程：
(1)解析一个现成的完整网站结构，展示其结构树形图；
分别对一个 网站的各个文件所起的作用进行解释 (2)介绍FRONTPAGE的使用方法；
介绍网页的重要组成元素：超级链 接和表格 (3)揭示运用“预览”功能进行调试和修改网页的方法第三阶段：“网页设计”，3课时， 本阶段是整个课程的重点部分，也是激发学生充分发挥想象力、捕捉 灵感，来完成自己作品的关键环节。情景设计见后文。
学习目标：
(1)了解“网页设计”和“网页制作”的区别 (2)学习从临摹他人作品到自己创作网页的方法 (3)通过网页设计的项目，提高学生自主的创新能力，从而全面开发 学生的各方面素质 教学过程：
(1)用案例来演示一个小型的主题网站的设计全过程 (2)引导学生对全站设计进行尝试 (3)布置“海洋探秘”主题网站设计的任务 第四阶段：“作品展示”，1课时 教学过程：
(1)采用自评、互评等方式对学生作品进行评定与交流 (2)展示作品，优秀的网页上传至学校服务器进行展出 4．“网页设计”环节情景设计 师：你们上网浏览的网站，比如新浪、搜狐这些门户网站，还有一些 个人主页，或者你们自己的博客，你们在阅读网页信息的同时，有没有想过它们 是用什么方法设计出来的呢？ 生：是不是用我们上节课学过的FRONTPAGE呢？ 师：对，FRONTPAGE功能强大，可以用来设计完整的主题网站。今天我们来一起看看你们的学长学姐们曾经创作出的精美作品好吗？（学生兴趣大 增，急欲观摩网页作品） 教师演示：展示上一学年学生优秀网页作品，也可以展示当年全国中 小学生网页设计大赛的获奖作品 生：哇！设计得真好看，内容真丰富啊！ 师：让我们用FRONTPAGE来打开他们的作品，仔细看看他们的网站 有哪些内容（指出几个有代表性的地方，让学生来运用上节课学过的“网页制作” 的基本方法，来分析这些效果是如何完成的） 师：看过这些精美的作品，你们有没有信心设计一个能与它们媲美的 主题网站吗？ 生：有！我要比他们做得更好！（学生跃跃欲试） 师：好，我们就以“海洋探秘”为主题，大家充分开动脑筋，用你们的 智慧来设计类似的或者更出色的网站 三、思考 在所有7课时的教学中，我与学生们一起体验了本次网页设计课程的 全过程。该教学设计较好地结合了实际，把学生的学习积极性充分地调动出来， 让学生足足体验了一把当设计师的瘾。
过去，多数教师习惯于让学生跟着自己设计好的路走，让他们牵着老 师的手跟在后面盲目地赶“路”。长此以往，学生的创造能力消磨殆尽。实验证明， 要培养学生的创造性学力，首先要传授学习方法，让学生学会学习，教师应做的， 是为学生精心设计其学习和创造的“台阶”，做一名指路人，而非灌输者。
在设计性课程的教学过程中，有以下要点值得引起教师的注意：
1．让学生知道设计与制作的区别 前文中已经提到，网页设计对学生综合能力的要求，远远高于网页制 作。设计一个完善的网站，把握基本功（也就是掌握网页制作的基础）是重要的， 而包括框架布局、进度规划、美术处理在内的其它各方面因素，也是必不可缺的。要让学生知道制作与设计的区别，应当在进行各阶段教学的过程中， 由教师对所涉及内容的强调来实现。例如，教师在第二阶段“网页制作”环节中， 可以抛开需要创作的部分，只讲技术性的内容。比如说，教师在讲解设置字体格 式的时候，可以只讲如何设置颜色和尺寸，而不讲怎样设置颜色和尺寸才能更好 看；
当在第三阶段“网页设计”环节中，再次讲到设置字体格式时，教师则可以直 接讲如何选择合适的尺寸与和谐的配色了。
于是，学生可以在学习中体会到为什么教师刻意地把制作和设计两个 环节分开教授，他们会在动手操作的过程中，发现设计与制作是不同的，而要做 成一个出色的网页作品，必须用“设计”的高度来看待这个任务。
2．强调创新在网页设计中的作用 学生是一个充满幻想和求知欲的锦囊，你想将里面的东西展示出来， 就要不断鼓励学生主动思考，勤学好问，发掘学生内在潜藏的无限创造力。在网 页设计教学中，就要强调创新在网页设计中的作用，否则，很容易出现学生作品 缺乏创意的情况，或者剽窃他人作品，或者单调乏味。
例如在讲解多张网页相同风格的处理方法的时候，我先展示了一组相 同风格的网页截图，让学生利用已经学会的知识来想办法实现这个功能。学生很 容易首先想到了利用FRONTPAGE的“主题”功能。然后我让大家再开动脑筋，继 续想其它的方法，有同学提出了“框架网页”的方法，也有同学提出了利用导航栏 的功能。甚至还有同学说，可以先做一个模板，然后把这个模板复制n份，然后 把不同的内容填进这些模板当中去。
以上这些解决方法都是学生自己开动脑筋想出来的，并且在我的鼓励 下，这些同学分别用自己的创意进行了设计，最终殊途同归，品尝到了胜利的果 实。
3．正确引导并激发学生创新潜能 教师在教学中不仅是对学生传授知识，而且要激励思维；
不仅是灌输 什么和为什么，更要启发他们怎么思考，教会他们勇于去大胆创新。教师应当引 导学生由静听转变为主动探索，教师成为学生创新能力的激发者， 总之，教师在设计性课程教学中，要把握传统的教学模式与设计性开放式教学模式融合的尺度，将“制作”和“设计”两个环节的分工明细化，让学生在 自主学习的过程中逐渐培养创新能力。
教师是教学主体，学生是学习主体，只有富有创造力的教学主体，才 能焕发学习主体的创造活力。真正让学生了解了网站开发时，设计师如何根据收 集的信息，开始构思；
设计师如何把这些构思用网页的形式呈现给浏览者。从而 使学生第一次真正体验了设计师的设计过程。
让学生从会“制作”到会“设计”，使学生在不断的成功体验中增强自信， 并逐渐养成求知探索的习惯，在应用中有所创新，有所收获。