毕业设计（论文）-《植物生理学》教学网站的设计与开发.doc

专业： 教育技术学 学号： 1911120121 Hebei Normal University of Science & Technology 本科毕业设计（人文科学） 全套设计加扣3012250582 题 目：植物生理学教学网站的设计与开发 院（系、部）： 教育学院 学 生 姓 名 ： 指 导 教 师 ： 职 称 讲师 2016年 6 月 5 日河北科技师范学院教务处制 资料目录1.学术声明11 页2.河北科技师范学院本科毕业设计说明书124页3.河北科技师范学院本科毕业设计任务书12 页4.河北科技师范学院本科毕业设计开题报告13 页5.河北科技师范学院本科毕业设计中期检查表11 页6.河北科技师范学院本科毕业设计答辩记录表11 页7.河北科技师范学院本科毕业设计成绩评定汇总表12 页8.河北科技师范学院本科毕业设计工作总结13 页河北科技师范学院 本科毕业设计植物生理学教学网站的设计与开发院（系、部）名 称 ： 教育学院 专 业 名 称： 教育技术学 学 生 姓 名： 学 生 学 号： 指 导 教 师： 2016 年 5 月 28 日河北科技师范学院教务处制 学 术 声 明本人呈交的学位论文，是在导师的指导下，独立进行研究工作所取得的成果，所有数据、图片资料真实可靠。尽我所知，除文中已经注明引用的内容外，本学位论文的研究成果不包含他人享有著作权的内容。对本论文所涉及的研究工作做出贡献的其他个人和集体，均已在文中以明确的方式标明。本学位论文的知识产权归属于河北科技师范学院。本人签名： 日期： 指导教师签名： 日期： 摘 要摘 要随着信息技术成为当今世界发展的潮流，信息技术已经被应用到学习的各个领域。优秀的教学网站成为了信息技术辅助教学过程中的至关重要的平台。植物生理学中有很多知识内容是从分子水平阐述植物生命现象本质的，传统的教学方法很难达到预期的教学效果。因此，信息技术辅助植物生理学的教学就显得尤为重要。植物生理学教学网站就受到了人们的欢迎。本次设计把植物生理学教学内容进行了科学合理的设计，符合学习者的学习习惯，便于学习者有效的学习；其次，本设计对植物生理学教学网站进行了模块设计、栏目设计、内容设计，以保证教学网站功能的完美实现和教学内容的合理呈现。再次，本设计对植物生理学相关知识中从分子水平阐述植物生命现象本质的抽象的、难以理解的内容以flash动画和视频的方式展现出来，向学习者直观、形象的呈现这部分难懂的内容，便于学习者的有效学习。最后，本设计主要利用phpcms内容管理系统、phpStudy软件进行植物生理学教学网站的开发，并利用navicat数据库管理软件、editplus、dreamweaver、photoshop、flash等软件辅助该教学网站的开发，将以上设计的内容完美的集成在植物生理学教学网站中，开发出一个优质的植物生理学教学网站。关键词：植物生理学；教学网站；PHPCMSI摘 要AbstractWith the rapid development of information technology, information technology has been applied to various fields of study.Excellent teaching website has become an important platform for information technology in the teaching process. Plant Physiology is a science to study the law of plant life activities and their relationship with the environment and to reveal the essence of plant life. The traditional teaching method is difficult to achieve the expected teaching effect. Therefore, it is particularly important for the teaching of plant physiology. Plant Physiology teaching website has been welcomed by the people.The design of Plant Physiology knowledge were teaching system design, the Plant Physiology teaching content of scientific and rational design, to meet the learning habits of learners, easy to learn effective learning; secondly, the design of Plant Physiology teaching website design module, column design, content design, to ensure the perfect realization of the function of teaching website and the teaching content of the reasonable presentation. Thirdly, the design of Plant Physiology knowledge from the molecular level on plant life of the nature of the phenomenon of the abstract and difficult to understand the content displayed in flash animation and video, to learn directly, the presentation of the image of the difficult content, facilitate learners effective learning. Finally, this design mainly use PHPCMS content management system, phpStudy software Plant Physiology teaching website development, and use a Navicat database management software, EDITPLUS, Dreamweaver, Photoshop, flash and other software to assist development of the teaching website, the contents of the above design perfect integration in the Plant Physiology teaching website, the development of a quality of Plant Physiology teaching website.Keywords: Plant Physiology; The Teaching Website; PHPCMSII目 录目 录摘要Abstract一、绪论1（一）选题依据、目的与意义1（二）相关研究现状1二、植物生理学教学网站的教学分析2（一）需求分析2（二）学习者特征分析3三、植物生理学教学网站的前期准备3（一）开发工具的选择3（二）素材的获取与加工4四、植物生理学教学网站的系统设计4（一）植物生理学教学网站的功能定位4（二）界面设计51.用户导向原则52.一致性原则53.简洁与明确原则6（三）导航的设计6（四）植物生理学教学网站的模块设计71.植物生理学教学网站学习模块设计72.植物生理学教学网站自主测试模块设计83.植物生理学教学网站互动模块设计84.植物生理学教学网站系统管理模块设计8（五）植物生理学教学网站的特色设计9五、植物生理学教学网站的技术实现9（一）植物生理学教学网站的学习模块11（二）植物生理学教学网站的互动模块14（三）植物生理学教学网站的系统管理模块16（四）植物生理学教学网站的搜索模块17结论18参考文献18致谢19IV河北科技师范学院2016届本科毕业设计一、绪论（一）选题依据、目的与意义植物生理学是研究植物生命活动规律及其与环境相互关系、揭示植物生命现象本质的科学。其理论知识是各专业课程学习的重要基础，其实验技能是从事专业科学研究的基本手段。1因此，本课程在植物学课程体系中占有十分重要的地位。植物生理学中有不少内容是从分子水平阐述植物生命现象本质的（例如植物的光合作用和呼吸作用等），这就对教师的教和学生的学形成了一种挑战，传统的教学方法很难将抽象难懂的知识讲明白，从而很难达到预期的教学效果。而在信息技术与课程整合的大背景下，利用flash动画、图片和视频等媒体可以轻松的将抽象的、难以理解的内容展现出来，向学习者直观、形象的呈现这部分难懂的内容，便于学习者的有效学习，而教学网站是这些多媒体资源展示的最有效平台。学习者可以随时随地浏览教学网站进行学习，有助于学习者快速获取学习资源进行学习。教学网站能够呈现通过现代多媒体处理过的教学内容，突破各方面的限制，将枯燥无味、抽象难懂的知识形象化，生动形象的呈献给学习者，进而促进学习者的有效学习。由于教学网站辅助教学有众多优势，结合我校生命科技学院对于应用植物生理学教学网站教学的迫切需要以及将教育技术与课程整合的实践，选定了“植物生理学教学网站的设计与开发”为本次毕业设计的课题。本次教学网站的设计以服务于教学为目的，充分发挥教学网站辅助教学的优势。（二）相关研究现状随着信息技术和网络的飞速发展，各课程与信息技术整合的要求愈来愈迫切，信息技术与各课程之间不再是相互独立的关系了，它们相互渗透、相互配合、相互辅助。2现代教育思想、教育教学设计、教育教学方法和学习方法如雨后春笋般提出，但这些思想都对教学平台提出了更高的要求，因此对教学平台的研究也就受到了各类研究者的青睐。网络的的开放性、共享性、交互性、实时性、丰富性及信息综合性等特点，不仅打破了教室的限制，更使得全世界的信息都随手可得。3因此利用网络进行教学平台的设计与开发几乎成了研究者的共识。美国各州都积极的将网络应用于教育教学，利用网络开发教学平台。纽约州教育厅与纽约州立大学联合开发网络课程，将网络应用于教育教学中，以充分发挥网络在学习资源的获取和突破时空的限制的优势功能。4网上教学平台包括强大的数据库组成的后台和网页界面呈现教学内容的前台。良好的程序设计和实现是平台功能的基础，而友好的网站界面设计则是发挥平台功能优势的前提和条件。5目前国内外有关植物生理学知识的教学网站资源还存在严重的不足，尤其是国内的植物生理学知识教学网站的建设还远远不能满足大家对植物生理学知识的需求。在网络上搜索植物生理学知识相关网站，搜索到的完整网站很少。大多数的教学网站内容一般都是通过文字表述，缺乏动画视频等多媒体的表达方式。交流互动性严重的不足，缺乏师生之间的交流互动。因此综上所述，在教学网站设计与开发方面还存在以下的问题：第一，内容单一，都只通过文字表达，缺乏视频动画图片等多媒体资源，教学内容的展示形式缺乏生机和活力。第二，内容缺乏系统性，只是植物生理学相关的知识的堆积，没有系统的教学设计的结构与框架，不利于学习者的有效学习。第三，网站缺乏交互性，在所找的相关网站内容里面，缺乏提交作业、留言板和试题库的功能实现，这样不利于学习者对知识的探究与问题的解决，不利于学习者及时的得到学习反馈。第四，网站缺乏优秀作品推荐，使内容呈现的很死板。通过优秀作品推荐，教师可以将重要的信息或者新奇的信息推荐给学生，达到很好的教学效果。总体来看，这些教学网站，都采用了专题文章式的方式，知识结构断裂，知识不系统；同时大部分是文字，通俗的图片比较少，模拟的动画基本没有，通俗化程度低，不易于理解，不能很好的辅助教育教学。二、植物生理学教学网站的教学分析（一）需求分析需求分析是植物生理学教学网站的设计和实现的前提。首先要收集充足的资料信息，对植物生理学知识相关网站的发展现状和发展趋势以及优秀的教学网站进行调查和分析，进而确定开发教学网站的可行性和必要性；其次对植物生理学教学网站的功能定位要清楚。植物生理学教学网站的功能定位主要体现在以下几个方面：将植物生理学知识内容按模块呈现在教学网站中，方便学习者快速找到学习内容；提供提交作业模块，方便学生提交作业和方便教师及时的批改作业；提供留言板模块，方便学生及时的询问问题，教师尽快解答学生的疑难问题；提供视频、动画资源，方便学生直观、生动形象的学习植物生理学抽象难理解的知识；提供最新通知模块，便于教师及时的发布信息；提供二维码，方便教师通过微信公众号向学习者推送重要知识。随着信息技术与课程整合飞速发展，信息技术辅助教学也就显得额外重要，教学网站的设计与开发就成为了热门。目前，用于辅助教学的教学网站很少，而且植物生理学教学网站更是微乎其微。因此植物生理学教学网站的设计与开发就显得尤为重要。（二）学习者特征分析由于植物生理学是植物学等专业的专业基础课之一，所以对应的学习者是植物学等专业的本科生和研究生，这样对学习者就有了更为明确的界定。学习者生活在信息时代的大环境下，对互联网、教学网站、微信等现代媒体都很熟悉，是移动学习的主角，所以对学习者特征进行分析对于教学网站的设计与开发具有很重要的意义。首先，现代学习者更倾向于通过图片、动画、视频等形式进行学习，而不太喜欢通过文字进行学习。所以本次教学网站的设计中增加了很多图片、动画和视频等多媒体资源，专门设计了视频动画模块和教学录像两个模块便于学习者学习。其次，现代学习者喜欢便捷，所以在网站的大多数页面都有导航条，使学习者能够方便快捷的进行到其他页面，在导航条下面显示网页路径，防止网络迷航。再次，现代学习者都喜欢看相关内容，所以在本次开发教学网站的时候设置了很多的相关链接，便于学习者扩展知识。最后，基于现代学习者生活在信息时代，对微信平台有了很深的了解，所以在网站里面加入了微信公众号二维码，学习者扫描二维码后教师通过微信公众号向学习者推送最新信息，便于学习者移动学习，及时获得最新信息，提高学习效率。三、植物生理学教学网站的前期准备（一）开发工具的选择植物生理学教学网站主要应用phpcms内容管理系统、phpstudy软件和html语言进行开发的。利用phpcms内容管理系统的整体性更加快捷的实现网站的搭建，更加准确的展现了植物生理学内容的完整性。PHPCMS内容管理系统需要在特定的PHP运行环境下才能使用，本次开发教学网站采用了PHPStudy软件。PHPStudy是一个PHP调试环境的程序集成包。该程序包集成最新的Apache + PHP + MySQL + phpMyAdmin + ZendOptimizer,一次性安装,无须配置即可使用,是非常方便、好用的PHP调试环境。利用html语言及phpcms标签进行网站前台页面的设计。植物生理学教学网站的主要辅助工具是navicat数据库管理软件、editplus、Dreamweaver、 Photoshop、Adobe Premiere Pro CS6、Adobe Flash Professional CS5.5、CAJ阅读器、Office 2010等软件。应用Navicat数据库管理软件快速方便的管理数据库；应用editplus和dreamweaver进行网页的编辑工作；应用Adobe Flash Professional CS5.5软件将植物生理学相关知识中抽象的难以理解的知识（如C3循环过程、CAM循环等过程）制作成flash动画，形象、直观的呈现给学习者，辅助学习者的有效学习；应用Adobe Premiere Pro CS6软件对录制的教学内容和做实验的视频进行剪辑和处理；应用Photoshop软件设计植物生理学教学网站的logo以及处理一些图片素材等。（二）素材的获取与加工植物生理学教学网站所用的素材有文本、图片、动画、视频、PPT课件等。其中文本一部分由教师提供，一部分来自参考文献，一部分来自网络；图片一部分通过网络获取并经过Photoshop处理，一部分通过Photoshop软件自己制作。动画一部分来自教师提供，一部分使用flash软件制作；视频一部分是教师录制的讲课内容，另一部分来自网络。PPT课件一部分来自指导教师，一部分自己制作。 四、植物生理学教学网站的系统设计（一）植物生理学教学网站的功能定位植物生理学教学网站是利用phpcms内容管理系统、phpstudy软件和html语言开发的，主要通过文字、图像、动画、视频等形式表现植物生理学的理论知识与实验技能。教学网站的功能实现主要从内容展示、自主测试和师生互动三个方面体现，共设计了首页、课程介绍、教学大纲、授课计划、理论资源、实验资源、视频动画、教学录像、趣味课堂、试题库、作业提交、留言板十二大部分。其中理论资源部分包括教学内容、电子教案、教学课件、课后习题四大部分。 视频动画部分按照章节呈现，便于用户快速找到所需信息。趣味课堂部分是展示植物生理学有趣的内容，分为实用技术、世界奇特植物介绍和植物的运动三部分。以下分别对教学网站的三大功能进行介绍：内容展示：教学网站的内容以植物生理学知识为主线，将植物生理学的知识分类展示在教学网站上。其展示的内容主要体现在植物生理学相关知识的学习、教学资源部分，图文声像相结合地将知识进行系统的结构化，同时也为学习者创造了学习情境，帮助学习者对知识进行有意义的建构。同时对植物生理学中抽象的、难以理解的知识内容（如CAM循环、电子传递和光合磷酸化、碳3循环等）制作成flash动画，直观形象的呈献给学习者。将做实验的过程录像呈献给学习者，学习者只需要打开视频动画模块就可以找到；主讲教师也可以将上课的过程录成视频，放在教学录像模块，便于学习者观看不同教师的上课情况。在展示内容的时候，教师可以将本章或者本节重要的内容推荐给学生，在最显眼的位置显示，便于学习者注意到重点内容。这些都是本教学网站的独特之处。自主测试：自主测试就是让学习者实现对自己的学习效果进行测试。在植物生理学教学网站中主要体现在课后习题和试题库模块。6课后习题和试题库模块可以帮助学习者实现自主测试，检测自己的学习效果。师生互动：建构主义认为“互动”是学习的重要因素之一，教学网站必须为学习者提供互动模块，要让学习者能够实现和教师的交流，及时解决遇到的各种问题，并及时得到反馈。在植物生理学教学网站中主要体现在作业提交、留言板和最新通知模块上。学习者把自己的问题留言到教学网站的留言界面，教师在后台可以看到学习者的留言然后进行答复操作，教师也可以选择学生的留言内容及答复内容是否在前台显示，通过留言板模块就实现了师生的互动；学习者可以通过作业提交模块把实验报告或者其他作业在网上提交，教师可以在后台修改学生提交的作业并及时给与学习者反馈。教师可以在最新通知模块发布消息，通知学习者，从而实现师生互动。通过内容展示、自主测试、师生互动功能的设计与实现，能够为学习者创造良好的学习情境，帮助学习者实现对知识的意义建构。（二）界面设计教学网站的界面直观的呈现在学习者面前，是教学网站的门面。教学网站的界面外观是否友好直接影响到教学网站的质量以及学习者的学习效果。因此，对教学网站的界面进行设计是开发教学网站的重中之重。学习者浏览界面友好的教学网站可以心情舒畅，学习效果很好。相反，学习效果就会很差。为了开发高质量的植物生理学教学网站，专门对教学网站的界面进行了设计。教学网站的界面设计符合以下几个原则：1.用户导向原则植物生理学教学网站的使用对象是本科生和研究生。根据用户的特点，教学网站的界面不需要设计的色彩斑斓，而应该以简洁大方为主。教学网站页面总体呈现蓝色，学习过程中蓝色有使人镇静的效果。页面布局也以简单大方为主，Logo、导航条、信息发布区、内容展示区、版权区等合理布局，分布明显。2.一致性原则一致性是友好的教学网站界面都具备的。教学网站设计了统一的界面结构，网站首页、栏目页、单网页、内容页都具有统一的结构，统一的页面布局。例如，每个页面都使用相同的内容呈现形式，色彩与内容风格保持一致，各个页面上的文字内容的间距和图文排版方式保持一致等。3.简洁与明确原则教学网站的界面设计采用了醒目的标题，限制了所用的字体和颜色的数目。使教学内容简单明确的呈献给学习者，便于学习者有效学习。遵循以上三条教学网站界面设计的原则，将植物生理学教学网站首页的页面布局设计如下：图1首页布局（三）导航的设计导航栏是教学网站的重要组成部分。优秀的导航栏好像是网站的导游，告诉学习者网站是干什么的，内容分类有哪些，并且引导着学习者找到需要的信息。好的导航栏能够给学习者提供很大的便捷，从而提高教学网站的质量。因此，教学网站导航栏的设计也是非常重要的。首先，规划好教学内容是进行导航设计之前的第一要务。优秀的导航设计要将教学网站的功能模块完整的呈现在导航条中，将教学内容分类设置为一级导航和二级导航等，便于学习者便捷地找到想要学习的教学内容。本次设计通过对植物生理学教学内容的分析和教学网站功能的设计，将导航条设置为首页、课程介绍、教学大纲、授课计划、理论资源、实验资源、视频动画、教学录像、趣味课堂、试题库、作业提交和留言板十二个模块。其中理论资源中包括教学内容、电子教案、教学课件和课后习题。导航内容设计如图所示：图2导航内容设计图其次，教学网站的导航条应设计的简单、直接、明了，让学习者一眼就能看到他们想要访问的内容。并且几乎每个页面都具有导航条，以便让学习者能够快速查找到想要学习的内容，为学习者使用网站提供便利。教学网站在首页、栏目页和内容页的头部都设置有导航条，用户可以在浏览内容时方便的进入其他内容模块学习。最后，教学网站的导航条要设置有网页路径，以防出现网络迷航。导航条中的网页路径向用户直观地呈现了访问路径，使得用户能够通过点击节点返回其中的任一节点。例如首页理论资源教学内容列表。教学网站导航条的设计给学习者使用网站提供了便利。（四）植物生理学教学网站的模块设计植物生理学教学网站围绕着首页、课程介绍、教学大纲、授课计划、理论资源、实验资源、视频动画、教学录像、趣味课堂、试题库、作业提交、留言板十二个模块展开的。1.植物生理学教学网站学习模块设计植物生理学教学网站的学习模块是整个教学网站的中心模块，包括课程介绍、教学大纲、授课计划、理论资源（教学内容、电子教案、教学课件）、实验资源、视频动画、教学录像、趣味课堂。首先进行教学网站中植物生理学课程的介绍，课程介绍以文本和视频的形式呈现。学习者通过学习课程介绍能够了解到植物生理学课程的整个概述，对植物生理学课程有一个大概的了解。然后进行教学网站中植物生理学课程教学大纲的学习，不同专业的教学大纲不同，同一专业植物生理学理论和实验的教学大纲也不同，通过对教学大纲的学习，可以了解到不同专业植物生理学理论的课程基本信息、课程的目的和任务、课程的基本内容、教学设计和课程的考核与评价等；可以了解到不同专业植物生理学实验的课程基本信息、课程简介、教学目标、实验项目及学时安排、实验内容等。再然后了解教学网站中植物生理学课程的授课计划，通过对授课计划的了解，可以知道植物生理学课程的学时和内容进度安排。最为重要的是理论资源和实验资源模块的学习，理论资源模块中包括教学内容、电子教案、教学课件等。其中教学内容、电子教案和教学课件是植物生理学课程中最为重要的部分，里面包含植物生理学课程所有的相关知识。实验资源模块中包括实验报告案例、实验管理成绩打分标准等内容，通过实验资源模块的学习可以获得大量的关于做实验的知识，有利于以后的科学研究。再然后就是视频动画模块，该模块提供了大量的实验演示动画，演示的内容都是植物生理学课程中抽象的、难以理解的分子水平的知识，将学生很难学会的知识以直观形象的形式呈现出来，有助于学习者的有效学习。该模块还提供了大量实验过程的视频，可以节省大量的做实验的时间，提高教学效率。再然后是教学录像模块，该模块包含所有主讲教师的上课教学录像，以便学习者回顾上课没有注意到的知识点，可以多次观看，也可以快进、回放等重点学习某个知识点，还可以观看不同教师讲解的内容。最后是趣味课堂模块，该模块是整个教学网站的特色之处。该模块展示植物生理学最新奇、最有特色的内容，包含实用技术、世界奇特植物介绍和植物的运动，在本模块可以体验到植物生理学的乐趣。教学网站的学习模块是整个教学网站的重点。2植物生理学教学网站的自主测试模块设计植物生理学教学网站的自主测试模块是整个教学网站的关键模块，通过自主测试来检验学习者学习效果的好坏。在教学网站中学习者的自主测试模块主要是通过课后习题和试题库来完成。通过课后习题来了解本节内容的学习效果，通过做试题库里面的试题来检测本章内容的学习效果。最终对自身的学习效果有一个合理的了解。3植物生理学教学网站互动模块设计教学网站的互动模块是通过作业提交、留言板和最新通知模块来实现的。学习者可以通过作业提交模块提交自己完成的作业，方便快捷；同时学习者如果对本课程有任何建议或者在学习过程中遇到什么问题只需要通过留言板的形式来留言。然后教师在后台对学习者的留言进行处理并及时反馈给学习者，从而实现交流的过程。教师可以在后台发布最新通知，在前台的最新通知模块显示，从而达到师生互动。由于最新通知模块是教师发布通知的，特别重要，所以设计在了网站的首页。4植物生理学教学网站系统管理模块设计植物生理学教学网站的管理员就是教师，教师拥有整个教学网站的管理权限，能够完成对资源的实时操作，能够实现对资源的添加、更新、删除、查找以及网站维护等功能，能够保持网站资源的优质化及可持续发展。植物生理学教学网站可以不断添加新的资源，与时俱进。在后台对该网站的模型、栏目和内容进行管理，将模型设计为文章模型、图片模型、视频模型、动画模型分别展示这四种类型的资源。将栏目设计为网站介绍、课程介绍、教学大纲、授课计划、理论资源、实验资源、视频动画、教学录像、趣味课堂、试题库、主讲教师、作业提交、留言板、图片展示作为一级栏目，关于我们、联系方式、版权声明、进入后台作为网站介绍的二级栏目，教学内容、电子教案、教学课件和课后习题作为理论资源的二级栏目，实用技术、世界奇特植物介绍和植物的运动作为趣味课堂的二级栏目。在每一个非外部链接栏目下添加内容，进行内容管理。通过对模型、栏目和内容的管理，将植物生理学教学内容清晰而且有条理的呈现在网站中。（五）植物生理学教学网站的特色设计在本次植物生理学教学网站的设计与开发中，有几个特色之处。第一，在栏目首页设计了内容推荐区域，教师可以将比较重要的知识内容和最新的、需要学生首先注意到的内容推荐到栏目首页推荐区域，便于学习者了解到最重要的内容。第二，设计了教学内容点击次数排行榜，教师可以通过排行榜了解到学习者对哪部分内容比较感兴趣和了解到学习者学习的进度，以便及时安排后面的课程和及时更新教学内容。学生可以通过点击次数排行榜了解到其他学生的学习状况，及时调整自己的学习状态，第三，设计了最新通知模块，教师可以通过该模块向学习者传递各种信息通知，方便快捷。第四，在网站首页插入了微信二维码，方便学习者扫描二维码，教师通过微信公众号向学生发布各种重要信息，便于学习者的移动学习，体现了时代的特性。这些特色之处将本次教学网站的等级提升了一个档次，便于师生有效的利用教学网站进行辅助教学。五、植物生理学教学网站的技术实现植物生理学教学网站的功能模块包括学习模块、自主测试模块、互动模块和后台管理模块。下面分别对这几个功能模块的技术实现进行说明。植物生理学教学网站的首页是整个网站的门面，是学习者打开网站第一个见到的页面，所以教学网站首页的制作是十分重要的。在教学网站首页的制作过程中，按照界面设计时设计的首页框架进行制作，将设计好的网站logo放入logo区域；将搜索条制作在搜索条区域，并且通过phpcms后台的全站搜索模块制作搜索功能。导航栏菜单的内容和菜单的个数可以通过后台更改，体现了人性化。将事先设计好的导航栏菜单的个数和内容制作成了导航栏。网站重点内容显示区是展示最重点的内容，最能体现网站特色的内容。教学网站将教学理念和主讲教师介绍放在了这里，让学习者第一眼就了解到教学理念。信息发布区制作为最新通知模块，教师可以通过后台的最新通知模块发布信息。在下面就是主讲教师展示区，主讲教师的照片个数也是在后台可以随意更改的，在后台设计了一个主讲教师栏目用于管理主讲教师展示区。微信公众号对于推送植物生理学相关知识也很方便，所以教学网站在教师展示区下面设计了一个二维码区，展示微信二维码。学习者扫描二维码后，教师可以通过微信公众号向学习者推送信息。之后是图片展示区域，在这里向学习者展示教学网站最重要的图片。之后就是导航内容强调区，导航内容强调区主要是展示一些内容，便于学习者直接进入该内容进行学习。之后就是友情链接区域，友情链接的内容可以从后台设置和更改，随意添加和删除。最下面就是版权区，在版权区展示了关于我们、联系方式、版权声明、进入后台和友情链接。网站首页包含了网站的所有内容。网站首页如图所示：图3网站首页（一）植物生理学教学网站的学习模块 植物生理学教学网站的学习模块是教学网站的核心模块，体现了知识的完整性。学习模块主要包括课程介绍、教学大纲、授课计划、理论资源、实验资源、视频动画、教学录像和趣味课堂部分，其中理论资源部分中的教学内容、电子教案、教学课件是学习模块的重点。这些都是学习的重点模块。课程介绍不包含二级栏目，所以就调用单网页模板，主要是内容的呈现。课程介绍的内容是从后台直接调取的，调取的技术实现是在前台通过pc标签调取。课程介绍界面如下：图4课程介绍页面教学大纲采用栏目页，在栏目首页以列表的形式呈现，一点教学大纲标题，就会跳转到相应的教学大纲栏目内容页。教学大纲内容在后台可视化添加。在栏目内容页，如果内容太长，可以加入分页显示，增强显示效果。在内容下面有相关热词搜索、上一篇下一篇和延伸阅读，便于学习者学习相关知识。在栏目页和栏目内容页都有点击次数排行榜，便于学习者参考学习进度。教学大纲栏目页如图所示：图5教学大纲栏目页教学大纲栏目内容页如图所示：图6教学大纲栏目内容页理论资源包括教学内容、电子教案、教学课件和课后习题的二级栏目。理论资源也采用的栏目页，在最上面包含热点内容推荐区域，将理论教学资源中重要的内容推荐到这个区域。在推荐区域的旁边是图片幻灯显示区，将理论资源内容中包含图片的内容中的图片显示到这个区域，并且按照一定时间跳转显示。在下面就是二级导航强调区，强调二级导航里面的内容。理论资源栏目页如图所示：图7理论资源栏目页理论资源栏目列表页：图8理论资源栏目列表页栏目资源内容页：图9栏目资源内容页（二）植物生理学教学网站互动模块 植物生理学教学网站互动模块包括作业提交和留言板以及最新通知模块。作业提交模块，学习者在作业提交模块输入姓名、专业、班级、学号，在编辑器里面添加作业内容，点击提交，所提交的作业在后台就可以看到。作业提交前台页面如图所示：图10作业提交页面后台显示作业提交内容页面如图所示：图11作业提交后台页面留言板模块，点击我要留言即可以参与留言。留言页面如图所示：图12留言板页面在后台可以查看留言的内容，并可以给与回复。相关页面如下：图13留言板后台页面图14留言板后台页面前台显示页面：图15留言板前台显示页面（三）植物生理学教学网站系统管理模块 植物生理学教学网站的系统管理是教学网站的中心。没有系统管理，就无法实现教学网站的更新。植物生理学课程内容的更新、删除、替换都是通过管理系统来实现的。教学网站的管理系统是通过PHPCMS系统来管理内容的，在后台管理系统可以实现对内容的管理，对教学网站总体的设计，以及对各个栏目的增添或删除。同时在后台可以直接进入前台浏览内容。后台主要是对模型、栏目和内容进行管理，管理页面分别如下：图16模型管理页面图17栏目管理页面图18内容管理页面（四）植物生理学教学网站搜索模块植物生理学教学网站的搜索模块可以方便学习者快速搜索有关内容，方便快捷。搜索模块页面如图所示：图19 搜索页面（一）图20搜索页面（二）结论植物生理学教学网站的设