中学生网页设计与制作能力培养——基于《中学生网页设计专题学习平台》

林永和

（厦门市启悟中学，福建 同安 361100）

网页设计与制作是全国中小学生电脑制作活动［1］的子项目，该项目在中学生的开展有一定的基础。但是，当前在该项目参赛的作品数量少，质量一般。如何在《中学生网页设计专题学习平台》教学中引导学生自学，怎样选题，怎样设计网站内容、规划网页结构，怎样制作网页，怎样评价修改网站，完善网站建设，从而设计制作出高水平的作品。笔者旨在沿着网站开发建设中心轴线，在“做”中培养学生的自学能力、观察能力、解决问题的能力、创新能力、探究能力、团队合作能力等。

一、资源整合，兴趣渗透，习惯养成，培养学生自学能力

网页设计与制作兴趣小组活动每周只开展一次的集体活动，开展活动的次数少、时间短。“如何在兴趣班集体活动中引导学生自学？”笔者作为授课教师，从了解每位学生的学习特点出发，依据现有的资源，从三个方面培养学生的自学能力。

（一）利用中学生“网页设计”专题学习平台，培养学生自学能力

《中学生“网页设计”专题学习》网站，该平台有优质的网页设计与制作教育教学资源、网页技巧汇集、历届作品赏析和丰富的素材资源。在兴趣班活动教学中，教师借助本平台布置任务，引导学生依据教师提出的问题，开展自学活动。通过学生的集体讨论活动，培养他们独立思考的习惯，让他们更好地掌握新知识、新技能。例如，在讲授“网页层级结构”知识点时，笔者利用专题学习平台，以导学的方式引导学生自学，并通过超级链接例子直观生动地展示了线性网站、树状网站和非线性网站，理解掌握较难的知识点。

（二）阅读网页设计类书籍，浏览网页设计技巧网站，共享资源，培养学生自学能力

学校图书馆现有一批网页设计类的书籍，例如《从零开始学网页设计》《网页设计解析》和校本教材《网页设计与制作》等网页设计类的书籍。图书馆这方面的藏书较多，为了方便学生阅读书籍，掌握网页设计制作技巧，笔者作为兴趣班的指导教师，积极与学校图书馆沟通，从图书馆借阅了大部分网页类书本，建立图书角，方便学生借阅。学生通过借阅，自学掌握网页制作知识点，收获颇丰。除了书籍外，笔者鼓励学生通过浏览学习网页设计教学类网站，例如“中国网页设计”网站，自学网页制作知识点和网页设计技巧。书籍和网站资源提供了丰富的网页设计制作方面的知识和技巧，学生通过阅读、模仿、探索、实践，自学能力不断提高。

（三）培养兴趣，建立良好的习惯，培养学生自学能力

叶圣陶说过“教育就是培养习惯”。良好的网页设计制作学习习惯是学生网页制作能力逐步提高的关键，而习惯是在教育教学及其现实生活过程中培养来的，要培养学生的自学能力，首先要培养学生对网页制作的兴趣。为了去除繁冗复杂、拗口难懂的知识点，提高学生学习的兴趣，笔者着重以案例渗透的方式，让学生们在作品欣赏中弄懂知识点，在案例教学中掌握操作技能。例如：在《封面设计——形象页设计》知识讲授中，笔者展示了一组封面《碧波精灵——天鹅之恋》《黄梅飘香》《植物主题研究性学习》等，这组封面吸引了学生的眼球，通过视频、图片、色彩、结构等载体形式极大地冲击了学生的思维，让学生感受到了“原来网站可以制作得这么精美”，学生一下子喜欢上了网页制作。有了“爱”的种子，学生会提出“它是怎么制作的？”让喜欢提问探究的学生多思考，多做有挑战性的问题，学生通过自己的努力解决了网页制作的难题，心中就有了成就感，自然就感受到学习网页制作的乐趣。在整个过程中，需要教师适时给予学生赞赏，学生会充满自信。这样，受到激励的学生们更愿意去自学、去探索、去提高知识和技能，进而能充分全面地进行自主学习。指导教师要根据参与网页制作的学生学情，了解其不同兴趣，投其所好，鼓励他们充分表现自己，从而更好地培养学生的自学能力。

二、选择网页主题，培养学生现实生活中的观察能力

“好的开头是成功的一半。”网页主题的选择是否得当，是否有亮点是网页制作能否在各级电脑作品比赛活动中获得较好名次的关键。全国电脑作品大赛对网页制作类作品有要求：网页设计的主题要符合时代要求，紧扣时代脉搏、题目新颖、含蓄有韵味，有吸引力、有创意。选题要求就引导着教师在指导学生选题过程中有意识地去选择。一般而言，中学生制作的网站主要分成了主题探索发现实践活动网站、家乡特色网站、个人成长型网站、公益性网站等。为了更好地切入主题，这就要求中学生要做生活中的主人，做生活中的有心人。主题可以是孩子们自身的真情实感、学习与生活、探究和创作的欲望、心得与收获，能反映学生当前的学习、生活中的难点（探究性学习、研究性学习、综合实践活动……），捕捉学生学习生活中的亮点（学习生活、校园文化、科技、航模、社会实践与社区服务……）留心社会生活中的热点（德育建设、环境、交通、安全、旅游、民俗……）观察世界变化的焦点（国家、社会、学校、家庭……）网页制作中主题选择与取舍，是学生对现实生活世界的感知、体验和感悟的结果，是学生思想意识的方向，是学生观察能力水平的体现。在观察中提炼网页主题，升华网页内涵，极大地培养了学生在现实生活中的能力。例如：在主题探索网站《小蛋壳乐欢天》的主题选择过程中，学生通过问卷调查、采访、科学实验、实践探究等多种方式了解小小的蛋壳，使得主题有了准确的数据、科学的实验作为理论基础。为了增加趣味性，将原来的主题《小小蛋壳》升华提炼成《小蛋壳乐欢天》，一下子就吸人眼球。在网页主题选择过程中，学生养成了细心观察，科学探索的良好习惯，在不知不觉中学生的观察能力得到了提升。

三、挖掘网页内容，规划网页结构，培养学生的创新意识和探究能力

网页内容的挖掘要深入细致、内涵深刻。这就要求学生对主题把握得当，认识全面深刻。由于学生的知识水平差异和认知局限性，指导教师要扮演好引导者的角色，让学生们在集体讨论活动中，通过师生的反复研讨与自我反思，不断提炼内容，力求内容精致，语言表达简洁。

（一）集体讨论，思维碰撞，深入挖掘网页内容

网页主题确定之后，接着要讨论网页内容如何选择才能更好地烘托主题。学生个人的知识有比较强的局限性，一个人的力量是渺小的，但一群人的力量是强大的。通过以小组为单位的学生集体讨论，唇枪舌剑、思维碰撞，就会蹦出智慧的火花。笔者先指导学生分组，让每组的学生围绕各自的主题，准备材料，各自阐述观点，让学生在没有任何约束的情况下自由讨论，让思维天马行空、自由驰骋。在活动中，学生多角度、全方位、多层次地展开想象的翅膀，对主题的领悟尽可能独树一帜。在活泼的气氛中，学生大胆发挥，提出了很多与主题息息相关的内容和想法，这些想法标新立异，有很强的创新性。例如《古厝的艺术》网页设计作品，原来体现作者的思想结构图如下：

这些设计内容比较表象，内涵不够深刻，缺乏亮点。经过小组集体讨论，思维碰撞活动后，学生各自发表了自己的想法，补充了内容，延伸了内涵，小组长经过提炼归纳整理，内容结构图如下：

修改完的网站内容丰富了，有古厝的艺术，有海峡两岸古厝的对比与渊源，有古厝与现代建筑的对比，有作者的研究性学习活动、有展望；围绕着“古厝的艺术”主题呈现的内容就非常的详实，有血有肉，有内涵，有深刻体会，能激励人；引导人去探索建筑的美，并富有成果。在集体讨论、思维碰撞的过程中，学生紧紧围绕主题，积极动脑思考，有赞许、有争论，你一言我一语，争相讨论，“我有观点我主张”，活动的气氛异常活泼，这种活动极大地开发了学生的智力，培养了学生的创新性思维。

（二）借鉴优秀作品，合理规划网站内容

成功不仅需要模仿，更需要超越。主题网站的文字内容要有一条围绕主题中心思想呈现的清晰主线，这条主线要贯穿整个网站的开始、过程、高潮和尾声。网站内容的规划就像在写一本人生的自传，他可能一生有很多的故事情节，但是如何将这些故事情节围绕着一条主线来串成一本书，有的人写得好，有的人就写得一般。主题网站内容的规划就像在写一本书，怎样让学生能优质地完成网站内容的规划呢？［2］笔者采用“同类教学”法进行有效性突破，让学生们欣赏优秀作品，分析优秀作品内容，领会作者的组织思路，在反复学习中感悟并不断得到启发，在教师的引导和帮助下，找到一条最适合网站主题的主线。这条主线能触动作者化零为整，将零碎的材料归类合并。例如学生制作《古厝的艺术》主要参考了全国赛网站制作获奖作品《水乡村头探古榕》《黄梅飘香》等作品，这些作品是体现家乡特色项目的作品，是对家乡文化的挖掘，对当地地理、建筑、历史、民俗、传统文化的探究性学习活动。作品内容丰富充盈，呈现出作者实地考察、调查研究和细心观察的成果，主线清晰，内容明了。

此外，要善于模仿，敢于超越。教师要鼓励学生在模仿学习别人的同时要敢于“做吃螃蟹第一人”，勇于创新和突破。在《古厝的艺术》网站设计作品中，在展望未来专栏下开拓延伸后子栏目有我心中的未来建筑、建筑师训练营、古厝读书会及建筑艺术的画廊等。作者构思巧妙，有意识地选择展望未来专栏作为网站内容的突破口和亮点，体现了作者三维空间建筑工程学的能力和美术画图的能力。作品的五个大栏目分别是:1.台湾古厝，2.闽南古厝欣赏，3.亲密接触，4.融合之美，5.展望未来。其中的《亲密接触》《融合之美》《展望未来》就是模仿了《水乡村头探古榕》的访谈、传递和憧憬。孩子们在欣赏作品的过程中带着问题学习、探究，模仿的过程就是学生学习的过程，他们分析问题的能力、解决问题的能力也能得到极大的锻炼。

四、学以致用，动手制作网页，培养学生创作能力

网页的设计要求首页画面生动、有趣，页面的设计突出主题、引人入胜，网页整体布局合理、美观，风格统一，制作精美，结构方式与作品内容吻合，人机交互方便，结构清晰，导航和链接无误等方面。这就要求作者必须掌握网页制作技术、动画制作技术、图片平面设计技术、音视频处理技术、结构设计技术、版面设计技术及色彩搭配技术等多种技能［3］。作品是学生在美术素养、音乐素养和信息素养技能等多学科整合的体现。例如，在《古厝的艺术》作品版面色彩的设计中，原来采用浅蓝色的，与古厝照片背景蓝天基本保持同一色调，方便版面基本色调统一。但是不管作者怎么应用平面设计处理图片、修饰美化都没有呈现古典民居的味道，而后，在美术教师的指导下，作者采用浅红棕虚化的古厝作为页面的背景，使得整体版面淡雅而古典，问题就迎刃而解了。在学生创作网页作品的过程中，可能还会遇到各种技术难题，学生们通过网络搜索查找解决问题的方法，与教师、同学交流，在论坛探讨交流。不管采用什么方式，网页兴趣班的学生都是亲自设计和制作，运用信息技术技能解决制作过程中的问题。这个过程充分调动了学生自主学习的能动性，引导学生善于思考、设计、创作具有基本雏形的作品，培养了学生的创作能力。

五、展示作品，交流研讨，完善作品，培养学生的团队合作能力

《礼记》曰：“玉不琢不成器。”一件成功的作品，都是要经过精雕细刻，不断琢磨、修改、完善、提升。当作品初稿完成时，指导教师会开展全体学员作品展示会。在展示会上，让作者先介绍展示作品，其他学生作为评委，欣赏作品、点评作品，并提供修改完善的建议。作者在与学生交流中发现作品的缺点，制定修改的方案，完善作品直到自己满意。

例如，在《古厝的艺术》中“融合之美”网页内容的修改，原始的作品内容仅仅介绍鼓浪屿古建筑、现代建筑等。经过开展作品展示交流会后，师生点评作品，提出建议，作者对学生们的建议进行筛选整理，修改成以下三点：1.鼓浪屿建筑探秘，2.古厝+高楼建筑，3.记者在行动——寻找街头古厝，使得作品有内涵了，有研究性学习的活动了，科学性和真实性提升了。

网页作品展示、交流研讨的过程，学生对作品的点评，既是不同观点的交锋，又是对作品补充、修改、升华、完善的过程，培养了学生展示自我、团队合作的能力。

总之，中学生制作网页过程，是学生作为社会一员，从现实社会和生活出发，发掘网页主题、学习网页制作技能、搜集以主题为主线的网页内容、规划结构、制作网页、展示网页作品、完善作品的过程。中学生网页制作培养了中学生的自学能力、观察能力、创新能力、探究能力、创作能力和团队合作的能力，这是一个注重学生探索实践的舞台，是提升中学生综合能力运用的舞台。

［1］乌美娜，陈莉.“全国中小学电脑制作活动”［M］.北京：清华大学出版社，2005.

［2］汪洋，宋钰.网页设计与制作实例教程［M］.北京：机械工业出版社，2009.

［3］柳西杰，柳林.网页制作从入门到精通［M］.北京：人民邮电出版社，2013.