“网页制作”培训项目配套教学网站的设计与开发*

2011-10-20许晓安

中国教育信息化 2011年5期

关键词：网页制作网页建构

许晓安

（广东技术师范学院科研处，广东广州 510665）

“网页制作”培训项目配套教学网站的设计与开发*

许晓安

（广东技术师范学院科研处，广东广州 510665）

在网络环境下通过相应的配套教学网站可以实现教学辅导和师生课后沟通的双重目标。本文主要介绍了人力资源和社会保障部高职高专院校“网页制作”培训项目配套教学网站的设计策略，并结合软件技术实践，阐述了如何开发一个教学配套网站的过程。

配套教学网站；ASP.NET；网页制作

一、引言

应用网络辅助教学已经成为当代教育的一个非常重要的教学方式，成人在职培训教育也不例外。“网页制作”作为人力资源和社会保障部高级职业技能培训系列项目中的一门，对于全国各高职高专院校中从事本课程教学的相关专业教师职业技能的提升，作用非常重大。为了使本人主持的“网页制作”培训项目能更加有效地实施，加强教师与学员的课外交流，并使教师能及时地解决学员课后遇到的各种问题，特设计与开发了本配套教学网站。

二、目的与意义

“网页制作”培训项目以提升高职高专院校本课程专业教师动态交互网站设计与制作高级专业技能和网络教学技能为主要目标。成人在职教育的特点决定了学员只能在一段时间内（本项目是两周）集中进行培训，之后返回各自的工作单位，因此在这种培训中，教师与学员之间除了集中上课这段时间外，平时很少有时间在一起。建立本配套教学网站的主要目的就是为了方便学员课前与课后的学习，以及加强教师与学员之间、学员与学员之间的互动交流。利用这个教学网站，学员可以在培训之前了解相关的培训信息，进行课程内容的准备与预习，课后遇到问题时可以在网站中进行提问与讨论，教师则可以根据学员的要求与反馈及时发布最新消息，上传相关教学资源，以及调整教学进度等。培训结束后，学员在原单位的教学中，还可以利用本网站继续学习，如遇到相关问题，也可以利用此网站进行提问与讨论。

此外，本配套教学网站还具有以下优势：

（1）使用、更新、维护简便。学员无须特殊的平台和软件，只要电脑能够正常上网，且能正常使用浏览器。教师在线备课、更新教学资源也十分方便，只需将搜集到和整理好的相应文字、图片、声音、动画和视频等素材通过后台管理系统直接上传到数据库即可。

（2）在线答疑重视问题与回答方式的设计，提高学员的主动参与度。高水平的问题能引发学员进行有效的思考，而论坛为学员提供了表达意见的场所，充分体现了教学网站“以学员为中心”的特点。

三、理论依据

计算机辅导教学软件设计的理论，已经从早期的行为主义学习理论和认知学习理论，发展到现在的建构主义理论。建构主义学习理论认为：知识是认知主体在与客观环境的相互作用中获得的，而不是靠教师的传授得到的；认知主体的认识发展是通过意义建构的途径而形成的；认知主体的认识发展呈螺旋式前进。学习是获取知识的过程，建构主义提倡在教师指导下的，以学员为中心的学习，学员通过一定的情景（即社会文化背景），借助其他人（包括教师和同学）的帮助，利用必要的学习资料，通过意义建构的方式获得。即：情景、协作、会话、意义建构是学习环境中的四大要素。

在学习方法上，建构主义学习理论一方面要求发挥学员主体作用。即：要用探索法、发现法去建构知识的意义；在建构意义的过程中要求学员主动去搜集并分析有关的数据和资料，对所学习的问题要提出各种假设并努力加以验证；要求学员把当前学习内容所反映的事物尽量和自己已有知识的事物相联系，并对这种联系加以认真的思考。另一方面是发挥教师的主导作用。即：激发学员的学习兴趣，帮助学员形成学习动机；通过创设符合教学内容要求的情景和提示新旧知识之间联系的线索，帮助学员建构当前所学知识的意义；为了使意义建构更有效，教师应在可能的条件下，组织协作学习，并对协作学习过程进行引导，使之朝着有利于意义建构的方向发展。本配套教学网站的设计思路，正是基于这一理论。期望通过系统总体结构和各功能模块的设计，网站用于教学中，可以作为建构主义学习环境下的理想认知工具，能有效地促进学员认知结构的形成与发展。

四、网站设计

1.网站内容设计

内容设计是本配套教学网站建设中的重要一环。内容的设计必须服从并体现项目的培训目标。本培训项目的主要目标是提升高职高专院校本课程专业教师动态交互网站设计与制作高级专业技能和网络教学技能。因而，不管是主页，还是其他模块，在设计时都要围绕这一主要目标进行。

（1）主页内容设计

主页是进入网站的门户，此外围绕以上培训目标，主页中还提供了内容搜索、最近动态、网站快迅等教学辅助栏目。内容搜索栏目提供了一个学员快速搜索站内所有教学资源的快捷通道，最近动态栏目则将培训过程中的一些最新安排，例如何时考证报名、何时何地开展集中讨论、何时提交作品、何时何地参加考试等信息呈现在学员面前，网站快讯栏目则主要提供网站资源建设的一些最近进展情况，例如，上传新的课件和视频等。

（2）培训内容设计

如果把教学网站的设计与开发比作是一部专题片的构思与制作，那么培训内容模块的设计就是一个“构思剧本”的过程。围绕以上培训目标，本模块主要安排了动态网站设计与制作高级技能、国家精品网络课程设计与制作的标准与高职高专精品网络课程建设、以及网络技术应用热点问题讲座等三个方面的内容，其中，动态网站设计与制作高级技能是核心。

内容上的这种设计，一方面考虑到了学员培训的主要目标：掌握和提升高级技能，并通过考试获取高级职业技能证书，另一方面，考虑到参加培训的都是本课程全国高职高专的相关专业教师，都有多年的教学经验，基本理论与技能都非常娴熟，故还特别安排了国家精品网络课程设计与制作的标准与高职高专精品网络课程建设，以及网络技术应用热点问题讲座两个方面的内容。这两个方面的内容，既是学员教师技能进一步提升的需要，同时也是学员培训考证后回到原单位的主要工作目标之一。

通过对比我们发现，内容上的这种安排，是国内同类其他网页制作培训项目配套教学网站中所不具备的，这也是本教学网站的最大亮点之一。此外，动态网站设计与制作高级技能部分的内容，不是书本的搬家，而是在书本内容基础上的进一步系统化和层次化，并且，还补充了大量书本之外的相关内容。

（3）相关资源设计

相关资源模块中主要提供与课程有关的其他教学资料，例如教学课件、教案、视频课例等。所有教学资源都通过数据库进行动态管理。

其他相关模块的设计可参见本配套教学网站的系统结构，如图所示。

2.网站界面设计

（1）风格

一般来说，对于教学网站而言，网站界面设计必须做到整体风格统一，要在严谨、庄重的基调上，营造出生动活泼、清新亮丽、简洁明快的氛围，给人以美的感受，从而吸引学员的注意力，激发起学员的学习兴趣和动力。

（2）色彩

基于以上风格定位，本网站采用了以天蓝色为主要色系，以不同深浅的蓝色和白色作为基调的色彩搭配方式。蓝色代表深远、永恒、沉静、理智，是最具凉爽、清新、专业的色彩；白色代表纯洁、朴素、神圣、明快，具有洁白、纯真、清洁的感受；绿色代表新鲜、和平、柔和、安逸、青春，在本网站中作为邻近色彩使用。采用邻近色设计网页可以使网页避免色彩杂乱，易于达到页面的和谐统一。而蓝色和白色的混合，能体现柔顺、淡雅、浪漫的气氛，再加上局部的鲜艳色彩处理，使整个网站弥漫着清新明朗、一目了然、自然亲切的感觉，访问者仿佛置身于自然环境中，在轻松惬意中便融入到学习过程中。