1、中国传统节日专题学习网站的设计与开发毕业作品BIYESHEJI中国传统节日专题学习网站的设计与开发学院专业教育技术学姓名学号摘 要：随着信息化教育的不断发展，专题学习网站逐渐成为一种重要的教学及学习形式。专题学习网站强调让学习者对网站的主题知识进行主动意义上的建构，充分发挥信息技术与专题整合的优势。本文首先分析了国内外专题学习网站的研究现状，以中国传统节日相关信息为基础，通过对网站的学习者、学习目标和网站需求的分析等方面的教学设计，以及对网站的结构和界面导航的设计，开发了中国传统节日专题学习网站。以期学习者掌握更多中国传统节日的文化内涵，并为专题学习网站的设计与开发提供有益的经验借鉴。关键词：
2、 专题学习网站；中国传统节日；设计；开发Abstract:With the rapidly development of Informational Education, the Project Learning Web gradully become an important form of teaching and learning. The Project Learning Web emphasize that learner construct thematic knowledge about the website actively .And it give full play to
3、 the advantages of information technology and project integration.This article analyse the research status at home and abroad about the Project Learning Web,and based on the traditional Chinese festivals related information to develop the traditional Chinese festivals project learning website which
4、through demand for learners, learning objectives, and site analysis of the teaching design,and the design of the structure and interface of the web site navigation.In order to learners to master more cultural connotation of Chinese traditional festivals,and to provide useful experience and reference
5、 for the design and development of project learning website.Key words: the Project Learning Web;Chinese Traditional Festivals;design;development 目 次 1.绪论1.1研究背景及意义 中国在全球化进程不断推进的今天，越来越融入世界的格局中，中国社会面临着巨大的变迁，民族文化传统也随之面临着前所未有的考验。传统节日作为民族文化的重要载体也随着社会的变迁而不断变化，尤其受到现代化、全球化浪潮的剧烈冲击。在这种冲击之下，直接导致现在越来越多的年轻人缺乏传统文
6、化修养，对传统文节日的文化内涵知之甚少。中国传统节日作为中华民族传统文化的代表，它比平常的日子承载了更丰富、更深厚的文化内涵，集中体现了我们中华民族的民族文化精神，因此，我们更要重视对传统节日的传承与延续。科学技术的迅速发展让我们进入了信息时代，网络的使用变得十分普遍，而网络的最大特点就是可以打破时间和空间的限制，任何人在任何时间和地点都可以通过网络来浏览自己想要的的信息。同时，网络在教学中的应用使教育信息化的程度也逐渐加深，而专题学习网站也作为一种重要的教学与学习形式日益流行。专题学习网站是一种围绕某一主题进行深入研究的资源学习型网站，它把主题的相关知识以网站的形式结构化的呈现给学习者，不同
7、的专题学习网站可以满足不同层次、不同领域学习者的需要，从而达到促进学习者进行研究性学习的作用。因此，我们可以设计一个关于中国传统节日的专题学习网站来利用网络传播中国传统节日的文化内涵。在这个网站中可以具体的针对一些较有代表性的传统节日进行详细的介绍，把中国传统文化结构化的呈现在学习者面前，帮助人们更深刻的了解我们国家的传统节日及传统文化，从网站中获取资源，以实现对我国传统节日的传承，而这也正是这个专题学习网站的意义所在。1.2研究现状教育信息化随着技术的发展不断推进，网络环境下的教与学也得到了蓬勃发展。专题学习网站作为网络环境下的一种新的教学与学习形式，日益被应用到教学与学习过程中，并充分发挥
8、信息技术与课程整合的优势，因此越来越多的人的关注专题学习网站的设计与开发。专题学习网站在我国出现的较晚，在2001年，它才首次被华南师范大学的李克东教授提出。在李克东教授提出“专题探索网站开发的学习模式”之后，各学校都掀起了创建专题学习网站的高潮。他还提出要利用专题学习网站来开展网络教学，建设专题学习网站来丰富网络教学资源的思路。李克东教授所在的华南师范大学也因此做了很多关于专题学习网站的设计开发的研究。同时，专题学习网站的建设与应用研究专项课题在全国教育科学“十五”规划教育部重点课题基于现代信息技术环境下学与教的理论与实践研究中被明确的提出。它正式的提出了专题学习网站研究的必要性。经过几年的
9、建设，有很多不同主题的学习网站被开发出来，2007年，中小学信息技术教育刊登了一篇关于优秀专题学习网站推荐的文章，其中列出了一些较好的专题学习网站。虽然陆续建设各种专题学习网站，但这些网站在功能设计和技术实现上还存在很多不足。目前的专题学习网站的建设在经济发达地区开展比较好，而在内地的发展较慢。在国外，与专题学习网站相似的研究则有专题（主题）研究、网络探究、基于项目的学习、基于问题的学习、项目课程等，90年代专题教学在美国非常流行。1995年美国的伯尼道奇和伯尼道格开发的WebQuest课程计划最为典型，它是一种“专题调查”活动，其中学习者间的相互作用的信息都来自网络资源。1.3研究内容及方法
10、步骤1.3.1研究内容1.明确网站内容通过分析专题学习网站的目标、目的及面对对象，以及分析学习者对于中国传统节日知识内容的学习需求，来确定本网站要向学习者传递的知识内容及其内容的类型还要明确知识内容间的结构关系，为之后网站内容的布局设计奠定基础。2.网站教学设计 对本网站中面对的学习者进行定位，分析其学习特征，以确定本网站的教学与学习目标。同时，通过对本网站需求的分析，来明确网站的结构，将结构化的知识内容以最适当的方式呈现给学习者，从而促进学习者对网站内容的自主学习。3.网站页面设计界面简洁明了、布局合理、界面结构风格一致，方便学习者的操作使用。页面的布局要美观合理，能够让学习者以最快的速度找
11、到自己所需要的信息。使用导航栏避免学习者信息迷航。4.网站模块开发 明确网站的组成模块，分别设计网站不同模块中的知识内容，可将不同模块内容各放在一个页面中，但要保持各页面布局风格一致。如：用户管理模块供用户注册登录；专题知识模块供用户信息网站主要专题知识内容；资料下载模块供用户下载所需资料；交流中心模块供用户讨论留言。 1.3.2 研究步骤及方法1.文献法，上网查找资料，搜集文献，了解专题学习网站的开发设计的大致过程步骤，并了解关于主题 “中国传统节日”的相关信息，为网站的设计做好准备工作。2.通过分析法，对特定学习者的性格、学习特点来进行分析，了解学习者的学习需求以明确网站设计的目标和网站设
12、计的大致内容。3.利用网站开发法，根据已确定的网站内容来对网页的界面、布局、结构、风格进行设计。并用搜集的资料和所掌握的网站制作技巧，及之前设计的界面结构布局来开始制作网站。5.将初步完成的网站交给老师检查，根据老师的意见对网站进行修改和润色，完成最后作品。2. 相关概念及理论基础2.1 专题学习网站概述2.1.1 专题学习网站的概念专题学习网站是一种资源学习型的网站，它主要是围绕某一门课程或几门课程相关的一个或多个学习专题来进行较为深入的的研究。它向学习者提供了大量与某一专题知识相关的资源，促进学习者的自主学习，充分发挥了信息技术与课程（或专题）整合的优点。它强调通过学习者主动的探索研究来解
13、决问题，从而让学生在这个探索过程中，提高获取信息、分析信息、加工信息、处理信息的能力，让学习者在利用专题学习网站自主学习的同时培养良好的信息素养。专题学习网站是一种网络化学习方式,它选择一些与课程相关的专题或是其他方面的专题,将各种数字化的学习资源组织起来, 开展相关教学活动;是一种将学习资源及学习过程进行整合的教学软件, 借助如今信息时代技的网络技术,以网站的形式向学习者传递知识， 提高学生的信息素养, 培养学生的学习能力。此外, 专题学习网站还是一种促进学习者进行研究性学习的数字化学习方式, 体现了教师与学生共同创建资源的思想。2.1.2 专题学习网站的组成 专题学习网站通常由四个部分组成
14、：结构性知识、扩展性知识、交流讨论区域、自我评价系统。1.结构化知识 是将所收集到的与主题相关的各种教学媒体，如：文字，图片，动画，音频，视频等，按照教学设计有规律的组织在一起，以适当的结构制作成独立网页，利用网页的形式将知识传达给学习者，即一种网络教学课件。2.扩展性知识 扩展其他与专题相关的知识，也就是对结构化知识的扩展和延伸，从而综合各方面知识，如本网站是介绍中国的传统节日，这就可以将外国继而作为扩展的知识。3.交流讨论区域是指根据网站的主题，构建的网上协商讨论区域。它为教师与学生，学生与学生搭建了一个网上交流平台，有益于学生的协作学习。学习者可以随时将自己的学习情况记录下来，也可发表自
15、己对于某问题的观点看法，与其他学习者互相学习，互相交流学习经验。4.自我评价系统收集与学习主题相关的形成性和总结性的评测资料，将其设计成较为基础，覆盖面较广的题目，帮助学习者在网站的自我评价模块利用试题进行自我学习评价。学习者通过自我评价可以及时掌握自己的学习情况，并根据自己的学习状况来有针对性的改变学习方法和学习进度。2.2 理论基础2.2.1 建构主义学习理论建构主义学习理论认为，学习者在学习过程中并不是被动的接受外界的知识，而是要积极主动地对所学知识进行意义建构。建构主义学习活动强调以学习者为中心，并且大多在真实地学习情境中进行。正因如此，更能激发学习者的学习兴趣与学习动机，能够鼓励学习
16、者在学习过程中对学习内容进行批判性的思考，并给学习者的主动发挥创造良好的条件。在专题学习网站提供的网络环境中，通过对结构化知识、交流中心、自我测验等内容的学习，改变了学习者的认知结构，让学习者在已有的旧知识的基础上主动接受外界刺激，并且建立新旧知识见得联系，通过新旧知识间的相互作用进行意义建构。学习者在这个过程中以自己的原有经验为基础，主动接受新信息，建构自己对某一事物的客观理解。2.2.2 研究性学习理论研究性学习在教学过程中创设较为接近现实的学习情境，以问题为载体，让学习者根据提出的问题来自己收集并处理信息，从中发现新的知识，让学习者亲自体验知识的产生过程，从而学会学习。同时，在研究性学习
17、的过程中，也可以培养学习者分析问题和解决问题的能力。这种学习方式强调学习者的主动探究，锻炼了学习者的实践能力和创新精神。研究性学习在“问题（或专题、课题）的基础上，围绕问题的提出和解决来在组织学习者的各种学习活动。由于所提出的问题大多来自真实世界，这就使得学习者解决问题的方法途径都各有不同，这也导致学习者最后研究结果内容和形式的多样性，因此，研究性学习突破了传统教学的封闭状态，它把学习者置于一种开放的动态的学习环境中。而专题学习网站的网络环境刚好为研究性学习提供了一个合适的开放环境，为学习者的研究提供了极大地方便。3.中国传统节日专题学习网站的设计3.1专题学习网站的教学设计3.1.1 学习者
18、分析主要是指学习者初始能力和一般特征的分析，初始能力分析即学习者在学习网站内容之前是否具备一些基础知识，可分为知识与技能两个方面，如：有关一些传统节日的了解或是使用计算机的能力；一般特征分析即包括学生对于该学习主题的兴趣、学习动机还有一些外界因素对学习者的影响。本网站学习者在学习前应带到以下要求：学习者应可以熟练使用计算机，具有一定的信息素养，并且具有较高的学习动机，对网站主题有兴趣。本网站面向高中年级的学习者，高中生已经具备了熟练使用计算机的能力，也具有一定的信息素养，可以利用本专题学习网站来进行自主学习。同时高中生的性格也日益成熟，教容易培养其学习兴趣和学习动机。3.1.2 学习目标分析以
19、中国传统节日作为网站主题的目的，就是为了让人们在全球化浪潮的冲击下不忘传承中国的传统节日，永远铭记我国的民族文化。通过网站中对于一些中国较为典型的节日的历史起源、风俗食俗等方面的介绍，还有与一些外国节日的对比，学习者可以更为详细、更为深入的去了解我国作为文明古国的悠远历史与优秀文化，更加懂得中国传统节日传承的重要性。让生活在现代化社会中的人们可以通过网站中结构化的知识全面的了解中国的传统，自发的、自主的去传承我们民族文化的精髓。本网站的信息目标可以总结为以下四方面：1.通过对本网站的学习，了解中国一些传统节日的内涵及其由来，了解中国的传统文化。2.通过网站中对国内外节日的介绍来培养学习者对中国
20、文化的兴趣，培养其学习动机。3.通过网站中对国外节日及文化的简单介绍，让学习者对国内外的文化差异有初步的了解。4.通过对中国节日及文化了解的逐渐加深，知道文化传承的重要性。3.1.3专题学习网站的需求分析设计和开发专题学习网站的前提和基础就是对专题学习网站进行需求分析。为学习者提供一个可以更加深入学习的平台，打破时间和空间的限制，利用这个平台来开展自主或协作式的研究性学习。因在网站需要学习者可以进行协作学习，所以网站提供了交流区域，以便师生之间与学生之间的交流。而在学习者的学习过程中，学习者可能会因对本网站主题的学习研究而需要搜集相关的扩展性资料。因此，在网站的设计中还要包含一些与专题相关的扩
21、展性资源，提高学习者的学习效率。根据对专题学习网站的需求分析来定位网站应该实现的功能。本网站应该至少具备以下功能：1.将网站涉及到的专题的基础知识以结构化形式呈现给学习者，即基础知识模块。2.网站提供的与专题相关的扩展性知识则作为知识扩展模块，并可供学习者进行资源下载。3.网站中为方便学习者进行协作学习设计了一个交流平台，学习者可以在交流中心留言以相互交流讨论，即交流区域模块。4.自我评价模块，在网站中加入一个由几个问题构成的测试卷供学习者进行自我测验，学习者可通过对测试卷的完成情况来对自己的学习结果进行自我评价。3.2 专题学习网站模块的结构设计通过对专题学习网站功能定位的细化分析，把本专题
22、学习网站分为以下几个模块：专题知识模块、知识扩展模块、资源下载模块、自我评价模块、协作交流模块。网站结构如图1： 图1 网站结构图3.3 专题学习网站的导航及界面设计3.3.1 导航设计导航栏的设计是为了方便学习者在使用网站的时候可以用最短的时间找到自己所需要的内容，避免信息迷航。学习者在浏览网站时可以借助网页中的导航栏来选择自己要浏览的具体信息，并且容易利用导航返回之前页面。本网站的导航主要包括每一页面上共有的横向导航条和每一页面独有的纵向导航栏。其中横向导航条是为了学习者实现各个页面间的跳转，如图2；而每一页面的纵向导航则是利用锚记链接实现的页内定位，它主要具有页内定位的功能，方便学习者在
23、同一页面内进行内容的快速切换，如图3。图2 横向导航图3 纵向导航3.3.2 界面设计界面设计是指对网站各个页面的整体设计，它包括对页面的色彩、风格、内容及布局等方面的设计。网页设计的内容主要可以分为两个方面：一方面是对网站本身的设计，像是对网页中知识内容的排版布局、图片的插入及色爱的搭配等；另一方面则是对网站的延伸设计，像是对网站的主题的定位，对网站模块的设计等。界面的设计要注意，各个页面的风格应该保持一致，色彩基调一致，界面简洁大方，布局合理，让学习者可以用最快的时间找到自己所需要的信息，网站的首页如图4。 图4 首页4.中国传统节日专题学习网站的开发4.1 网站开发技术Dreamweav
24、er是最经常使用的网页设计与制作的软件之一，它可以实现网页的设计、网页的开发和站点的管理，是网站设计开发的首选工具。同ASP等软件相比，它更偏向于制作静态网页，并且网页制作较为方便，不需要用户输入代码，而是直接在设计窗口中制作，代码随之自动生成。同时dreamweaver8也可以创建动态页面，先安装IIS，再利用ASP技术与数据库技术来制作动态页面。4.1.1 静态网页制作技术静态网页制作技术通过HTML标记语言，将文字、图片、音频、视频等多种媒体按照一定格式进行整合，最后在网络上进行发布的技术。本专题学习网站使用的是Dreamweaver8来制作网页，此软件的优点就是其制作网站非常快捷，不需
25、编写代码，而只用按照自己设计好的布局排版在软件的设计窗口中直接制作就会自动生成编码，给用户制作网页带来便利。Photoshop是一个较为常用的图像处理软件，它可以对图像进行扫描、编辑、修改、制作、输入输出等一系列的处理，本网站的大部分图片利用了Photoshop的一些基本功能进行处理。4.1.2 动态网页制作技术 我们经常用到的动态网页制作技术有：ASP、PHP、JSP等，在Dreamweaver8中可直接创建动态也以制作动态网页，本网站则是利用ASP技术。但是在用Dreamweaver8制作动态网页之前，需要现在计算机中安装IIS，用其建立Web站点，同时还要配置数据库，用数据库来存取动态网
26、页中的数据。本网站中的用户注册登录即用户的管理以及交流中心模块的开发就是使用这种技术来实现的。4.2 专题知识模块的开发在中国传统的节日中挑选春节、元宵节、中秋节、端午节、清明节、七夕节这六个具有代表性的节日进行详细的介绍，并把节日内容单独放在一个传统节日页面上（如图5），每个节日单独放在一个二级页面上，分别从它的节日起源、特点、习俗、食俗、传说故事等方面，把这些专题知识以结构化的形式呈现在学习者面前，供学习者自主学习。通过对每一个页面节日内容的学习，学习者可以更加深入的了解中国的这些传统节日，从而了解中国的传统文化。同时在主页中明确了本网站的学习目标，让学习者可以参照学习目标进行学习。各节日
27、页面如图6（春节）：图5 传统节日图6 春节4.3 知识扩展模块的开发本专题在介绍中国传统文节日以宣扬中国传统文化的同时，也会涉及到一些其他国家的节日，通过对一些外国节日的了解将外国的文化同中国传统文化进行对比。因网站内容有限，可能无法做到将各个国家的代表性节日都详细的一一介绍，这就要求网站中能有专题知识的扩展，像是网站中未详细介绍的一些国内外节日可以放在一个页面中（如图7），作为这个知识扩展模块，选择几个典型的国外节日进行介绍，如图8（万圣节）。图7 国外节日图8 万圣节4.4资源下载模块的开发资源下载单独作为一个页面（如图9），其中包括节日图片大全、有关节日的传说故事、关于节日的文学作品等
28、内容可供学习者进行下载，为学习者提供了一个获取有用资源的捷径。学习者可以直接在浏览本专题学习网站时下载自己感兴趣的资料（如图10）。图9 资源下载图10 下载4.5自我评价模块的开发本网站的评价模块相对较为简单，网站中会有一套由20个关于网站中专题知识的选择题组成的测试卷（如图11），学习者可以根据自己的需要来选择是否要完成测试卷，以对自己的学习成果做一个简单的自我评价。这套测试卷是根据本网站要求学习者要达到的学习目标来设计题目的，因此将自我评价放在主页的“学习目标”版块中。学习者可将其作为自我的总结性评价，在完成本网站的学习之后，通过对着套测试卷的完成情况来评价自己的学习情况，总结自己的学习
29、结果，并在此基础上改善自己的自主学习。图11 自我评价4.6协作交流模块的开发网站中为学习者搭建了一个交流平台，学习者可以在这个平台上通过留言记录自己的学习情况、学习进度、学习经验，同老师或是其他学习者进行交流讨论，互相借鉴。而后来的学习者也可以通过对其他学习者的留言的浏览来获取相关的学习经验。本网站是将这个模块单独设计成一个“交流中心”页面（如图12），页面中的留言框（如图13）可供学习者留下自己在这种过程中遇到的问题或是学习经验。学习者也可以通过对其他学习者留言的回复来相互交流，分享经验，相互学习。图12 交流中心图13 留言簿5.总结本专题学习网站利用Dreamweaver8来制作网页，
30、围绕中国传统节日的主题并针对高中生进行设计与开发。为高中年级的学习者提供一个涉及中国传统文化的网络资源，将信息技术与中国传统节日专题进行整合，充分发挥其优势，促进利用本网站进行自主学习。本网站的制作流程主要是： 1.联系本网站的主题对网站进行教学设计，即：首先把网站面对的学习者定位为有一定计算机能力的高中生，分析其各方面的学习特征。其次，针对学习者来分析网站的所要达到的学习目标并对网站进行需求分析。2.在网站的教学设计的基础上展开对网站的模块设计，根据网站每一模块的需求分析与功能定位来设计网站的结构及每一模块所包含的内容。并且在稿纸上设计各个模块页面的排版布局及各页面的导航。3.根据对网站各模
31、块页面的设计正式开始开发网站，即对网站进行具体步骤的制作。利用Dreamweaver8，按照之前设计的网站布局排版制作页面，并且向其中添加文字图片等多种媒体，其中图片可按自己需要用Photoshop进行编辑之后再插入页面。4.在网站的各个页面的制作完成之后，给各页面中的文字或是图片建立超链接，即利用超链接将各个零散的页面制作成一个完整的网站。最后在浏览器中打开网站进行检测，并对其进行修改。参考文献1刘敏，李兴保.对中小学专题学习网站的调查与探讨J.基础教育，2004.6（上）：64-662张艳红.专题学习网站的结构设计及相关案例分析J.中国远程教育，2003.33谢幼如，尹睿.专题学习网站的教
32、学设计J.电化教育研究，2003.1：34-384何芳，张兴华.专题学习网站“丝绸之路”的设计与开发J.中国电化教育，2002，4：72-735谢幼如.网络环境下的专题教学设计.电化教育，2004.56马炅.微型计算机的组成专题学习网站的设计及在中学生学习中的应用研究D.西北师范大学，20047周静，冯秀琪.专题学习网站的特点及功能设计分析J.远程教育杂志，2003.6：43-458李克东.数字化学习（上）信息技术与课程整合的核心J.电化教育研究，2001.89郑志群.中小学专题学习网站的设计策略J.电化教育研究，2002,6:72-7410赵航涛.建立学科教学网站的探讨J.中国远程教育，2004.3致谢四年的时光转眼即逝
