专题学习网站的设计与开发.ppt

《专题学习网站的设计与开发.ppt》由会员分享，可在线阅读，更多相关《专题学习网站的设计与开发.ppt（67页珍藏版）》请在三一文库上搜索。

1、专题学习网站的设计与开发,信息技术与课程整合,学习目标：,1了解专题学习网站的概念与发展。 2理解专题学习网站的功能。 3理解专题学习网站的管理系统。 4掌握专题学习网站的教学设计方法。 5掌握专题学习网站的系统设计方法。 6了解专题学习网站的实现技术。,学习指导：,1本章主要介绍了专题网站的概念、功能、管理、设计和实现方法。专题网站的教学设计，系统设计方法是本章的学习重点；专题网站的实现技术和方法是本章的学习难点。 2本章涉及的知识点较多，从教学设计方法到具体的网站实现技术，学习之前要求学习者必须具备基本的教学设计理论、掌握普通网站开发技术、熟悉专题网站表现形式。 3本章学习过程中，可以对书

2、中提到具体的几个案例进行设计和归纳总结，设计和开发出类似的专题网站，并进行比较，总结和反思。,7.1专题学习网站概述,7.1.1专题学习网站的概念 7.1.2专题学习网站的发展背景 7.1.3专题学习网站的特色 7.1.4专题学习网站的组成,7.1专题学习网站概述 7.1.1专题学习网站的概念,专题学习网站的本质是一个基于网络资源的专题研究、协作式学习系统，它通过在网络学习环境中，向学习者提供大量的专题学习资源和协作学习交流工具，让学习者自己选择和确定研究的课题或项目的设计，自己收集、分析并选择信息资料，应用知识去解决实际问题。它强调通过学习者主体性的探索、研究、协作来求得问题解决，从而让学习

3、者体验和了解科学探索过程，提高学习者获取信息、分析信息、加工信息的实践能力和培养良好的创新意识与信息素养。 专题学习网站的特点是：资源建设以“专题”为导向；教学功能以研究性学习为主要方式；以培养学生的创新精神和实践能力、提高学生的信息素养为目标。,7.1.2专题学习网站的发展背景,国内第一家专题学习网站出现在1996年，短短几年过去，如今这类网站的发展数量已达到了令人惊讶的程度。仅以中小学校为例，现在不仅很多学校的教研组把设计、制作校本专题学习网站当作科研任务来对待，而且，很多教师都拥有个人的专题学习网站。其发展真可用“雨后春笋”来形容。 那么专题学习网站何以发展得如此迅速呢？ 首先，专题学习

4、网站的兴起，从根本上说，是由于教育创新的需要。 其次，专题学习网站的出现，也是研究性学习的需要。,7.1.3专题学习网站的特色,主题鲜明。一方面，专题学习网站的主题一般都选自教材或与教材相关的内容；另一方面，专题学习网站的选题范围都比较小，这便于使专题学习网站做到小而精。 内容精悍。专题学习网站的内容都是围绕某一个主题来组织，因而，不仅内容丰富，而且针对性强。 交互性强。为了方便学习，专题学习网站都具有强交互性,有动态资源库,学习者的参与性强。 有良好的网络学习环境。专题学习网站不仅为学习者提供了大量的相关资源，还为学习者提供了各种各样的学习工具。在这里进行自主学习、协作学习或研究性学习都很方

5、便。,7.1.4专题学习网站的组成,专题学习网站通常由以下四个基本部分组成，如图7-1所示。,图7-1 专题学习网站的四个基本组成部分,专题学习网站的四个基本组成部分,结构化知识指的是通过收集整理、建设与本专题相关的文本、图片、动画、音频、视频等教学媒体，按一定的教学策略进行分类、组织，以网页形式制作的具有较强交互性的专题网络教学课件。 扩展性知识扩展其他与专题相关的学科知识，从而综合各学科知识。 网上协商讨论空间是根据学习专题，构建网上协商讨论、答疑指导和远程讨论区域。 网上自我评价系统收集与学习专题相关的思考性问题、形成性练习和总结性考查的评测资料，并将其设计成基础性强、覆盖面广、难度适宜

6、的题库，让学习者能进行网上自我学习评价。,7.2 专题学习网站的功能,专题学习网站是信息技术与学科课程整合的一种新形式，通过这种形式不仅可以让学生获得知识，而且能够帮助学生进行知识重构和创作，培养学生良好的创新精神、实践能力和信息素养。 专题学习网站的功能主要包括教学功能和资源整合功能。,7.2.1 专题学习网站的教学功能,具体来说，专题学习网站的教学功能是通过以下形式来体现的： 1.提供网络学习环境，为学生的知识学习创造良好条件 2.以专题学习网站为依托，为学生开展研究性、创新性学习提供环境 3.以专题学习网站为平台，开展协作性学习,1.提供网络学习环境，为学生的知识学习创造良好条件,建构主

7、义与人本主义都强调创设良好的教学情境的重要性，认为，让学习者在真实的、复杂的情境中学习，能够引导他们利用自己原有认知结构中的有关经验，主动地去同化和顺应当前学习到的新知识，解决新问题，从而赋予新知识以某种意义。因此，很多与具体学科相关的专题学习网站，都为学生提供了信息丰富、功能齐全的真实的或仿真的大量学习情境。 比如，在诗词学习中，一个很大的困难就是如何让学生想象和理解诗词中的意境。以往的做法就是全凭教师的口头描绘来调动学生的想象力。诚然，有些学生可以达到这个层次，但并不是所有的学生都可以达到这个层次。现在，有了专题学习网站后，再进行诗词教学就方便多了。 图7-2是“中华诗词网”专题学习网站里

8、介绍毛主席诗词沁圆春雪的网页之一。,“中华诗词网” 沁圆春雪,沁圆春雪是一首豪迈的抒情诗。全诗通过对景物的描写和对历史人物的追述来抒发自己的革命豪情。诗中有景，景中寄情。 在教学中，丰富的网络资源为学生提供了生动具体的诗景：茫茫大地，天寒地冻；白雪皑皑，河流阻塞。一位伟人在沉吟着、思考着，。学生在直觉形象中，体会了诗中的意境，从而体了会诗人的诗情。 与此同时，教师还可以让学生在“中华诗词网”专题学习网站资源中，自主地拓展检索相关资料，或进行其他的诗词赏析。,2.以专题学习网站为依托，为学生开展研究性、创新性学习提供环境,建构主义强调学生应是学习的主体，认为学习者自己发现的东西，才是最重要的和最

9、高于独创的个人特色的知识。 传统的教学方式，大都采用集体授课。这种教学方式有优点，但也有不容忽视的缺点，就是它不可能照顾到每个学生的个体差异，这在素质教育日益盛行的今天，显然有点不相适宜。但利用专题学习网站训练学生进行研究性、创新性学习，就可以较好地弥补其不足。 下面以专题学习网站桥为例，来看看学生是如何进行研究性、创新性学习的。,学生利用专题学习网站进行研究性学习,专题学习网站桥就是为了让学生更好地学习这些课文，了解更多的有关“桥”的知识而设计的。 学生在进行研究性学习时，首先要根据自己的能力选择某个学习任务，然后开始进行问题研究。在研究的过程中，他可以充分地利用现有专题学习网站上的网络资源

10、，也可以利用网站提供的“学习讨论区”与老师和同学讨论，还可以利用其他网站的资源。完成任务后，学生就可以在“学习成果”园地展示自己的作品。这就是一个比较完整的研究性学习过程。,为什么说，在这种研究性学习中，培养了学生的能力呢？,我们知道，互联网的最大特点是其资源极其丰富，在互联网上学生可以接触到各式各样、方方面面的信息，从而使学生的视野不再局限于书本的内容，这样可以培养学生在掌握了充分的知识之后，敢于大胆提出自己观点的创新精神。在桥专题学习网站中，为学生提供了大量的关于“桥”的学习资源，它们来源于课本，但又不局限于课本，从而开阔了学生的视野，为学生的知识创新提供了良好的契机。 此外，在开展网络环

11、境下研究性学习的过程中，通过学生与学生之间、学生与教师之间、学生与相关专业人士进行交流，互相从问题的不同侧面进行辩论与探讨，可以使学生进行充分的调查研究、探索事物的来龙去脉，形成对事物更加全面的认识。,3.以专题学习网站为平台，开展协作性学习,协作学习是自主学习的一种重要方式，建构主义与人本主义理论都十分重视，认为协作学习有助于个体认知结构的建构和发展，要求教师要积极引导学生在一定情境下，开展人与人之间的协作讨论与交流学习。从某种意义上说，专题学习网站就是一个网络平台，通过这个平台，方便学生开展协作性学习是非常的。 在小学自然常识教学中，有很多涉及到环保方面的知识，为了扩大学生的知识面，调动学

12、生对环保知识学习的兴趣，发展学生的探究学习能力，华南师范大学附属小学设计制作了保护地球专题网站，该网站不仅信息量大，而且交互性很强，它所建立的学习型交流平台，十分便利学生在网站论坛中互相交流信息，协作互动学习。,以专题学习网站为平台，开展协作性学习,如利用该专题网站教授淡水危机一课时，课一开始，教师就引导学生一起观看网站中淡水危机的视频资料，直接切入主题。学生们在观看的过程中产生了种种疑问，并将这些疑问归结为几个专题。根据自己的疑问，学生们分组合作，上网查询有关资料，并进行分析、加工，对问题进行探索、验证，得出正确的结论，然后，编制成电子演示文稿，在全班开展交流，在大组交流时，不仅解答了课初时

13、同学们提出的问题，还对其他小组的发言进行补充，提出建设性的意见。通过个别化学习与小组协作学习，学生们不但自主地学到了有关环保知识，同时还提高了网上检索信息与分析信息的能力。,7.2.2 专题学习网站的资源整合功能,一般而言，专题学习网站都具有与专题主旨内容相关的大量资源，这些资源包含有文字、视频、音频、动画等，它们一起构成专题学习网站的学习环境。 专题学习网站与CAI课件的区别之一，就是其资源更丰富，但这些资源并不是简单地堆砌在一起，而是参与到学习过程中，为学生所利用，从而实现专题学习网站的资源整合功能。下面我们以海底探秘(如图7-4所示)专题学习网站为例，来讨论一下专题学习网站是如何利用其资

14、源为学习者提供服务的。,学习网站如何利用资源为学习者提供服务,在小学3-6年级的课程中，很多地方都涉及到有关海洋的知识，由于年龄上的差别，各年级学生对海洋知识的需求和认识上存在一定的差异。海底探秘专题学习网站为学习者提供了丰富的资源，以适应不同层次的学习需要。 网站围绕“海底探秘”这一单元主题，把与学习内容相关的文本、图形、图像、动态资料等进行知识结构化重组，由“海底概况”、“海底植物”、“海底动物”、“海底矿物”、“资源利用”、“海底之谜”、“海洋探秘”七大块组成，向学生展示了结构化的学习资源，有利于学生迅速占有丰富的、详实的相关学习资源，为进一步学习打下基础。 在接下来的学习中，比如，学习

15、者选择了第一条学习目标，即要“构建自己的关于海底世界的知识体系”，他就要查阅大量的相关资源，通过对收集到的资料进行分类，形成自己的知识体系。而学习者所依据的资源，在该专题网站上基本上都已经列出了。 因此，这种面向网络的学习，不仅使学习者获得了知识，还培养了其学习的方法和获取有用信息的能力、创造性地加工处理信息的能力。,7.3 专题学习网站的设计,专题学习网站的设计一般包括教学设计、系统设计和页面设计等几个方面，本节主要介绍专题学习网站的教学设计。 7.3.1 专题学习网站的设计原则 7.3.2 专题学习网站的设计策略 7.3.3 专题学习网站的教学设计方法,7.3.1 专题学习网站的设计原则,

16、教学性原则。专题学习网站是为了教学的需要而设计的，因此，专题学习网站设计的一切活动都是围绕这个中心来展开的。无论是确定主题，还是选择内容，或设计交互，制定评价指标等，都要围绕这个中心，否则，便不成其为学习网站。 内容的整合性原则。专题学习网站的内容以专题为线索，融合多学科知识，在新的内容的基础上，进行知识和结构的重构，从而达到高度的整合。 功能的综合性原则。专题学习网站围绕某个主题展开深入研究，并提供必要的资源，它不仅可以作为学生自学和进行探索性、协作性学习的工具，也可以作为教师备课、上课的平台，因此它集多种功能于一体，提高了资源的使用效率。 教学设计的原则。专题学习网站高度重视教学设计。教学

17、设计是一般教学的必要步骤，更是专题学习网站的必不可少的设计步骤。只有经过教学设计，才能确定知识表现形式和内容的组织结构，从而达到网站的设计目标。,7.3.2 专题学习网站的设计策略,.注重选题 （1）教育性和科学性。 （2）整合性。 （3）专题要小而精。 （4）主题要独特、新颖。 2.创设有意义的学习情境 通过为学生提供例如文本、图形、图像、动画、视频、音频及多媒体课件和网络通讯工具等各种各样的网络资源，可以为学生的自主学习和协作学习创设有意义的学习情境。,7.3.3专题学习网站的教学设计方法,1.网站的需求分析与设计目标确定 2.学习者特征的分析 3.专题确定 4.内容选取 5.知识结构体系

18、的设计 6.信息资源的设计 7.自主学习的设计 8.协作学习环境的设计 9.学习评价系统的设计,7.4 专题学习网站的管理系统,7.4.1 专题学习网站管理系统的理论模型 7.4.2 专题学习网站管理系统的设计原则 7.4.3 管理系统设计目标 7.4.4 专题学习网站管理系统的总体架构 7.4.5 资源的组织和建设管理 7.4.6 论坛管理 7.4.7 系统管理,7.4.1 专题学习网站管理系统的理论模型,在网上学习中，专题学习网站针对不同的教学需要和庞大的学科资源，如何进行有效的管理，成为管理系统的主要任务。 一般来说，管理系统主要包括对教学活动的管理和教学资源的管理工作两大部分，以实现对

19、教学人员活动的教务管理和对网上教学内容的资源管理。,教学管理系统,教学活动管理系统,教学资源管理系统,教务管理,系统管理,对各种教学资源的采集、管理、检索和利用,图7-5专题网站管理系统的理论模型,专业与课程管理,1.教学活动管理系统,教学活动管理系统覆盖教学活动的各个环节，其管理范围包括教学涉及的所有对象和相关资源，如学生、教师、学科教学资源等。同时，它将以学生为中心，为学生创造一个个性化、智能化的网上学习环境，具体包括教务管理、学习管理、专业与课程管理、系统管理等方面的内容。 其主要功能有： （1）教务管理。包括注册认证、学籍管理（电子学档）、教师档案管理、信息查询、行政公文管理和数据统计

20、与分析等。 （2）专业与课程管理。专业课程管理包括设置、修订专业，专业课程的设置管理、专业资源分配管理等。课程管理包括设立课程，分配建立与课程相关的设施，如邮箱、讨论区、聊天室、相关网址等。课程管理还可以提供灵活的数据库报表功能，为教学人员和管理人员提供有关课程的各种统计信息。 (3）系统管理。指对整个教学平台进行宏观因素管理的功能。,2.教学资源管理系统,建立管理各种类型的网络学科资源库，可以实现资源搜索的高效性，为教学利用提供帮助，这有利于学习者的主动发现、主动探索、发展联想思维和建立新旧知识的联系。教学资源管理系统主要功能是对各种教学资源进行采集、管理、检索和利用。 其基本功能要求为：

21、（1）具备对素材进行查、录、删、改等基本功能； （2）支持资源查询功能； （3）资料上传功能； （4）具备良好的导航及检索预览功能。,7.4.2 专题学习网站管理系统的设计原则,教育性原则。教学支撑环境的功能设计和呈现方式的设计，要以远程教育教学和学习需要为依据，对学习支持和教学资源管理提供强有力的功能支持。 界面友好原则。界面美观、大方，一目了然；操作要简单，不需要大量的预备技能；提示信息详尽、完备、恰当。 能支持多种学习模式。能支持个别化学习模式、协作学习模式和讨论式学习模式，从而加强远程教育的灵活性和适应性，也是培养创新人才的重要保证。 可扩充性原则。可扩充性原则是指平台建设既考虑目前远

22、程教育实践对支撑环境的要求，也要考虑未来发展的需要，因此，软件功能上应有进一步开发的计划，硬件设备的选型要考虑扩充方案的成本。 易维护性原则。当出现业务上小的变动和出现新的需要时，要能够方便快速地进行维护。,7.4.3 管理系统设计目标,专题学习网站管理系统包括教学支持系统和教务管理系统。系统通过对用户、专题、相关资源及讨论区的管理来完善专题学习网站的功能，帮助教师和学生更好地利用网络对某一专题进行深入探索与研究学习。 专题学习网站管理系统的设计目标为： 用户管理。实现用户注册认证、学籍管理、用户资料修改、教师档案管理和注销的功能。 专题管理。实现专题的组织和管理功能。 资源管理。实现按专题组

23、织和呈现资源、站内和站外的资源检索、资源下载、资源上传以及上传资源的审核及录用的功能。 论坛管理。实现按专题发表讨论主题、进行讨论、主题检索和网上留言的功能。 (5)系统管理。实现用户权限管理、系统维护等功能。,7.4.4 专题学习网站管理系统的总体架构 1.系统结构,如图7-6所示，专题学习网站管理系统一般由六个部分组成：用户管理、专题管理、资源管理、论坛管理、统计分析和系统管理。用户分为四类：学生、教师、教务管理员和系统管理，不同的身分拥有不同的访问权限和操作内容。用户管理中包括了对教师档案的管理。,图7-6 专题学习网站管理系统结构,7.4.4 专题学习网站管理系统的总体架构 2.系统整

24、体架构,从图中可以看出，“专题学习网站管理系统”采用B/S结构，即Brower-Server（浏览器-服务器）架构，是一个三层应用系统，在B/S 结构下，整个系统的管理、资源分配、 数据库操作、业务逻辑部件的管理及动态加载等工作集中于服务器，容易部署和管理。,7.4.4 专题学习网站管理系统的总体架构 3.各部分功能,用户管理： （1）提供用户注册功能。为了记录学生使用网站进行学习的情况，记录网站被使用的情况，系统要求用户注册后以网站成员的身份访问、使用和建设系统。 通过注册成为用户成员是针对普通用户的。它包括：呈现注册时的填写表格和注册要求；检查用户注册输入信息的合法性；给出输入错误的提示信

25、息；检查用户名是否重名；将用户注册信息保存到数据库中；给出用户注册成功的信息提示。,用户管理：,（2）提供用户的SSO功能。SSO（Single-Sign-Onclick）也名“单点登录”，是指用户登录时，只要通过一次身份验证，就可访问所有被授权的网络资源。在此条件下，管理员无需修改或干涉用户登录就能方便的实施希望得到的安全控制。这是一个为了能够在分布式计算机环境中，安全和方便的鉴别用户而产生的课题。 具体说来就是，用户只需要在登录时输入一次用户名和密码，在得到系统的身份认证后，系统会根据用户身份向其提供被授权的所有资源，为后期网站的功能完善提供了条件。,使用SSO的专题网站管理系统具有以下优

26、点：,（1）更优的管理控制。对应每个用户的权限和特权，仅有一个授权列表。这使得管理员在更改用户特权后，可以确信其结果会传播到整个系统范围。 （2）更高的用户工作效率。用户不至于再陷入多次登录的麻烦，也不用再为访问网络资源要记住多个密码。同时，系统管理人员也会从中受益，不用再去应付那么多因忘记密码而造成的帮助请求了。 （3）提供用户资料修改功能。用户进入专题网站的页面后，可以随时修改个人资料。用户资料可修改用户名和用户身份以外的内容。用户资料修改功能包括：呈现用户原来注册时的所有信息；呈现修改资料表格；检查用户修改内容的合法性；将修改后的用户信息保存到数据库中；给出用户修改完成的提示信息。 （4

27、）提供学籍管理的功能。以学生为单位，利用系统的信息管理功能，通过建立和维护学生的电子学档来管理学习过程。电子学档包括：学员身份信息，学习活动记录和学习评价信息。 （5）提供用户身份注销功能。用户身份注销，结束对网站的访问，清除所有临时的用户信息。 （6）提供用户回密码的功能。用户忘记密码时，使用用户名和email从系统找回密码。,专题管理：,专题学习网站的学习都是围绕专题来展开的，专题的选择必须遵循思想性、教育性、科学性的原则，内容必须立足于教学问题的解决，来源于课程标准所规定的内容，而不是由教师突发奇想得来的。对专题管理只限于学科教师。专题管理可以实现教师开设一个专题和对专题进行管理。,7.

28、4.5 资源的组织和建设管理,1.资源分类 2.资源组织管理 3.资源上传管理,图7-8 资源的分类,7.4.5 资源的组织和建设管理,对资源的组织要实现： 按专题组织所有资源； 提供下载前资源的详细资料说明； 资源下载； 站内、站外资源搜索功能。 资源上传管理模块要实现： 资源上传功能； 提供所有用户和个人上传资源列表； 呈现用户被录用和未被录用的资源列表； 教师对上传资源的审核； 教师对上传资源的信息修改； 管理员对资源的管理功能。,7.4.6 论坛管理,专题学习网站管理系统的论坛管理包括两个部分：一个是根据学习专题构建的远程教育讨论区，另一个是公共留言板。 论坛是所有用户实现在线交流的一

29、种方式，它为学生、教师、教务管理员和系统管理员提供了一个相互交流的平台，是完成专题学习的重要组成部分，是学生进行协作学习的重要工具，也是教师了解学生对专题的学习状况的重要来源。 论坛可以实现： 用户针对某个专题提出讨论主题； 学生参与主题讨论，发表自己的观点； 管理员向用户发布公告信息。,7.4.7 系统管理,实现对整个教学平台进行宏观因素管理的功能。 包括： 所有用户的权限管理； 教学平台的数据备份； 教学平台的安全管理； 教学平台的性能管理； 教学平台的配置管理。,7.5 专题学习网站的开发,专题学习网站的开发和其他项目的开发一样，也要先经过调查分析和系统设计，然后进入到具体的技术实现阶段

30、。本节以一个具体的实例来说明开发过程。 7.5.1 问卷调查 7.5.2 调查结果分析与设计目标确定 7.5.3 模块设计 7.5.4 技术实现,7.5.1 问卷调查,在专题网站设计过程中，为了更好地了解需求，使设计的网站更有针对性，进行问卷调查是十分必要的。调查内容包括： 目的：通过调查确定专题学习网站的设计目标与内容。 内容：在调查前，应先设计好问卷内容。内容的设计一要有针对性，二要有完整性，三是要人性化一些。,问卷调查表示例:,各位老师、同学： 本调查旨在了解您对建设中小学专题学习网站的看法，以期能够建设一个比较适合于中小学生的专题学习网站。调查问卷以选择题和填空题为主，选择题可以多选，

31、在被选答案前打“”即可。希望能将您的真实情况和想法告诉我们，对您的真诚合作我们表示衷心的感谢！ 1.您的身份： 学生； 老师； 领导 2.您以前浏览过专题学习网站吗？ 经常浏览； 有时浏览； 没听说过 3.您认为专题学习网站的内容应该： 只限于书本； 来源于书本，但不局限于书本； 与书本无关 4.您认为专题学习网站设计的主要目的是： 开发智力； 进行素质教育； 开阔眼界； 辅助教学 5.您认为专题学习网站的主要创作者应该是： 教师； 技术人员； 教师、学生、技术人员共同参与 6.您认为专题学习网站的主要使用对象是： 教师； 学生； 没有限制； 其他 7.您希望专题学习网站可以帮您： 备课； 自

32、学； 娱乐； 其他 8.您认为设计专题学习网站的主要困难在于： 主题选择； 内容组织； 制作技术； 其他 9.您认为目前的专题学习网站存在的主要问题是： 内容不适合； 交互性不够； 版面设计不合理； 其他 10、您认为专题学习网站最重要的是： 选好主题； 设计好版面； 组织好内容； 其他 11.如果您有其他看法，请写在这里：,7.5.2 调查结果分析与设计目标确定,调研后，我们要对结果进行分析与评价，剔除其中的个体差异，找出共性，从而发现我们需要的东西。然后根据分析结果，我们就可以比较好地确定设计目标。下面是我们确定的中学电学实验专题学习网站的设计目标。 本专题网站设计的目标是： 以专题为导向

33、,提供丰富的学习资源，为学生的知识性学习和研究性学习提供一个网络平台； 以教师为主要创作者,充分体现教师的教学思想与智慧； 同时满足学生自主学习与教师备课的双重需要，提高资源的利用率； 本专题学习网站面向中小学某一学科的学科教师和学生。 本专题网站的具体内容：以中学物理课中的电学实验为蓝本，适当进行扩充和提高。,7.5.3 模块设计,模块设计的主要任务是，为了实现设计目标，确定需要哪些模块，各模块的内容是什么。对于电学实验专题学习网站，我们做了如下设计： 1.“专题知识”模块 2.“协作学习”模块 3.“设计天地”模块 4.“在线评价”模块 5.“在线服务”模块,7.5.4 技术实现,1.网站

34、开发技术与工具 网站开发中需要用到的关键技术主要有： （1）静态网页制作技术。静态网页制作技术为用户提供一种低门槛的网页设计技术，用户无须编程，只要将相关的网页元素插入到页面中，就可以制作出比较满意的网页。常见的静态网页制作工具有FrontPage、Dreamweaver等。 （2）动态网页制作技术。动态网页制作技术是指基于客户端与服务器端的一种交互技术。这种技术使得用户在网页中输入信息并提交以后，可以得到网站的及时反馈信息。常用的动态网页发布技术有：CGI、ASP、JSP、PHP等。 （3）数据库技术。网站开发中，数据库技术主要用来支持实现协作学习平台、在线测评等动态网页部分数据的存取。,7

35、.5.4 技术实现,2.开发过程 “中学电学实验”专题学习网站的开发过程如下： （1）素材制作与资料收集。“中学电学实验”专题学习网站的大部分素材都由学科教师搜集和整理，另有一些素材是根据学科教师的建议制作的。 （2）系统设计。系统设计是对网站的整体规划，主要包括界面风格设计、导航设计、数据库设计等，这是网站开发的基础。 界面风格设计：确定网站的整体色调、界面形式、跳转或链接方式等； 导航设计：这是网站开发中非常重要的一个环节。导航的设计要明确、简单、完整，只有这样，学习者在浏览网站时，才能不迷航，才能轻松地在网站内寻找、浏览自己想要的资源，才能方便地应用网站进行研究性学习和协作交流。 数据库

36、设计：有关内容在第四节已经作了叙述。 (3)编码实现。,具体的实现技术,下面以“中学电学实验”专题学习网站的“协作学习”模块中的“选择主题”页面的设计为例，来介绍一下具体的实现技术。 用户在正确登录以后，如果在本模块的主页上点击下拉菜单“选择主题”就进入到该页面。如图7-10所示。,7.6 专题学习网站实例,前面几节，我们分别从几个方面对专题学习网站作了介绍，在本节，我们将以一个比较典型的专题学习网站陶艺专题学习网站为例，从系统设计、界面设计到教学设计对专题学习网站做一个较为全面的介绍。 7.6.1 陶艺专题学习网站的设计 7.6.2 陶艺专题学习网站的页面设计 7.6.3 陶艺专题学习网站的

37、教学设计,7.6.1 陶艺专题学习网站的设计,该网站分为主页、陶艺概况、陶艺教室和陶艺博物馆四部分。如图7-11是该网站的设计框图：,陶艺专题学习网站,（1）陶艺概况。从陶艺是什么、陶艺与文化这两点展开。主要依据大纲要求，学习内容图文并茂，通过大量的图片和文字让学生领略神秘的原始陶器、宏伟的兵马俑、绚丽的唐三彩、高贵的白瓷、典雅的青花瓷、丰富的彩绘瓷和充满时代感的现代陶艺作品。通过版面的精心设计，使学生感知到陶艺的艺术美和实用美，体会到陶艺的价值，从而激发学生的学习兴趣和积极性，学生通过网上的提问进行浏览和学习，可以掌握课前预习的主要内容，培养学生探索研究的能力。 （2）陶艺博物馆。这部分内容

38、是陶艺教学内容的延续和补充，也是陶艺相关扩展知识资源展示，主要从教学需求的角度出发。它既包含大纲中要求学生理解和掌握的陶艺造型的基本技巧，又补充了陶艺相关的制作技巧。分为陶艺技巧厅、陶艺佳作厅、陶艺资源厅三大部分内容。陶艺技巧厅包括了陶艺的基本造型技巧，有关装饰的技巧，以及补充部分的施釉、烧窑等相关知识和技巧，学生可以通过参观和学习各个展室，以对陶艺的制作有系统的了解。陶艺佳作厅通过大量的图片，让学生从与课堂教学内容相关的造型技巧佳作中受到启发，从而更好地进行课堂作业的创作，还为学生想了解宜兴紫砂壶和景德镇瓷器的知识进行知识扩展和作品欣赏。如果想更进一步地多了解一些陶艺的知识和动态，陶艺资源厅

39、提供了丰富的网上资源，以便能满足求知欲强的同学。 （3）陶艺教室。这部分从教学的角度出发，为学生提供了以小学美术大纲中必须使学生掌握的泥条盘制法、泥板成型法、徒手捏制法这三大陶艺的造型方法的相关知识和图片，包括目标要求、预习指导、内容讲解、作业练习四块内容。学生可以在这里学习相关的知识，并可跳转至陶艺博物馆的佳作厅浏览各类造型方法制作的优秀作品。学生通过网上的思考题进行有选择地浏览和学习，学生在这里可以学习讨论，并利用网络重新生成新的问题并解决问题。,7.6.2 陶艺专题学习网站的页面设计 1.主页设计,主页是网站的门面，网站设计得是否精彩，是否具有吸引力，很大程度上取决于主页的设计。一般而言

40、，设计主页主要应考虑以下问题：内容的合理布局；清晰的导航；色彩的正确搭配。 下面就以陶艺专题学习网站为例，来看看主页是如何设计的。如图7-12是陶艺专题学习网站的主页。 可以看到，该主页主要划分成了三个区域。上面是服务区，主要为教师和学生提供所需的服务；中间是学习导航区，包含了该网站具有的主要功能的超级链接，为学习者提供清晰的导航；下面是动画区，其实也是三个超级链接，分别对应着陶艺概况、陶艺教室和陶艺博物馆。,陶艺专题学习网站的主页特点,该主页具有以下特点： （1）页面元素布局合理。主页的主要任务是为学习者进行网络学习提供一个清晰的知识框架，考虑到这是一个专题学习网站，所以，制作者并没有像其他

41、一般网站那样堆砌过多的无关元素，也没有过于追求动感，所以整个画面显得较为朴素，但很爽目。 （2）导航按钮设计得非常醒目。导航的设计，一要考虑习惯，二要考虑对象。对于小学生，我们在设计时应该考虑到尽可能减少他们在导航方面所花的时间，所以导航按钮位置的选择是颇为关键的。在该网站的主页上，将几个主要的功能按钮设计在中央位置，是一种较好的选择。同时，三个动画按钮进一步加强了导航的作用。如果有少数学生不能很快地找到文本形式的超级按钮，那么他们应该能通过动画超级链接找到自己要找的内容。 （3）图片、文字、动画与色彩的搭配也是颇具匠心的。,7.6.2 陶艺专题学习网站的页面设计 2.二级和三级页面的设计,对

42、于中小学生来讲，设计网站时，要考虑到次级页面不宜过深，一般不应超过三级，否则学生就会迷航。 在陶艺专题学习网站的设计中，制作者也是作了三级页面设计。下面我们就来看看其次级页面的设计。 如图7-13，是二级页面“陶艺博物馆”的页面示例。 “陶艺博物馆”的功能是通过三个主要超级链接群“陶艺技巧厅”、“陶艺佳作厅”和“陶艺资源厅”实现的。为了减少页面层数，在每个群的下面，分别又制作了一些表现具体功能的小的超级链接。如在“陶艺佳作厅”里，就包含了“造型技巧佳作”、“宜兴紫砂壶”、“景德镇陶瓷”等。 虽然网页涉及的内容不多，但制作者巧妙地加入了一些图片元素，不仅美化了页面，也使得各超级链接衬托得更加鲜明

43、，真是相得益彰。,“陶艺博物馆”的二级页面“陶艺佳作厅”,图7-14是“陶艺博物馆”的二级页面“陶艺佳作厅”，显示的是一些陶艺佳作。引人注目的是这一级页面和它的上级页面有很大的相似性。这是自然的，也是合理的，目的是为了使得学习者能很快地分辨出自己所处的位置。 事实上，该页面的导航也很清楚。在上中部就显示了学习者所经过的途径。如在页面上就已经用灰色字体显示出了“陶艺博物馆陶艺佳作厅宜兴紫砂壶景德镇陶瓷”，这正是浏览网页所经过的路径。； 总之，在设计专题学习网站的页面时，一定要充分考虑到学习者的学习特性、年龄特性、认知特性等，做到有的放矢。只有这样，专题学习网站才能取得预期的效果。,7.6.3 陶

44、艺专题学习网站的教学设计,1.选题 陶艺选自苏教版九年义务教育六年制小学美术教科书第十一册第2123课的内容。 2.适用对象 中小学生。 3.教学总目标 要求学生通过网络学习了解陶艺的艺术形式和基本特点，理解并熟悉陶艺的制作流程，掌握陶艺泥条成型的方法，能根据陶艺不同的制作方法创造性地制作小型的陶艺作品，培养学生的自信心和成就感。提高学生的动手能力、想象能力和创造性思维能力，激发学生热爱艺术的兴趣，增强民族自豪感。 4.教学资源 陶艺网络资源及其他相关制作工具。 5.教学设计 6.评价方式 采取教师评价、学生自评、学生互评与小组评价相结合的方式。,5.教学设计,(1）设计思想 专题学习网站是信

45、息技术与课程整合发展到高级阶段的产物，利用专题学习网站培养学生的创造性思维和想象力是一种新的教学模式，陶艺专题学习网站具有丰富的网络教学资源，通过网络教学，可以优化教学过程，充分发挥网络教学在素质教育中的作用，使学生能运用现代网络技术去摄取信息，有目的地、积极主动地探索学习，提高学生主动学习的能力，促进学生综合素质的发展。 (2）教学结构 表7-1 教学结构表,表7-1 教学结构表,扩展阅读：,1.http:/ 2. http:/ 3. http:/ 4. http:/ 5. http:/ 6. http:/ 2.请查阅相关资料，谈谈专题学习网站的理论依据有哪些？ 3.请根据自己的理解，谈谈专

46、题学习网站一般具有哪些功能？ 4.专题学习网站为什么要具有管理功能？ 5.专题学习网站的教学设计包括哪些方面，如何设计？ 6.开发专题学习网站的常用工具有哪些？,本章参考文献：,1.http:/ 中华诗词网站 2.http:/ 专题学习网站-试验工作平台 3.http:/ 陶艺博物馆 4.http:/ 网络课程的设计与开发 5.http:/202.119.109.14/school/JXSJ/ 教学设计与应用 6.http:/ 网络课程的教学设计研究 7. http:/ 专题学习网站桥 8.http:/ 海底探密： 9.唐伟等. 网站规划与网页设计（第二版）. 北京：清华大学出版社，2005年6月 10.廖咸真. 电子商务网站建设（第一版）. 重庆：重庆大学出版社，2004年7月 11.健莲科技. ASP建网策略与案例贺卡篇. 北京：科学出版社20022月 12.刘斌. ASP.NET+SQL SERVER动态网站开发案例精选. 北京：清华大学出版社，2005年10月 13.陈建伟，李美军，施建强等. ASP动态网站开发教程(第二版)版. 北京：电子工业出版社，2005年1月 14.樊红亮. 网页制作与网站开发（第一版）. 北京：中国书籍出版社2000年7月,