基于Web前端开发技术的儿童教育网站设计与实现

陈红梅

摘要： 关键词： 中图分类号： 文献标志码： A文章编号： 2095-2163（2017）06-0142-04

Abstract： In the age of the Internet today， the website has become one of the important ways for people to obtain information. Vivid website style and popular web content could quickly attract users， which determines the website hits and repeat visits could rapidly increase. As website development technology， the Web front-end has received the attention and the welcome of the people. Nowadays， another topic worthy of attention is the children's education. Whether it is possible to educate children correctly and effectively has been an urgent topic of the times . The paper discusses and analyzes the functional designs of children's education website. Based on the above， the paper further proposes the development realization of the website system.

0引言

人的一生，多會经历童年、少年、青年、中年和老年等各个时期，而儿童时期可以说是一生中具有深远影响的重要阶段。在此关键时期，家长对儿童的这段启蒙教育往往会影响孩子此后的人生走向。然而，家长虽然普遍认识到了教育的重要性，但却依旧会出现教育方法的错误或扭曲，引发一定不良后果，例如担心孩子做不好事情，所有的事情都包办代替，让孩子失去自立的锻炼机会与能力；对孩子采取拔苗助长的教育方式，不顾及孩子的兴趣特点，甚至强迫孩子去学习；缺少和孩子间的交流，渐渐地缺失彼此的亲近感，最终可能导致家长在孩子眼中变得陌生。基于此，研发建立一个儿童教育网站则旨在帮助家长明辨正确的儿童教育方式，避免“功利化”教育等非理想预期现象的再发生，培养家长正确的人才观念和教育观念。本文即针对这一内容展开探讨论述。

1网站的可行性分析

1.1技术的可行性

该网站运用Web前端核心技术HTML、CSS3、JavaScript以及响应式框架Bootstrap构建设计，可以适应不同大小的屏幕，实现移动端、PC端的兼容。通过申请云服务器，获得免费的域名，用户可输入链接http：//1.kids.applinzi.com进行实时访问。

1.2操作的可行性

该网站以儿童教育为主题，通过访问该网站可向家长普及相关的儿童教育知识，矫正部分错误观念，从而更加精准地掌握现代的儿童教育方式。

2网站分析

2.1网站的功能

本次研究网站就是立足于家长层面，根据不同的模块，分析面对儿童成长问题时家长应呈现一种怎样的状态。在首页部分，网站列举了当今儿童教育存在的诸多问题，如过度溺爱、强迫孩子一次性学超量的东西等等，可以让家长对号入座，检视自身是否出现类似情况，以做反思。除此之外，还列举出了人一生的各个阶段——幼儿和儿童阶段、青少年阶段、成年阶段、中壮年阶段、中老年阶段和老年阶段。显而易见，其中的儿童阶段则尤为关键，处在初识事物的时期，孩子的大部分认知均是从父母处获得，父母的言行举止与教育方式都会直接或者潜移默化地影响到孩子。除首页外、网站的其他页面也分别从不同的角度剖析解读了关于儿童教育的各类问题。这里，将给出具体阐释如下。

首先，在育儿理念方面，该模块列举了家长教育儿童的正确观念，如着重培养孩子做事的办法和习惯，不仅仅只是要让孩子知道什么是什么，还要教育孩子为什么，遇到何种问题要如何去面对和解决，让孩子慢慢认识到事情的本质与规律。除此之外，还要注重挖掘孩子本身的兴趣和喜好，让孩子有1件自己最喜欢做的事情，而不能强制性要求孩子必须学会很多东西，这样不仅可能使家长愿望落空，还有可能造成孩子对家长的反感。

其次，在儿童科普方面，需从儿时就倾力打造孩子的创新动手才能。在儿童阶段，孩子接受新事物能力极强，此时不应只是限定在被动地接受知识，而应该在动手能力和创新能力方面投入足够的辅助和引导精力。家长可以借助儿童科普视频而使孩子感受到科学的魅力[1] 。不仅如此，家长也可以通过教育孩子涉猎诸如 《三字经》等经典文化来加强对其道德品质方面的培养，树立正确的人生观和价值观[2]。

再次，在智力开发方面，已有研究表明，在儿童阶段的智力将呈现飞跃发展，甚至超过了孩子一生中的任何阶段。网站中共分享了6种增进孩子智力发育的方法。具体内容如下：

1）注重科学营养。不同的食物中含有不同的营养成分，孩子的均衡饮食是提高智力的物质基础，需尽量避免营养匮乏或是营养过剩。

2）多和孩子交流。孩子在语言方面的智商通常和儿时听到的词汇量具有一定关联，家长与孩子的交流越多，孩子的词汇量也将趋于渊博与丰富。

3）多为孩子读书。给孩子阅读时要指认出书上的字，让孩子知道家长的阅读位置，如果孩子不理解，还可以多读几遍，这对孩子关于新事物的学习将大有裨益。endprint

4）在和孩子交谈时适当加上手语，则可以使孩子加深对事物的认知与了解，从而更为迅捷地掌握和記住信息要点。

5）要给孩子独处的时间。不要随时随地出现在孩子面前去监督孩子做事，让孩子学习去发现属于自己的乐趣，进而形成独立思考能力。

6）支持孩子。不论孩子得到了任何或大或小的发现，家长都要给予认同和支持，这是因为孩子想和家长建立一条思想智慧的传输纽带。

最后，在儿童故事方面，也有诸多细节需要注意。比如在给孩子讲故事时采用声情并茂的方式，遇到孩子不懂之处用肢体语言来强化表述，可以加深孩子对故事的接受与理解程度，而当每个小故事结束后，可以让孩子试着简要复述，谈谈对故事的理解，也可以让孩子说说发生在自己身边的与故事相关的事情，学习完整表达自己的想法，进而养成举一反三、触类旁通的学习能力。

除了以上的论述内容外，网站还设置了一个特殊的论坛模块，该模块旨在展现家长在儿童教育方面的看法，便于大家分享、互相借鉴、互相解决问题，积累更多的经验。

其实，针对儿童的教育涉及到方方面面，本网站仅关于相对重要的几个论题展开了探讨与剖析。教育儿童是一门学问，需要家长不断学习和自我提升。

2.2网站的特点

本次网站的样式特点是采用较亮的颜色，实现多种颜色拼接。触发图片或文字时，显示渐变的效果。在内容上，撷取了当前社会热点关注的话题，激发家长的兴趣与话题参与度。基于事物本质的角度去分析问题的所在及寻求正确做法，从而达到本网站预期设计的理想效果。

2.3上传至新浪云

Step 1登录新浪云，新建Web应用，申请免费二级域名。登录的效果界面则如图1、图2所示。

Step 2登录Web应用，上传用户研发的网站代码。设计过程的界面效果如图3～图6所示。

Step 3使用PC/手机远程访问云服务器应用。

3结束语

不论在国内还是国外，儿童教育问题始终都是具有深远重要意义的实际研究课题。通过建立儿童教育网站来强化对该话题的关注，从而使更多的家长能够完备掌握有效的儿童教育模式。

参考文献：

[1] 冯海亮，侯意浓. 儿童科普读物的市场现状及其科学教育价值探析[J]. 科普研究，2017（1）：41-47.

[2] 冯文全，陈晓霞. 《三字经》对儿童家庭教育的启示[J]. 牡丹江大学学报，2016，25（12）：131-133.

[3] 吕林云，许之民. 家庭教育缺失背后的真问题[J]. 基础教育研究，2016（21）：74-76.

[4] 李帮诚. Web前端开发技术与研究[J]. 电脑知识与技术，2016，12（29）：47-49.

[5] 宋官民，王宁宁，申士杰. Web前端的发展趋势[J]. 江西建材，2017（2）：250.

[6] 袁婷. 浅谈Web前端开发[J]. 无线互联科技，2017（2）：35-36.

[7] 潘丹. 基于bootstrap响应式web前端分析[J]. 数字技术与应用，2016（10）：179.

[8] 丁莲，张玲，杜巍. 基于bootstrap的WEB前端开发应用研究[J]. 电子制作，2016（20）：43.

[9] 晓亦. 国外教育儿童方式大盘点[J]. 老年教育：长者家园，2016（6）：46.

[10]陈桃兰. 以儿童生活为中心——叶圣陶对儿童教育理论的探索与实践[J]. 杭州师范大学学报（社会科学版），2016（4）：130-136.endprint