专题学习网站的设计及其开发

专题学习网站的设计与开发,主要内容,一、专题学习网站概述 二、专题学习网站的特色 三、专题学习网站的组成 四、专题学习网站的功能 五、专题学习网站的设计 六、专题学习网站实例,一、专题学习网站概述,定义： 专题学习网站是在因特网环境下，围绕某一专题或几个专题进行较为广泛深入研究的资源学习型网站。,二、专题学习网站的特色,主题鲜明。专题学习网站的主题一般都选自教材或与教材相关的内容；专题学习网站的选题范围都比较小，这便于使专题学习网站做到小而精。 内容精悍。专题学习网站的内容都是围绕某一个主题来组织，因而，不仅内容丰富，而且针对性强。 交互性强。为了方便学习，专题学习网站都具有强交互性,有动态资源库,学习者的参与性强。 有良好的网络学习环境。专题学习网站不仅为学习者提供了大量的相关资源，还为学习者提供了各种各样的学习工具。在这里进行自主学习、协作学习或研究性学习都很方便。,三、专题学习网站的组成,专题学习网站通常由以下四个基本部分组成，如图7-1所示。,图7-1 专题学习网站的四个基本组成部分,专题学习网站的组成部分,结构化知识指的是通过收集整理、建设与本专题相关的文本、图片、动画、音频、视频等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作的具有较强交互性的专题网络教学课件。 扩展性知识扩展其他与专题相关的学科知识，从而综合各学科知识。 网上协商讨论空间是根据学习专题，构建网上协商讨论、答疑指导和远程讨论区域。 网上自我评价系统收集与学习专题相关的思考性问题、形成性练习和总结性考查的评测资料，并将其设计成基础性强、覆盖面广、难度适宜的题库，让学习者能进行网上自我学习评价。,四、专题学习网站的功能,专题学习网站是信息技术与学科课程整合的一种新形式，通过这种形式不仅可以让学生获得知识，而且能够帮助学生进行知识重构和创作，培养学生良好的创新精神、实践能力和信息素养。 专题学习网站的功能主要包括教学功能和资源整合功能。,专题学习网站的教学功能,具体来说，专题学习网站的教学功能是通过以下形式来体现的： 1.提供网络学习环境，为学生的知识学习创造良好条件 2.以专题学习网站为依托，为学生开展研究性、创新性学习提供环境 3.以专题学习网站为平台，开展协作性学习,1.提供网络学习环境，为学生的知识学习创造良好条件,建构主义都强调创设良好的教学情境的重要性，。因此，很多与具体学科相关的专题学习网站，都为学生提供了信息丰富、功能齐全的真实的或仿真的大量学习情境。 比如，在诗词学习中，一个很大的困难就是如何让学生想象和理解诗词中的意境。以往的做法就是全凭教师的口头描绘来调动学生的想象力。但并不是所有的学生都可以达到这个层次。现在，有了专题学习网站后，再进行诗词教学就方便多了。 下图是“中华诗词网”专题学习网站里介绍毛主席诗词沁圆春·雪的网页之一。,2.以专题学习网站为依托，为学生开展研究性、创新性学习提供环境,建构主义强调学生应是学习的主体，认为学习者自己发现的东西，才是最重要的和具有个人特色的知识。 传统的教学方式，大都采用集体授课。这种教学方式有优点，但也有不容忽视的缺点，就是它不可能照顾到每个学生的个体差异，这在素质教育日益盛行的今天，显然有点不相适宜。但利用专题学习网站训练学生进行研究性、创新性学习，就可以较好地弥补其不足。 下面以专题学习网站桥为例，来看看学生是如何进行研究性、创新性学习的。,学生利用专题学习网站进行研究性学习,专题学习网站桥就是为了让学生更好地学习这些课文，了解更多的有关“桥”的知识而设计的。 学生在进行研究性学习时，首先要根据自己的能力选择某个学习任务，然后开始进行问题研究。在研究的过程中，他可以充分地利用现有专题学习网站上的网络资源，也可以利用网站提供的“学习讨论区”与老师和同学讨论，还可以利用其他网站的资源。完成任务后，学生就可以在“学习成果”园地展示自己的作品。这就是一个比较完整的研究性学习过程。,3.以专题学习网站为平台，开展协作性学习,协作学习是自主学习的一种重要方式，建构主义与人本主义理论都十分重视，认为协作学习有助于个体认知结构的建构和发展，要求教师要积极引导学生在一定情境下，开展人与人之间的协作讨论与交流学习。从某种意义上说，专题学习网站就是一个网络平台，通过这个平台，学生开展协作性学习是非常的方便。 在小学自然常识教学中，有很多涉及到环保方面的知识，为了扩大学生的知识面，调动学生对环保知识学习的兴趣，发展学生的探究学习能力，华南师范大学附属小学设计制作了保护地球专题网站，该网站不仅信息量大，而且交互性很强，它所建立的学习型交流平台，十分便利学生在网站论坛中互相交流信息，协作互动学习。,2 专题学习网站的资源整合功能,一般而言，专题学习网站都具有与专题主旨内容相关的大量资源，这些资源包含有文字、视频、音频、动画等，它们一起构成专题学习网站的学习环境。 专题学习网站与CAI课件的区别之一，就是其资源更丰富，但这些资源并不是简单地堆砌在一起，而是参与到学习过程中，为学生所利用，从而实现专题学习网站的资源整合功能。下面我们以海底探秘(如图7-4所示)专题学习网站为例，来讨论一下专题学习网站是如何利用其资源为学习者提供服务的。,学习网站如何利用资源为学习者提供服务,在小学3-6年级的课程中，很多地方都涉及到有关海洋的知识，由于年龄上的差别，各年级学生对海洋知识的需求和认识上存在一定的差异。海底探秘专题学习网站为学习者提供了丰富的资源，以适应不同层次的学习需要。 网站围绕“海底探秘”这一单元主题，把与学习内容相关的文本、图形、图像、动态资料等进行知识结构化重组，由“海底概况”、“海底植物”、“海底动物”、“海底矿物”、“资源利用”、“海底之谜”、“海洋探秘”七大块组成，向学生展示了结构化的学习资源， 在接下来的学习中，比如，学习者选择了第一条学习目标，即要“构建自己的关于海底世界的知识体系”，他就要查阅大量的相关资源，通过对收集到的资料进行分类，形成自己的知识体系。而学习者所依据的资源，在该专题网站上基本上都已经列出了。 因此，这种面向网络的学习，不仅使学习者获得了知识，还培养了其学习的方法和获取有用信息的能力、创造性地加工处理信息的能力。,五、专题学习网站的设计,专题学习网站的设计一般包括教学设计、系统设计和页面设计等几个方面，本节主要介绍专题学习网站的教学设计。 （一）专题学习网站的设计策略 （二）专题学习网站的教学设计方法,（一）专题学习网站的设计策略,.注重选题 （1）教育性和科学性。 （2）整合性。 （3）专题要小而精。 （4）主题要独特、新颖。 2.创设有意义的学习情境 通过为学生提供例如文本、图形、图像、动画、视频、音频及多媒体课件和网络通讯工具等各种各样的网络资源，可以为学生的自主学习和协作学习创设有意义的学习情境。,（二）、专题学习网站的教学设计方法,1.网站的需求分析与设计目标确定 2.学习者特征的分析 3.专题确定 4.内容选取 5.知识结构体系的设计 6.信息资源的设计 7.自主学习的设计 8.协作学习环境的设计 9.学习评价系统的设计,六、专题学习网站实例,我们将以一个比较典型的专题学习网站陶艺专题学习网站为例，从系统设计、界面设计到教学设计对专题学习网站做一个较为全面的介绍。 （一） 陶艺专题学习网站的设计 （二）陶艺专题学习网站的页面设计 （三） 陶艺专题学习网站的教学设计,（一） 陶艺专题学习网站的设计,该网站分为主页、陶艺概况、陶艺教室和陶艺博物馆四部分。如图是该网站的设计框图：,陶艺专题学习网站,（1）陶艺概况。从陶艺是什么、陶艺与文化这两点展开。主要依据大纲要求，学习内容图文并茂，通过大量的图片和文字让学生领略神秘的原始陶器、宏伟的兵马俑、绚丽的唐三彩、高贵的白瓷、典雅的青花瓷、丰富的彩绘瓷和充满时代感的现代陶艺作品。通过版面的精心设计，使学生感知到陶艺的艺术美和实用美，体会到陶艺的价值，从而激发学生的学习兴趣和积极性，学生通过网上的提问进行浏览和学习，可以掌握课前预习的主要内容，培养学生探索研究的能力。,（2）陶艺博物馆。这部分内容是陶艺教学内容的延续和补充，也是陶艺相关扩展知识资源展示，主要从教学需求的角度出发。它既包含大纲中要求学生理解和掌握的陶艺造型的基本技巧，又补充了陶艺相关的制作技巧。分为陶艺技巧厅、陶艺佳作厅、陶艺资源厅三大部分内容。陶艺技巧厅包括了陶艺的基本造型技巧，有关装饰的技巧，以及补充部分的施釉、烧窑等相关知识和技巧，学生可以通过参观和学习各个展室，以对陶艺的制作有系统的了解。陶艺佳作厅通过大量的图片，让学生从与课堂教学内容相关的造型技巧佳作中受到启发，从而更好地进行课堂作业的创作，还为学生想了解宜兴紫砂壶和景德镇瓷器的知识进行知识扩展和作品欣赏。如果想更进一步地多了解一些陶艺的知识和动态，陶艺资源厅提供了丰富的网上资源，以便能满足求知欲强的同学。,（3）陶艺教室。这部分从教学的角度出发，为学生提供了以小学美术大纲中必须使学生掌握的泥条盘制法、泥板成型法、徒手捏制法这三大陶艺的造型方法的相关知识和图片，包括目标要求、预习指导、内容讲解、作业练习四块内容。学生可以在这里学习相关的知识，并可跳转至陶艺博物馆的佳作厅浏览各类造型方法制作的优秀作品。学生通过网上的思考题进行有选择地浏览和学习，学生在这里可以学习讨论，并利用网络重新生成新的问题并解决问题。,（二）陶艺专题学习网站的页面设计 1主页设计,主页是网站的门面，网站设计得是否精彩，是否具有吸引力，很大程度上取决于主页的设计。一般而言，设计主页主要应考虑以下问题：内容的合理布局；清晰的导航；色彩的正确搭配。 下面就以陶艺专题学习网站为例，来看看主页是如何设计的。如下图是陶艺专题学习网站的主页。 可以看到，该主页主要划分成了三个区域。上面是服务区，主要为教师和学生提供所需的服务；中间是学习导航区，包含了该网站具有的主要功能的超级链接，为学习者提供清晰的导航；下面是动画区，其实也是三个超级链接，分别对应着陶艺概况、陶艺教室和陶艺博物馆。,陶艺专题学习网站的主页特点,该主页具有以下特点： （1）页面元素布局合理。主页的主要任务是为学习者进行网络学习提供一个清晰的知识框架，考虑到这是一个专题学习网站，所以，制作者并没有像其他一般网站那样堆砌过多的无关元素，也没有过于追求动感，所以整个画面显得较为朴素，但很爽目。 （2）导航按钮设计得非常醒目。导航的设计，一要考虑习惯，二要考虑对象。对于小学生，我们在设计时应该考虑到尽可能减少他们在导航方面所花的时间，所以导航按钮位置的选择是颇为关键的。在该网站的主页上，将几个主要的功能按钮设计在中央位置，是一种较好的选择。同时，三个动画按钮进一步加强了导航的作用。如果有少数学生不能很快地找到文本形式的超级按钮，那么他们应该能通过动画超级链接找到自己要找的内容。 （3）图片、文字、动画与色彩的搭配也是颇具匠心的。,（二） 陶艺专题学习网站的页面设计 2.二级和三级页面的设计,对于中小学生来讲，设计网站时，要考虑到次级页面不宜过深，一般不应超过三级，否则学生就会迷航。 在陶艺专题学习网站的设计中，制作者也是作了三级页面设计。下面我们就来看看其次级页面的设计。 如下图，是二级页面“陶艺博物馆”的页面示例。 “陶艺博物馆”的功能是通过三个主要超级链接群“陶艺技巧厅”、“陶艺佳作厅”和“陶艺资源厅”实现的。为了减少页面层数，在每个群的下面，分别又制作了一些表现具体功能的小的超级链接。如在“陶艺佳作厅”里，就包含了“造型技巧佳作”、“宜兴紫砂壶”、“景德镇陶瓷”等。 虽然网页涉及的内容不多，但制作者巧妙地加入了一些图片元素，不仅美化了页面，也使得各超级链接衬托得更加鲜明，真是相得益彰。,“陶艺博物馆”的二级页面“陶艺佳作厅”,下图是“陶艺博物馆”的二级页面“陶艺佳作厅”，显示的是一些陶艺佳作。引人注目的是这一级页面和它的上级页面有很大的相似性。这是自然的，也是合