基于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