中小学优秀专题学习网站首页分析及启示

孙冬冬

摘 要：文章以《中小学信息技术教育》2007年第4期《优秀专题学习网站推荐》刊载的优秀专题学习网站为分析对象，从导航栏目设置、网站图像应用两方面进行网站功能分析；从网站框架结构、色彩、网站风格三个方面进行网站审美分析；并通过这两方面的分析，以期找到优秀专题学习网站的共性及特色，为同行提供参考。

关键字：中小学专题网站；首页分析；启示

中图分类号：G434 文献标志码：B 文章编号：1673-8454（2015）16-0050-03

一、专题学习网站选取的理由和标准

专题学习网站是通过在网络学习环境中，向学习者提供协作学习交流工具和大量的专题学习资源，让学习者自己选择和确定研究课题，自己搜集、分析并选择资料，应用知识和工具去解决实际问题。[1]它是基础教育改革的产物，应当体现新课改的精神，满足新课改环境下学生的协作性学习与探究性学习的需要，旨在培养学生的创新能力。

2001年，华南师范大学李克东教授首次提出“专题探索——网站开发”的学习模式，这是专题学习网站研究的开端。经过几年的发展，专题学习网站已经具备一定的影响力，越来越多的教师开始利用专题学习网站探索新的教育模式。因此，研究已有的优秀专题学习网站的风格，取其精华去其糟粕，可以更好地促进专题学习网站的建设，使基础教育改革如虎添翼，更好地实现基础教育改革的目标。

《中小学信息技术教育》在2007年第4期刊载了《优秀专题学习网站推荐》一文，文中总共推荐了40个优秀专题学习网站。通过网络搜索，目前仍然处于生存状态的为16个。本文以这16个专题学习网站为研究对象，从网站的功能和审美两个角度分析，以期找到优秀专题学习网站的共性及特色。

二、专题学习网站功能分析

专题学习网站的终极目标是为培养具有创造思维和创造能力的人服务的。[2] 建构主义学习理论认为，情境的创设对于学习者的认知有着极其重要的意义。因此，各专题学习网站通过设置结构化的网站导航栏目和提供生动形象的图像，努力为学生提供自主、协作及探究的学习情境。

1.导航栏目设置分析

结构化知识的展示是专题学习网站建设的重要环节和生命底线，学生可以从里面找到解决熟悉任务的程序。[3] 而网站结构化知识展示的基础则是清晰高效的网站导航栏目的设置。笔者统计了这16个专题学习网站栏目设置情况（如表1），不同网站导航栏设置既有共性又有特色。

导航栏目基本包含三块内容：专题学习资源、学习支持工具及学习评价。专题学习资源一般由专题结构化知识、扩展学习资源、学习素材、相关网站链接组成；学习支持工具则表现在讨论板、互动栏目、博客等互动平台的应用；而学习评价主要是对学生学习成果的展示及客观性评价。

在16个专题学习网站中，栏目设置较为完整的是家园网站、小学语文吧、中华诗词网、漫游多媒体世界网站、书法网站，基本符合专题学习网站所要具备的功能。实小专题学习网站的特色是集中了学校各个学科的专题学习网站，并按学科归纳分类；数学专题学习网站及连元网校网站的特色是提供分类整合的相关专题资源；英语早餐专题学习网站、杜十娘怒沉百宝箱、罗湖区中小学心理健康教育网及轴对称学习网站的特色主要体现在紧扣专题内容，专题设计注重趣味性；青青口琴擂台网站的特色体现在注重学生的参与，整个网站栏目的设计以学生为主体；我的龙城网、南空翰林院、威尼斯小城的特色在于注重知识的普及，因此专题结构化知识及拓展学习资源是其栏目建设的重点。

2.网站图像的应用分析

专题学习网站中适当地应用图像，有利于吸引学生的注意力，从而提高学生的认知内驱力。通过研究16个优秀专题学习网站中图像的应用可以发现，家园、中华诗词网、小学语文吧、书法空间等选题较大且较为系统的专题学习网站中图像应用较少，而其他专题学习网站主要应用静态图像，且静态图像的应用主要有如下特点：

（1）注重图像的趣味性，提高学生的学习兴趣

如在英语早餐专题学习网站、连元网校作文天地专题学习网站、罗湖区中小学心理健康教育网中均使用了卡通图像。卡通图像的应用为网站页面增添了活力，有利于吸引学生的注意力，提高学生的学习兴趣。

（2）注重利用图像创设情境，利于学生对知识的建构

轴对称图形、英语早餐、威尼斯小艇、我的龙城、南孔翰林院、杜十娘怒沉百宝箱等小型专题学习网站，主要采用了主题相关的系列图片，旨在通过图文并茂的形式使得学生更好地理解学习内容。

（3）注重利用图像衬托主题，突出主题特色

数学专题资源网及实小专题网站等专题资源集中型网站，均通过以文本形式及相应的图像形式对专题资源内容进行简介，让学习者一目了然；青青口琴擂台网图像来源则是学生的照片，以此来衬托学生“擂台之争”的主题。

三、专题学习网站的审美分析

网站的审美分析是必不可少的，通过分析16个存活的优秀专题学习网站可知，可以从网站的框架结构、色彩、网站风格三个方面探讨专题学习网站建设过程中的审美分析。

1.框架结构分析

网页的造型，可以充分借鉴自然界中的形状以及形状之间的组合，比如常见的矩形、圆形、三角形、菱形等网页造型。各种不同的造型均有约定俗成的意义，如矩形造型代表着正式、严谨；圆形造型代表着柔和、团结、温暖；三角形造型代表着权威、稳定等。目前，网页的造型一般采用多种图形相结合的造型。因此，网页的造型是指占有较大构图比例的图形。目前专题学习网站的造型主要有矩形、圆形、圆角矩形等造型。较有代表性的如矩形造型的家园网站、圆形造型的英语早餐网、圆角矩形造型的威尼斯小艇网。

专题学习网站网页布局用得较多的有：国字型，如家园、连元网校作文天地专题学习网站；拐角型，如罗湖区中小学心理健康教育网、数学专题资源网等专题学习网站；左右框架型，如漫游多媒体世界专题学习网站；标题正文型，如轴对称图形、威尼斯小艇等专题学习网站；封面型，如我的龙城、南孔翰林院专题学习网站的欢迎界面；Flash型，如英语早餐专题学习网站。

2.色彩分析

网页色彩是影响网站风格的重要因素，色彩的视觉冲击力极强，不同的色彩搭配会有不同的视觉效果。常用的网站标准色为：蓝色、黄/橙色、黑灰白三大系列色，如蓝色系的漫游多媒体专题学习网站；橙色的家园专题学习网站及黑白色系的青青口琴网。一般而言，一个网站的标准色不超过三种，否则会给浏览者眼花缭乱的感觉，网站也会失去特色。网站颜色搭配基本技巧为：亮色与暗色相搭配，补色搭配容易产生视觉冲击力，而邻色搭配则给人柔和协调的感觉。

目前专题学习网站大多采用浅色背景，如白底中华诗词网，淡绿底的漫游多媒体世界、实小专题学习网、数学专题资源网、小学语文吧、轴对称图形，灰色底我的龙城等。前景颜色则使用深色搭配，如蓝色、黑色、绿色等。

3.网站风格分析

中小学专题学习网站面向的对象为中小学学生，在网站设计时，教师会充分考虑到这一年龄段的学习者的特点，16个专题学习网站都体现了明快活泼、积极向上的网站风格。

四、启示

专题学习网站方兴未艾，虽然取得了一定的成就，但是也存在着不少问题，我们在设计专题学习网站时应该注意以下问题：

1.网站导航栏目设置要合理

网站导航栏目应该根据网站功能而定，专题学习网站常见的功能有：资源性功能、交流协作功能、专题研讨功能、在线评价和测试功能、成果展示功能等。若专题侧重于提供优秀资源，那么导航栏目一般包含较为完整的专题资源栏目：专题结构化知识、扩展学习资源、学习素材、相关网站链接等栏目建设极为重要。若专题侧重于交流协作功能，那么学习支持工具（讨论板、答疑区、互动区、博客等）的建设则成为重点，而专题资源栏目设置可以根据需要进行有效选择。若侧重于专题研讨功能，则结构化知识与学习支持工具的栏目建设即成为重点。若侧重于在线评价和测试功能及成果展示功能，则应该建立完善的评价栏目和相应的评价系统。

2.网页图像的选取要有效

图像是专题学习网站的重要构成元素，图像在专题学习网站中常见的主要功能有：美化页面、衬托主题、创设情境、提供学习素材。不管哪一种功能均要求所提供的图片与专题资源相适应，且较为典型。若设计者无法找到将某张图像放在专题网站中的有效理由，那么该图像就是无效的图像。换句话说，专题学习网站中的每张图像都应有其不可替代的作用，而美化页面只是其最原始的功能。

3.网页造型与主题相适应

专题学习网站是课堂教学的延伸，它的功能主要是传播知识，因此，专题学习网站应该给人以严谨、客观、正式的印象。但专题学习网站的设计宗旨是培养学习者的创造能力及创造思维，这就要求专题学习网站应该尽可能地生动、活泼。因此，专题学习网站网页造型应给浏览者以严谨、客观、生动、活泼的感觉，可采用圆形、矩形、圆角矩形、菱形等不同造型及趋向于缓和的造型。

4.网页布局与网页元素相协调

网页布局大致可分为“国”字型、拐角型、标题正文型、左右框架型、上下框架型、综合框架型、封面型、Flash型、变化型等，专题学习网站可以根据网页元素的多少选择相应的布局。若专题选题内容较多、系统性较强且栏目较多，则可以考虑“国”字形、拐角型或者综合框架型；若栏目设置较少，所要展示的文字内容较多，则可以采用上下框架型或者左右框架型；若需要设置欢迎界面或者使页面更加生动活泼，则可以选择封面型或者Flash型。

5.网页颜色选择要典型

在选择网页色彩时，除了搭配技巧外，还应该注意网页的引申义，如蓝色代表信任、严谨、宽容；红色代表热情、性感等。专题学习网站属于教育类的网站，教育类的网站用色多变，一般而言，理工科常用蓝色，表示其理性、冷静、深远、博大的特征；文学类则侧重于青春、明快、幻想，颜色侧重于鲜亮，如嫩绿、粉色等；儿童教育类网站一般采用暖色系，如黄色、嫩绿、橙色等，专题学习网站在颜色设计时可以以此为参考，确立其颜色基调。

参考文献：

[1]谢幼如，马秀芳，余红.“网络教学设计”专题学习网站的设计与开发[J].中国电化教育，2003（5）.

[2][3]沙景荣，赵兴龙，张燕.专题学习网站的学习功能[J].中小学信息技术教育，2006（1）. （编辑：李晓萍）