整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
兩天在網上不小心看到“js許愿墻”這幾個字，我的神經就全部被調動了。然后就開始我的百度生涯，一直尋覓許愿墻背景圖片和便利貼圖片，覓了好久……一直沒找到滿意的……無意間看到祝福語和一些卡通婚禮圖片。最終我決定用jquery制作一個小型婚禮，并且實現添加祝福語的功能。
音樂響起來，開始我的婚禮進行曲~
一、婚禮演示圖
場景一：
場景二：
場景三：
場景四：
場景五：
場景六：
場景七：
添加祝福語：
二、html代碼
<div class="box"> <!-- 場景一 --> <div class="first-box"> <div class="first-horn"> <img src="images/first_horn.jpg"/> </div> <div class="first-txt"> <div class="txt1"><img src="images/first_txt1.jpg"/></div> <div class="txt2"><img src="images/first_txt2.jpg"/></div> </div> </div> <!-- 場景二 --> <div class="second-box"> <div class="second-people"> <img src="images/second_people.jpg"/> </div> <div class="second-txt"> <img src="images/second_txt.jpg"/> </div> </div> <!-- 場景三 --> <div class="three-box"> <div class="three-img"> <img src="images/three_img.jpg"/> </div> </div> <!-- 場景四 --> <div class="fore-box"> <div class="fore-img"> <img src="images/fore_img.jpg"/> </div> </div> <!-- 場景五 --> <div class="five-box"> <div class="five-img"> <img src="images/five_img.jpg"/> <div class="u-enter">進入婚禮</div> </div> </div> <!-- 場景六 --> <div class="six-box"> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> <div></div> </div> <!-- 場景七 --> <div class="seven-box"> <div class="clickMe">點我送祝福</div> <div class="seven-content"> <div class="note-a1"></div> <div class="note-a2"></div> <div class="note-a3"></div> <div class="note-a4"></div> <div class="note-a5"></div> <div class="note-a6"></div> <div class="note-a7"></div> <div class="note-a8"></div> <div class="note-a9"></div> <div class="note-a10"></div> <div class="note-a11"></div> <div class="note-a12"></div> <div class="note-1">一定要幸福哦~</div> <div class="note-2">祝你們白頭偕老！</div> <div class="note-3">早生貴子~</div> <div class="note-4">新婚快樂~</div> <div class="note-5">生個寶寶認我做干媽！</div> <div class="note-6">喜結良緣O(∩_∩)O哈哈哈~</div> <div class="note-1">一定要幸福哦~</div> <div class="note-2">祝你們白頭偕老！</div> <div class="note-3">早生貴子~</div> <div class="note-4">新婚快樂~</div> <div class="note-5">生個寶寶認我做干媽！</div> <div class="note-6">喜結良緣O(∩_∩)O哈哈哈~</div> </div> </div> </div> <!-- 遮罩層 --> <div class="mask"></div> <div class="pop-box"> <h1>送上祝福語</h1> <textarea id="write">寫上您的祝福吧~</textarea> <div class="u-sure" id="uSure">確定</div> </div>
三、js代碼
場景一：
var $firstHorn=$(".first-horn"), /* 場景一左邊喇叭 */
$firstTxt=$(".first-txt"), /* 場景一文字div */
firstTxtWidth=$firstTxt.width(), /* 文字div的寬度 */
$secondBox=$(".second-box"), /* 場景二box */
$secondPeople=$(".second-people"), /* 場景二左邊人物 */
$secondTxt=$(".second-txt"), /* 場景二右邊文字 */
$threeBox=$(".three-box"), /* 場景三box */
$threeImg=$(".three-img"), /* 場景三圖片 */
$foreBox=$(".fore-box"), /* 場景四box */
$foreImg=$(".fore-img"), /* 場景四圖片 */
$fiveBox=$(".five-box"), /* 場景五box */
$fiveImg=$(".five-img"), /* 場景五中間圖片 */
$uEnter=$(".u-enter"), /* 進入婚禮按鈕 */
$sixBox=$(".six-box"), /* 場景六box */
$sixDiv=$sixBox.find("div"), /* 場景六里面小塊div */
sixDivWidth=$sixDiv.width(), /* 場景六里面小塊div的寬度 */
sixDivHeight=$sixDiv.height(), /* 場景六里面小塊div的高度 */
sixBoxWidth=$sixBox.width(), /* 場景六寬度 */
sixBoxHeight=$sixBox.height(),/* 場景六高度 */
$sevenBox=$(".seven-box");
/* 場景一 */
$firstHorn.animate({left: 0},1000);
$firstTxt.animate({left: "435px"},function(){
$firstTxt.fadeIn(1000);
showTxt($firstTxt.find("div:eq(0)")); /* 顯示第一行文字 */
setTimeout(function(){showTxt($firstTxt.find("div:eq(1)"));},3000); /* 顯示第二行文字 */
setTimeout(scene2,7000); /* 進入場景二 */
});
/* 顯示文字 */
function showTxt($obj){
for(var i=0; i < 8; i++){
(function(){
$obj.animate({width: firstTxtWidth*(i+1)+"px"}); /* 根據i值，width逐漸變大 */
})(i)
}
}
描述：場景一主要有兩個功能，第一個是控制左邊圖片，第二個是讓右邊文字逐一顯示。
場景二：
/* 場景二 */
function scene2(){
$firstTxt.fadeOut();
$firstHorn.animate({left: "-422px"},function(){
$secondBox.show();
$secondPeople.animate({left: "0"});
$secondTxt.animate({left: "230px"},function(){
$secondTxt.fadeIn(1000);
setTimeout(scene3,2000); /* 進入場景三 */
});
});
}
描述：場景二功能簡單一點，只控制左邊人物出現，緊接著是文字顯示。
添加祝福語：
/* 點我送祝福 */
$clickMe.click(function(){
$write.val("送上您的祝福吧~");
$mask.fadeIn();
$popBox.animate({top: "50%"});
})
/* 獲取焦點時 */
$write.focus(function(){
var _val=$(this).val();
if(_val=="送上您的祝福吧~"){
$(this).val("");
}
})
/* 丟失焦點時 */
$write.blur(function(){
var _val=$(this).val();
if(_val.length==0){
$(this).val("送上您的祝福吧~");
}
})
/* 點擊確定 */
$uSure.click(function(){
var _writeVal=$write.val();
var _randomNum=Math.ceil(Math.random()*6);
if(_writeVal !="送上您的祝福吧~"){
var _div='<div class="note-'+_randomNum+'">'+_writeVal+'</div>';
$sevenContent.append(_div); /* 如果輸入祝福語，將此標簽添加的尾部 */
defineSevenDiv($sevenContent.find("div:last"));
$popBox.animate({top: "-300px"},function(){
$mask.fadeOut();
draggableNote(); /* 可拖動卡片，給新添加的標簽賦予拖動功能 */
});
}else{
alert("請輸入祝福語！");
}
})
描述：添加祝福語中，需填寫祝福語，否則不讓提交。可提交的祝福語便隨機散布在祝福墻中，可實現隨意拖動功能。
js所有代碼：
/**
* User: wei ya
* Date: 14-6-12
* Time: 下午8:08
* 小型婚禮
*/
$(function(){
var $firstHorn=$(".first-horn"), /* 場景一左邊喇叭 */
$firstTxt=$(".first-txt"), /* 場景一文字div */
firstTxtWidth=$firstTxt.width(), /* 文字div的寬度 */
$secondBox=$(".second-box"), /* 場景二box */
$secondPeople=$(".second-people"), /* 場景二左邊人物 */
$secondTxt=$(".second-txt"), /* 場景二右邊文字 */
$threeBox=$(".three-box"), /* 場景三box */
$threeImg=$(".three-img"), /* 場景三圖片 */
$foreBox=$(".fore-box"), /* 場景四box */
$foreImg=$(".fore-img"), /* 場景四圖片 */
$fiveBox=$(".five-box"), /* 場景五box */
$fiveImg=$(".five-img"), /* 場景五中間圖片 */
$uEnter=$(".u-enter"), /* 進入婚禮按鈕 */
$sixBox=$(".six-box"), /* 場景六box */
$sixDiv=$sixBox.find("div"), /* 場景六里面小塊div */
sixDivWidth=$sixDiv.width(), /* 場景六里面小塊div的寬度 */
sixDivHeight=$sixDiv.height(), /* 場景六里面小塊div的高度 */
sixBoxWidth=$sixBox.width(), /* 場景六寬度 */
sixBoxHeight=$sixBox.height(),/* 場景六高度 */
$sevenBox=$(".seven-box");
/* 場景一 */
$firstHorn.animate({left: 0},1000);
$firstTxt.animate({left: "435px"},function(){
$firstTxt.fadeIn(1000);
showTxt($firstTxt.find("div:eq(0)")); /* 顯示第一行文字 */
setTimeout(function(){showTxt($firstTxt.find("div:eq(1)"));},3000); /* 顯示第二行文字 */
setTimeout(scene2,7000); /* 進入場景二 */
});
/* 顯示文字 */
function showTxt($obj){
for(var i=0; i < 8; i++){
(function(){
$obj.animate({width: firstTxtWidth*(i+1)+"px"}); /* 根據i值，width逐漸變大 */
})(i)
}
}
/* 場景二 */
function scene2(){
$firstTxt.fadeOut();
$firstHorn.animate({left: "-422px"},function(){
$secondBox.show();
$secondPeople.animate({left: "0"});
$secondTxt.animate({left: "230px"},function(){
$secondTxt.fadeIn(1000);
setTimeout(scene3,2000); /* 進入場景三 */
});
});
}
/* 場景三 */
function scene3(){
$secondBox.hide();
$threeBox.fadeIn();
for(var i=0; i < 6; i++){ /* 控制圖片跳轉頻率 */
if(i==0){
$threeImg.css({left:0,top:0});
}else if(i%2==0){
$threeImg.animate({left: 40*i+"px",top: 30*i+"px"},80*(6-i));
}else{
$threeImg.animate({left: 40*i+"px",top: "200px"},80*(6-i));
}
}
setTimeout(scene4,2500); /* 進入場景四 */
}
/* 場景四 */
function scene4(){
$threeBox.hide();
$foreBox.fadeIn();
$foreImg.animate({top: "80px"},1000);
setTimeout(scene5,2500); /* 進入場景五 */
}
/* 場景五 */
function scene5(){
$foreImg.animate({left: "960px"},function(){
$fiveBox.fadeIn();
$fiveBox.find("img").css({"transform": "scale(1)"});
$uEnter.click(function(){
$fiveBox.hide();
setTimeout(scene6,400); /* 進入第六場景 */
})
});
}
/* 場景六 */
var colCount=4, /* 多少列 */
rowCount=4; /* 多少行 */
function scene6(){
$sixBox.fadeIn();
/* 聚合 */
$sixDiv.each(function(){
var _index=$(this).index(),
col=_index%colCount, /* 第幾列 */
row=Math.floor(_index/rowCount), /* 第幾行 */
cssLeft=sixBoxWidth/2 - colCount/2*sixDivWidth + col*sixDivWidth, /* left的值 */
cssTop=sixBoxHeight/2 - rowCount/2*sixDivHeight + row*sixDivHeight, /* top的值 */
divLeft=-col*sixDivWidth, /* 背景定位的寬度 */
divTop=-row*sixDivHeight; /* 背景定位的高度 */
$(this).css({"left": cssLeft,"top": cssTop, "background-position": divLeft+"px "+divTop+"px"}); /* 先設置成為聚合，定位好背景圖片 */
setTimeout(scatter,1600); /* 調用散開 */
})
setTimeout(scene7,3000); /* 進入第七場景 */
}
/* 散開 */
function scatter(){
$sixDiv.each(function(){
var _index=$(this).index(),
col=_index%colCount, /* 第幾列 */
row=Math.floor(_index/rowCount), /* 第幾行 */
cssLeft=(col-1)*(sixBoxWidth+sixDivWidth)- sixDivWidth, /* 我這里的水平間距大小為盒子大小加上它自身的寬度 */
cssTop=(row-1)*(sixBoxHeight+sixDivHeight)- sixDivWidth; /* 我這里的水平間距大小為盒子大小加上它自身的寬度 */
$(this).animate({"left": cssLeft,"top": cssTop},1200);
})
}
/* 場景七 */
var $sevenDiv=$(".seven-content div"),
$clickMe=$(".clickMe"),
/* 送上祝福 */
$mask=$(".mask"),
$popBox=$(".pop-box"),
$write=$("#write"),
$uSure=$("#uSure"),
$sevenContent=$(".seven-content");
function scene7(){
$sixBox.hide();
$sevenBox.fadeIn(1000);
$sevenDiv.each(function(){
defineSevenDiv($(this));
})
function defineSevenDiv($own){
var _obj=defineRandom();
$own.css({"transform":"rotate("+_obj.rotate+"deg)"}); /* 設置隨機旋轉值 */
$own.animate({left: _obj.left+"px",top: _obj.top+"px"}); /* 隨機排布 */
}
/* 定義隨機left，top和旋轉值 */
function defineRandom(){
var randomLeft=Math.floor(680*(Math.random())) + 30, /* 圖片left值 */
randomTop=Math.floor(400*Math.random()) + 30, /* 圖片top值 */
randomRotate=20 - Math.floor(40*Math.random()); /* 圖片旋轉角度 */
return {
left: randomLeft,
top: randomTop,
rotate:randomRotate
}
}
/* 拖動祝福卡片 */
draggableNote();
/* 拖動圖片 */
function draggableNote(){
$(".seven-content div").draggable({
containment: $sevenContent,
zIndex: 2700,
start: function(){
$(this).css({"transform":"rotate(0deg)","cursor": "crosshair"}); /* 開始拖動圖片旋轉為0，鼠標樣式改變 */
},
stop: function(){
var _obj=defineRandom();
$(this).css({"transform":"rotate("+_obj.rotate+"deg)","cursor": "pointer"}); /* 停止拖動，旋轉為隨機的 */
}
})
}
/* 點我送祝福 */
$clickMe.click(function(){
$write.val("送上您的祝福吧~");
$mask.fadeIn();
$popBox.animate({top: "50%"});
})
/* 獲取焦點時 */
$write.focus(function(){
var _val=$(this).val();
if(_val=="送上您的祝福吧~"){
$(this).val("");
}
})
/* 丟失焦點時 */
$write.blur(function(){
var _val=$(this).val();
if(_val.length==0){
$(this).val("送上您的祝福吧~");
}
})
/* 點擊確定 */
$uSure.click(function(){
var _writeVal=$write.val();
var _randomNum=Math.ceil(Math.random()*6);
if(_writeVal !="送上您的祝福吧~"){
var _div='<div class="note-'+_randomNum+'">'+_writeVal+'</div>';
$sevenContent.append(_div); /* 如果輸入祝福語，將此標簽添加的尾部 */
defineSevenDiv($sevenContent.find("div:last"));
$popBox.animate({top: "-300px"},function(){
$mask.fadeOut();
draggableNote(); /* 可拖動卡片，給新添加的標簽賦予拖動功能 */
});
}else{
alert("請輸入祝福語！");
}
})
}
})
總結：做完這個小型婚禮，我自己都喜歡自己了，嘿嘿，小小自戀下，希望這個動畫也能給大家一個小驚喜。如果大家覺得不錯，希望大家能動動小手給我一個小小的贊，促使我不斷努力不斷去發現，謝謝~ O(∩_∩)O~~
下載：download.csdn.net/download/ya307115947/7497205
鏈接：cnblogs.com/tattoo/p/3788019.html
回復“資源”，領取 練手源碼，視頻教程，微服務、并發，數據可調優等，搜索【Java知音】
著信息時代的發展，可能因為距離或者其他原因，不能親自給親朋好友送上手寫請柬，電子請柬就成了新人們的首選。
6月初安以軒大婚，宣布結婚最吸引人眼球的就是他們的創意電子喜帖了！
這個喜帖設計非常浪漫，用了安以軒最喜歡的卡通人物“哆啦A夢”。
最創意的設計莫過于要親親手機屏幕才能打開喜帖的互動設計。
很可愛吧！！結婚喜帖做成這樣很暖心，大大加深了大家對婚禮信息的印象，而且制作起來并不麻煩喔！~
小編親測了現在網絡上的電子請柬制作網站與app，簡單易上手，甚至不用學習，制作也花費不了幾分鐘，高效快捷！一起來看看吧~
1
簡客
簡客界面干凈清新，進入頁面之后可以直接點擊“婚禮”進入編輯界面，再根據提醒自定義自己的電子請柬。
如果為了方便也可以直接選用模板庫里的模板進行編輯，操作簡單，全免費。
app：簡客
2
秀米
秀米有兩大功能：H5和長圖文排版。
模板不是特別多，但是素材挺多的，制作稍微有一點點復雜，如果自己有創意，也有時間，可以慢慢做，會做出非常好看又獨一無二的婚禮請柬，全免費。
長圖文排版比電子請柬的制作相對簡單，素材也可以用秀米自帶的。相當于給各位賓客寫了一封邀請函。
網址：https://xiumi.us/#/
3
喜帖紀
這是一個專門制作請柬、邀請帖、喜帖類的網站。
風格較多：有森系、日系、歐美、中國風，還有攝影工作室或者影樓比較常用的雜志風。
畫風美麗，但是大部分都收費，基本在30+
收費的電子請柬除了畫風比較細膩以外，更是增加了婚禮流程與反饋。
給新人的祝福提交以后也能在電子請柬的下面顯示，所以錢花的還是值得的。
網址：http://www.xitieji.cn/scene
4
喜帖居
喜帖居的婚禮請柬比較多，原創的也多，與其他網站的模板重合較少，質量上乘。
收費大多在40+元左右，性價比一般。
需要的可以自己去網站上慢慢挑挑看。
網址：http://www.xitieju.com/scene
5
柬訊
這是一款專門制作婚禮所用電子請柬的app，目前小編沒有找到他們的官方網址，所以專門下了一個app來看看。
操作超級簡單，只需要選擇好模板，導入婚紗照，相應輸入時間地點，選擇一段自己喜歡的音樂，即可生成。
一般模板需要9.9元，制作不超過三分鐘。省時省事還省心。
選擇發請柬 → 購買模板 → 添加照片 → 填入相應信息 → 選擇音樂 → 完成。
app：柬訊
6
微藝秀
微藝秀的制作方法與其他平臺相比，性價比并沒有那么高，價格偏貴。但是也不乏有特別精美好看的。
如果對電子請柬要求較高或者想要特別一點的，可以考慮。
不過小編發現他們家的模板好像與別的網站有部分重合，價格也有誤差，可酌情選擇。
網址：http://www.ve13.com/scene
7
邀約
這個網站很多專業的婚紗影樓都在用，模板雖然不多，但是精致程度堪比喜帖紀這種收費的網站。
小清新和中式風格的模板都很好看。而且也有婚禮流程制作頁面，重要的是全免費~~
這個網站還有一系列寶寶百日宴或者生日宴的邀請卡制作模板，畫風很可愛。
這個制作網站素材的替換素材比較少，制作的話可只改照片與文字比較簡單一類。
因為用的人比較多，所以如果婚禮旺季可能會與其他人“撞”電子請柬。
網址：http://www.yaoyue365.com
8
初頁
初頁是一種”類PPT”的移動端設備(如手機、pad)展示與傳播的H5頁面，通俗點講就是翻翻看。
下載了初頁的app以后可直接搜索關鍵字“婚禮”，模板雖然不多，但是原創性很強，因為相對來講也比較好聽。
收費模板不多，自己制作的不需要錢。
APP：初頁
9
易企秀
易企秀相對來講是比較專業的H5制作軟件，可操作空間大，若是有點小基礎完全可以自己制作。
分門別類多，素材替換也多。就算是毫無經驗也可以慢慢摸索著做。
相比于其他的模板網站，易企秀的風格化做的更好，只要自己有更多想法就能做出更不同的東西。
部分模板收費，價格在可以接受的程度。
界面制作功能完善，也有單獨編輯好的頁面可以插入，不論是婚禮流程還是其他信息，都可以在自己的想法下完成編輯。
其他公用模板也可以進行再編輯。
網址：http://store.eqxiu.com/scenelist-2.html
10
maka
maka是許多新人互相推薦的，模板比較小清新，可以根據色系來選擇模板，新人們可以根據自己婚紗照的色系直接選擇，很節省時間。
價格在10~60元以內。新人們可對比起來挑選，操作也很簡單，五分鐘內可以制作出一份很好看的婚禮請柬。
網址：http://maka.im/store
電子請柬一般具有以下幾個因素
封面—婚紗照展示—婚宴時間、地點—地圖—回饋聯系人—音樂
網站和模板的不同也會相應的調整順序，但是這幾點必不可少。
在素材的選擇上盡量做到色調統一，就會好看。
素材可以在相應的網站找矢量圖，不用摳圖，直接保存下來，導入請柬就好。
文案方面可以以愛情故事為敘述，讓你們之間的點點滴滴豐富這份請柬。
素材風暴：http://www.sucaifengbao.com/
千庫網：http://588ku.com/sucai/
千圖網：http://www.58pic.com/tupian/hunli.html
電子請柬要好看，除了模板之外，更多的是制作人的心意。
新人們可以一起動手為自己的婚禮做一個電子請柬，一個人負責找素材，一個人負責找模板。
就算花了不止三分鐘，但是這份美好的回憶一定會記很久的。
若是很趕急的新人，也可以直接上某寶購買一個，價格比網站上的相對便宜，不過質量良莠不齊，選擇的時候一定要多對比一下。
（致力于保護作者版權，部分作品來自網絡，無法核實出處，如有侵權請聯系刪除。謝謝！）
前有家長在人民網“領導留言板”留言：“孩子周末又面臨無所事事的狀態，建議考慮如何改善豐富孩子們的周末生活，讓孩子周末有奔頭。”
一邊是各地教育部門大力落實“雙減”政策，特別是學校在提升教育質量、為學生減輕校內負擔上不斷發力；一邊是部分家長面臨新的育兒焦慮。說到底，還是當孩子從繁重的課外輔導中解放出來之后，家庭教育并沒有主動填補空白，或拿出可行的教育設計。
作為教育管理者應該看到這一新的矛盾，找準家長焦慮的根源，幫助家長學會引導孩子將時間和精力用在有趣有益的事情上。小編整理了一些實用的資源，校長和老師們不妨推薦給家長，讓孩子的課余時間過得更加充實有趣。
01
性價比超高的“私人家教”
國家級免費資源不可錯過
很多家長非常擔心孩子本身基礎不好，看到沒有補習班和網課班的孩子周末“無所事事”，越發焦慮。
對于這類家長，有個教育部提供給中小學生的一個學習網站，完全免費，不用實在可惜。
里面涵蓋了從小學一年級到高中各科目的全部課程，授課的老師也都是很難得的特級教師。
這個寶藏資源的全名叫「國家中小學網絡云平臺」，網址是：
https://ykt.eduyun.cn/ykt/sjykt/index.html?from=timeline
無論手機電腦，點進去就能直接看直接學，非常方便。
因為是國家推出的，所以里面學習的內容，異常的豐富，孩子們一年級到高中各科課程，都有名師重點講解。
不但如此，里面還有心理健康講座、有教育意義的電影、紀錄片。
課堂知識復習預習查漏補缺都可以
打開平臺，它的首頁是這樣的。
先是文化課的學習，分為小學、初中、高中三個階段，按學期排列，全部課程都有。
孩子們找到對應的年級學期，點進去，選擇科目就可以學習了。
科目也很全，連道德與法治、音樂、美術這樣的副科也都有。
每節課都是名師錄播課。這些老師，大多數是北京教育高地——海淀各名學校的骨干老師，課堂風格突出，講解透徹。
之前，這種名校的名師課，我們只是聽說過，現在只要登錄這個網站，天南海北的孩子，都能聽到。
隨便截取兩個老師，大家感受一個“國家隊”的師資排面：
小學生的課，每節在 15-20 分鐘左右，中學生的課，在 20-25 分鐘，在課時設置上，很是符合孩子們視力保護的需求，也很真實地再現孩子課堂的場景。
老師講解的同時，有板書呈現，節奏很適中。為了增強互動性，還有「提問回答」的環節。
看同齡孩子怎么回答這一問題，孩子們對比自己的思考，既有參照，又能拓展思路。對思維能力也是個有效的提升過程。
生命安全、心理健康的課要早點給孩子上
特別值得一說的，是專題教育板塊，里面防疫知識、品德教育、生命安全教育，心理健康教育都有。
尤其是「生命安全課」和「心理健康課」，確實應該早點上給孩子們。
2000-2005 年，國家 0-14 歲兒童因意外傷害導致的死亡率是 0.2‰，平均每年有近 5 萬、每天近 150 個孩子，因為意外傷害失去生命。
觸目驚心的數字，是孩子防護常識的缺失，以及自救辦法的匱乏。
生命安全這個主題里，又分為生命教育、自然災害、意外傷害、公共衛生、社會安全、網絡安全幾個小版塊。
里面把孩子可能遇到的各種危險、危害，都說了。
比如：路遇惡狗，千萬不能拔腿就跑，更不能看它的眼睛，也不要大聲尖叫，要保持原來的速度，慢慢移開。
像地震如何自救，暴雨怎么防范，都有各種實驗、演示，警示孩子們潛在的危險，并示范了正確的防范、自救方法。
心理健康教育里，孩子們常見的「考試焦慮」「怎么面對父母的批評」「怎么表達情緒」這些問題，都站在孩子的角度一一剖析，并給到實用的落地方法。
孩子的成長，知識的增量不能少，這類能深入穩妥和世界建立穩固聯結的認知增量，也同樣很重要。
這兩個專題，手把手教孩子剖析自己、認知情緒、認識世界的潛在危險，讓孩子日后無論是控制情緒，還是應對外部環境變化，都變得胸有成竹。
閱讀、影視資源豐富，讓親子時光更有意義
平臺上有「經典教育」和「影視教育」兩個主題，它們很適合用來拓展孩子的課外積累。
「經典閱讀」里，有名師講經典的視頻課，孩子聽過這些經典篇章，再學習背誦，就容易多了。
還有幾百本的課外電子書，文學、科學、思維、傳記、建筑等方方面面的都有。
很多書目，都是中小學必讀書目，可以給孩子下載下來慢慢讀，也可以把重點章節打印下來，供孩子重點學習復習，就像坐擁一座小型電子圖書館一樣便利。
打開「影視教育」主題，更像挖寶一樣，驚喜多多，里面有好多珍貴的影視資源。
除了《祝福》《邊城》《林家鋪子》《小花》等經典老片，還有老一輩革命家、名人的成長奮斗紀錄片。觀看這類影片，能讓孩子對過去的時代，有更真實更清晰的認知。
豐富的家庭教育資源，幫助父母自身成長
這個平臺，除了方便孩子，也給父母們帶來了不少福利。
怎么讓孩子遠離手游、好的學習習慣如何養成、怎么做個好爸爸、怎么跟孩子講「性」、怎么幫孩子平穩讀過青春期等等，父母們關心的很多問題，都能從一節節的視頻微課中，找到能落地的答案。
這些家庭教育資源，長期連貫地學下來，父母們不但能掌握很多實用技巧，更關鍵的是，還能改善家庭教養模式。
一個雙向互動親子關系，會讓孩子變得更好，也能讓我們感受到生養孩子的幸福。
02
多去博物館少上培訓班
這些“云看展”資源值得好好利用
現在的中高考越來越考察孩子的日常積累。例如，北京中考題曾經有讓考生寫參觀博物館的感受。很多專家建議，平常孩子的學習要多去博物館少上培訓班，走出課本、走出家門、走進社會大課堂。
對一線城市的孩子來說，博物館資源觸手可及。但很多孩子的城市資源有限，平常沒條件能隨時看展覽，這個時候好的線上資源可以彌補這一劣勢。
由“假日博物館”團隊研發的系列動畫紀錄片，可以足不出戶，帶著孩子云看展。
這部紀錄片，加入了動畫IP貓館長的形象，以貓館長為講解員，將博物館的實景拍攝，結合動畫制作+貓館長講解的形式，讓孩子像看動畫片一樣，在看展的同時，學習歷史、文化和藝術，以及大語文、政治、地理、科學等跨學科素養。
《假日博物館》系列紀錄片雖然內容看起來輕松，但是國家文物局“博物館進校園”項目首個民營單位，該系列視頻獲得共青團中央、央視頻等官方媒體推薦和支持，主創團隊由清華大學歷史學碩士、復旦大學歷史學博士，現任復旦大學導師、復旦大學文史研究院副研究員段志強老師領綱。
這個“云看展”資源還有一點優勢是在表達方式上，摒棄了說教式的乏味敘述和傳統紀錄片的生澀表達。每集只要8分鐘左右，不知不覺就看完了，這種學習方式，完全不擔心孩子覺得枯燥。
03
一檔“大師”云集的科普公益節目培養孩子科學素養
研究表明，兒童早期對科學的興趣，對后續學習以及是否從事科學領域工作有預測作用。而大部分人的科學興趣是在14歲前建立的。
未見浩瀚宇宙，怎知夢想之大？青少年的科學啟蒙需要必要的環境和條件支持。優質的科普課程可以讓讓科學世界的光照在他們身上。
“校長會”推薦一檔騰訊與宋慶齡基金會合作推出的——“給孩子們的大師講堂”課程系列。家長可以在騰訊視頻上直接搜索資源。
目前節目更新到16集，每集10分鐘，每一期都有不同領域的科學巨匠，為孩子做相關科普演講，非常適合家長和孩子們一起觀看。
比如：
第十一屆全國政協副主席、中科院院士王志珍，
中國月球探測工程首任首席科學家、“嫦娥之父”歐陽自遠，
被《自然》期刊稱為“量子鬼才”的中國科學技術大學教授陸朝陽等
此外也收錄著名物理學家斯蒂芬·霍金生前在騰訊科學WE大會上的8分鐘演講《我們為什么要探索宇宙》，講述人類星際遷徙的愿景和推進計劃。
課程內容可以讓孩子看到科學研究的巨大魅力。例如，中國月球探測工程首任首席科學家——“嫦娥之父”歐陽自遠，及其團隊，為了去往人類從未達到過的月球背面，設計出的“科技大白”嫦娥4號在1、2、3號的科技基礎上，做出了跨時代的探索。歐陽自遠在課程中講述了他的探索過程：
在月球背面，地形起伏不平、高山峻嶺、溝壑縱橫，探測器落下去必定會砸個坑，科學家們或許就此喪生。
為此，很多科學界朋友寄過來書和科普照片，勸我放棄探測月球背面的決心。
但我堅信，科技探索是為人類更好發展服務的，一定要去往月球背面。
借助數學家拉格朗日的算法，即兩個運動的大物體之間，有5個引力平衡點，其中第2個引力平衡點是在小物體的那一面。
于是嫦娥4號團隊發射一個中繼星到拉日朗日所言的第2點，看看能不能將月球的背面和地球聯系在一起。
結果，打開網狀天線，探測器拍到的照片很精彩，但在月球上最大困難便是月球表面超級真空的環境，一個東西往下掉，越掉越快，只會被砸得稀亂，嫦娥團隊科學家隨即在著陸器的下方安裝一個發動機，著陸器越往下掉，發動機越往上推。
完美避坑的同時，探測器用高智能的照相機，邊拍照邊掉落，同時“一心三用”，判斷當下的環境是否適合降落，無法降落就立即挪走，再拍一張，不行再挪再拍照。
挪來挪去，最后拍了3764張照片，最后按照人工智能的指示，拍了最完整的照片，才就此安穩落入地球表面，完好無損，沒有被砸。
這組極其珍貴罕見的招聘不僅讓我們恢復了月球神秘面紗的歷史，也讓人們了解了月球背面的環境。
嫦娥4號工作了整整一年，取得巨大的成果。
歐陽自遠想告訴孩子們：為了人類可持續發展，不再被動，不僅嫦娥4號的團隊如此，全世界的科學家都一樣，為人類未來更幸福的目標奮進。
建議
綜觀那些優秀的家長，往往是懷著巨大的耐心，與孩子一起成長，愿意拿出時間與孩子進行高質量的互動。一方面家長引導孩子的學習興趣，培養他們對閱讀、運動的熱愛，對大自然的親近感，與小伙伴的合作意識以及動手操作的能力；另一方面不斷反思自身，檢視自己的不足，以更好的心態、更適合的途徑來因材施教。
生活即教育，生活中處處有教育。除了上面推薦的線上資源值得加以利用，周末家長可以陪伴孩子更多走向戶外。跑步、騎行、輪滑、踢球、踢毽子、跳繩等運動，閱讀、書法、手工等活動，不分城市農村，不論家庭經濟情況，簡單易行，效果明顯，都可以讓孩子在身體上強健起來，在心靈上細膩起來，在精神上豐富起來。
教育不是哪一個部門、哪幾個人的事，在助力下一代健康成長方面，建議政府擔負責任，如組織開展對學生周末活動需求的專題調研，制定豐富學生周末生活的工作方案，但家庭教育不能冷眼旁觀，同樣重任在肩。善于學習，與孩子共同成長，是一種現實要求，更是時代對所有家長提出的教育命題。
來源： 中國教育三十人論壇
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
