Credit: Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)
Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)
Credit: Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)
HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)
မဂၤလာပါ၊
အရင္တစ္ေခါက္တုန္းကေတာ့ html4 နဲ႔ css2 ကုိ အသုံးျပဳၿပီး website ေရးနည္း ကုိ video recording နဲ႔ တင္ေပးဖူးပါတယ္။ ဒီတစ္ေခါက္မွာေတာ့ ေနာက္ဆုံးေပၚျဖစ္တဲ့ HTML5 နဲ႔ CSS3 ကုိသုံးၿပီးေတာ့ website ေရးတာကုိ video recording လုပ္ထားေပးပါတယ္။ (web-designer.sg) website ရဲ႕ design ကုိ ၾကည့္ၿပီးေတာ့ HTML5 နဲ႔ CSS3 coding ကုိ ျပန္ေရးျပတာ ျဖစ္ပါတယ္။ video ကုိ download လုပ္ရတာအဆင္ေျပေအာင္၊ video လည္း ဝါးတားတားမျဖစ္ေအာင္ အေကာင္းဆုံး size ကုိ ခ်ိန္ၿပီးေတာ့ တင္ထားေပးပါတယ္။ ၾကည့္ရတာ အဆင္မေျပဘူး ေသခ်ာမရွင္းဘူးဆုိရင္ေတာ့ video ကုိ full screen ေျပာင္းၿပီး ၾကည့္ပါ။ full screen ကုိ ေအာက္ကပုံမွာ ဝုိင္းျပထားတာေလးကုိ ႏွိပ္လိုက္ရင္ အက်ယ္ျမင္ရပါၿပီ။
သင္ခန္းစာ Video ၾကည့္မယ္ဆုိရင္ေတာ့ ေအာက္မွာပါ။
Credit: HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)
သင္ခန္းစာ Video ၾကည့္မယ္ဆုိရင္ေတာ့ ေအာက္မွာပါ။
Credit: HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)
How to make main menu – blogspot
မဂၤလာပါ..
ဒီတစ္ေခါက္ေတာ့ blogspot နဲ႔ လုပ္ထားတဲ့ website ေတြမွာ Main Menu ထည့္သြင္းပုံကုိ ေျပာျပမွာ ျဖစ္ပါတယ္။ Blog spot ရဲ႕ အားသာခ်က္ေတြကုိေတာ့ blogger (blogspot) strong points မွာ ေျပာျပထားဖူးပါတယ္။ ဘေလာ့ေရးေတာ့မယ္ဆုိရင္ ဖတ္ထားသင့္တဲ့ ေဆာင္းပါးတစ္ခုလည္း ျဖစ္ပါတယ္။ အခုေျပာျပမယ့္ သင္ခန္းစာကုိေတာ့ ကုိယ္ပုိင္ blog တစ္ခု ရွိထားမွ လုိက္လုပ္လုိ႔ ရမွာျဖစ္ပါတယ္။ တစ္ကယ္လို႔ ခင္ဗ်ားမွာ ကုိယ္ပုိင္ blog မရွိေသးဘူးဆုိရင္ How to make a blogger website မွာ ဝင္ဖတ္လုိက္ပါ။ blogspot website တစ္ခု ျပဳလုပ္နည္းကုိ ေရးထားေပးပါတယ္။ ဒီေန႔သင္ခန္းစာကေတာ့ အဲဒီ blog မွာ main menu ေပၚေအာင္ ျပဳလုပ္နည္းကုိ ေျပာျပမွာပါ။
အက်ယ္ဖတ္ရန္ --> How to create blogspot main menu
အက်ယ္ဖတ္ရန္ --> How to create blogspot main menu
Blogger (blogspot) strong points
ဒီေန႔ ကၽြန္ေတာ္ ေျပာျပခ်င္တာက google blogspot ရဲ႕ အားသာခ်က္ေတြျဖစ္ပါတယ္။ အရင္တစ္ေခါက္က How to make a blogger website မွာ google blogspot ကုိ အသုံးျပဳၿပီးေတာ့ website တစ္ခု ျပဳလုပ္ပုံနဲ႔ google blogger ရဲ႕ အားသာခ်က္၊ ေကာင္းခ်က္ ေတြကုိ အက်ဥ္းခ်ဳပ္ ေဖာ္ျပခဲ့ပါတယ္။ ယခု post က အဲဒီ အက်ဥ္းခ်ဳပ္ေတြကုိ ျပန္ရွင္းလင္းတဲ့ သင္ခန္းစာလို႔လည္း သတ္မွတ္လုိ႔ရပါတယ္။ အရင္ သင္ခန္းစာကုိ မဖတ္ရေသးသူမ်ား အထက္ပါ link မွာ ဝင္ေရာက္ ဖတ္ရႈႏုိင္ပါတယ္။
Blogger ရဲ႕ အားသာခ်က္ေတြက -
- Google hosting မွာ run ခြင့္ရတဲ့အတြက္ အျမန္ႏႈန္း စိတ္မပူရျခင္း
- SEO ေကာင္းမြန္ေအာင္ အလြယ္တကူ ျပဳလုပ္ႏုိင္ျခင္း
- Google Plus social network နဲ႔ ခ်ိတ္ဆက္ၿပီး မိမိ website လူဝင္မ်ားေအာင္ ျပဳလုပ္ႏုိင္ျခင္း
- ပုံတင္တဲ့အခါမွာ Google Picasa ကုိ ေရာက္သြားတဲ့အတြက္ ပုံေတြ တစ္စုတစ္စည္းထဲ ျပန္ၾကည့္ႏုိင္ျခင္း။
- Video တင္တဲ့အခါမွာ youtube နဲ႔ ခ်ိတ္ဆက္ထားတာေၾကာင့္ youtube မွ ၾကည့္မယ့္သူမ်ားအတြက္လည္း အဆင္ေျပျခင္း
- Interface ေကာင္းမြန္ျခင္း
- adsense နဲ႔ ခ်ိတ္ဆက္ကာ မိမိ blog မွာ ေၾကာျငာထည့္သြင္းၿပီး ေငြရွာႏုိင္ျခင္း။
- Widgets မ်ားေကာင္းမြန္ျခင္း။
အေသးစိတ္ကုိ ေအာက္ပါလင့္ခ္မွာ ဖတ္ရႈႏုိင္ပါတယ္။
blogger (blogspot) strong points
Blogger ရဲ႕ အားသာခ်က္ေတြက -
- Google hosting မွာ run ခြင့္ရတဲ့အတြက္ အျမန္ႏႈန္း စိတ္မပူရျခင္း
- SEO ေကာင္းမြန္ေအာင္ အလြယ္တကူ ျပဳလုပ္ႏုိင္ျခင္း
- Google Plus social network နဲ႔ ခ်ိတ္ဆက္ၿပီး မိမိ website လူဝင္မ်ားေအာင္ ျပဳလုပ္ႏုိင္ျခင္း
- ပုံတင္တဲ့အခါမွာ Google Picasa ကုိ ေရာက္သြားတဲ့အတြက္ ပုံေတြ တစ္စုတစ္စည္းထဲ ျပန္ၾကည့္ႏုိင္ျခင္း။
- Video တင္တဲ့အခါမွာ youtube နဲ႔ ခ်ိတ္ဆက္ထားတာေၾကာင့္ youtube မွ ၾကည့္မယ့္သူမ်ားအတြက္လည္း အဆင္ေျပျခင္း
- Interface ေကာင္းမြန္ျခင္း
- adsense နဲ႔ ခ်ိတ္ဆက္ကာ မိမိ blog မွာ ေၾကာျငာထည့္သြင္းၿပီး ေငြရွာႏုိင္ျခင္း။
- Widgets မ်ားေကာင္းမြန္ျခင္း။
အေသးစိတ္ကုိ ေအာက္ပါလင့္ခ္မွာ ဖတ္ရႈႏုိင္ပါတယ္။
blogger (blogspot) strong points
How to make a blogger website
မဂၤလာပါ..
ဒီတစ္ေခါက္ေတာ့ ကၽြန္ေတာ္တုိ႔ ကုိယ္ပုိင္ blogger website ျပဳလုပ္ပုံကုိ သင္ေပးမွာ ျဖစ္ပါတယ္။ သင္ခန္းစာ မစခင္ ကၽြန္ေတာ္တုိ႔ blogger ကုိ ဘာလို႔ ေရြးရသလဲ၊ ခင္ဗ်ားတုိ႔ေကာ website ျပဳလုပ္တဲ့ အခါမွာ blogger ကုိ ဘာေၾကာင့္ ေရြးသင့္လဲ ဆုိတာကုိ မိတ္ဆက္အေနနဲ႔ အနည္းငယ္ ေျပာျပပါမယ္။
ကၽြန္ေတာ္က blogger ကုိ ဘာေၾကာင့္ ေရြးသလဲဆုိေတာ့ ကၽြန္ေတာ္ကုိယ္တုိင္ကုိက google ကေပးတဲ့ services ေတြကုိ ႀကိဳက္လုိ႔ပါ။ Blogger ဆုိတာက google က ေပးတဲ့ services ေတြထဲက တစ္ခုျဖစ္ပါတယ္။ Blogger ကုိ လူတုိင္းမသိႏုိင္ေပမယ့္၊ google ကုိေတာ့ လူတုိင္း သိမွာပါ။
ကၽြန္ေတာ္က blogger ကုိ ဘာေၾကာင့္ ေရြးသလဲဆုိေတာ့ ကၽြန္ေတာ္ကုိယ္တုိင္ကုိက google ကေပးတဲ့ services ေတြကုိ ႀကိဳက္လုိ႔ပါ။ Blogger ဆုိတာက google က ေပးတဲ့ services ေတြထဲက တစ္ခုျဖစ္ပါတယ္။ Blogger ကုိ လူတုိင္းမသိႏုိင္ေပမယ့္၊ google ကုိေတာ့ လူတုိင္း သိမွာပါ။
ခင္ဗ်ားတုိ႔ကေရာ blogger ကုိ ဘာေၾကာင့္ ေရြးသင့္သလဲဆုိေတာ့ အဓိက အေၾကာင္းအရင္းကေတာ့ google ပါပဲ။ Blogger က google product တစ္ခုျဖစ္တဲ့အတြက္ေၾကာင့္ google ရဲ႕ မ်က္ႏွာသာေပးျခင္း ခံရပါတယ္။ ဘယ္လုိမ်က္ႏွာေပးခံရလဲဆုိတာကိုေတာ့ ေအာက္ပါလင့္ခ္မွာ သြားေရာက္ ဖတ္ရႈႏုိင္ပါတယ္။
အားလုံး တုိးတက္ေနတဲ့အခ်ိန္မွာ ေနာက္က်မက်န္ခဲ့ေစဖုိ႔
မဂၤလာပါ၊ အားလုံးပဲ ႏွစ္သစ္မွာ ေပ်ာ္ရႊင္ပါေစ။ ဒီေန႔ကေတာ့ အေထြေထြ ဗဟုသုတ တစ္ခုေလာက္ ေဝမွ်ခ်င္ပါတယ္။ အားလုံးသိတဲ့အတုိင္း ကၽြန္ေတာ္တုိ႔ ျမန္မာႏုိင္ငံက တျဖည္းျဖည္းနဲ႔ တုိးတက္ေနပါၿပီ။ အဲဒီလုိ အဖက္ဖက္ကေန တုိးတက္ေနတဲ့အခ်ိန္မွာ မီေအာင္မလုိက္ႏုိင္လို႔ ေနာက္က် က်န္ခဲ့ရင္ ေနာင္တစ္ခ်ိန္မွ မီေအာင္ျပန္လုိက္ႏုိင္ဖုိ႔ဆုိ ေတာ္ေတာ္ႀကီးကုိ ခက္ခဲသြားမွာပါ။ ကၽြန္ေတာ္ကေတာ့ နည္းပညာသမားဆုိေတာ့ နည္းပညာနဲ႔ ပတ္သတ္တာကုိပဲ ေျပာမွာပါ။ တုိင္းျပည္ႀကီးက တုိးတက္လာတဲ့ အတြက္ေၾကာင့္မုိ႔လို႔ နည္းပညာေတြလည္း အဖက္ဖက္က တုိးတက္ေနပါတယ္။
ဒီအေၾကာင္းကုိ ကၽြန္ေတာ္ ဥပမာ တစ္ခုနဲ႔ ေျပာျပခ်င္ပါတယ္။ ဒီဥပမာကုိ အရင္တုန္းက ကၽြန္ေတာ္ သင္တန္းဆရာ လုပ္တုန္းကလည္း သင္တန္းသားေတြကုိ ေျပာျပဖူးပါတယ္။ ကၽြန္ေတာ္နဲ႔ နီးစပ္တဲ့ သူငယ္ခ်င္းေတြနဲ႔ ကၽြန္ေတာ္ သင္ေပးေနတဲ့ တစ္ခ်ဳိ႕တစ္ေယာက္ကုိလည္း ဒီဥပမာကုိ ေျပာျပခဲ့ဖူးပါတယ္။
ဒီအေၾကာင္းကုိ ကၽြန္ေတာ္ ဥပမာ တစ္ခုနဲ႔ ေျပာျပခ်င္ပါတယ္။ ဒီဥပမာကုိ အရင္တုန္းက ကၽြန္ေတာ္ သင္တန္းဆရာ လုပ္တုန္းကလည္း သင္တန္းသားေတြကုိ ေျပာျပဖူးပါတယ္။ ကၽြန္ေတာ္နဲ႔ နီးစပ္တဲ့ သူငယ္ခ်င္းေတြနဲ႔ ကၽြန္ေတာ္ သင္ေပးေနတဲ့ တစ္ခ်ဳိ႕တစ္ေယာက္ကုိလည္း ဒီဥပမာကုိ ေျပာျပခဲ့ဖူးပါတယ္။
myanmarwebdesigner.com/blog သုိ႔ Blog ေျပာင္းေရႊ႕ျခင္း
မဂၤလာပါ၊
ကၽြန္ေတာ္တုိ႔ www.mmwebsharing.blogspot.com blog ကုိ http://www.myanmarwebdesigner.com/blog/ သုိ႔ ေျပာင္းေရႊ႕လိုက္ပါၿပီ။ တစ္ခ်ဳိ႕ ဒီ blog မွာ အဆင္ေျပၿပီးသားဟာေတြေတာ့ အဆင္ေျပဦးမွာမဟုတ္ပါဘူး၊ ဥပမာ post တင္ၿပီးတုိင္း email ထဲ ပုိ႔ေပးတာတုိ႔ ဘာတုိ႔ေပါ့။ အဲဒါေတြကုိေတာ့ ေနာက္မွ ျပန္လုပ္ေပးပါ့မယ္။ blogspot နဲ႔က်ေတာ့ သိပ္ၿပီး အဆင္မေျပတဲ့ အပုိင္းေလးေတြလည္းရွိသလို ပုိေကာင္းတာေတြလည္းရွိပါတယ္။ကၽြန္ေတာ္တုိ႔ blog မွာ အုိင္တီနည္းပညာနဲ႔ ပတ္သတ္ၿပီးေတာ့ ဗဟုသုတေတြ အပါအဝင္၊ တစ္ကယ္အသုံးဝင္တဲ့ သင္ခန္းစာေတြကုိလည္း share ေပးေနတာျဖစ္ပါတယ္။ ေနာက္လည္း share သြားဦးမွာပါပဲ၊ အဓိက လုိအပ္တာကေတာ့ အခ်ိန္ပါပဲ၊ အခ်ိန္မေပးႏုိင္တဲ့အတြက္ post ေတြ သိပ္မတင္ျဖစ္တာပါ။
ကၽြန္ေတာ္တုိ႔ www.mmwebsharing.blogspot.com blog ကုိ http://www.myanmarwebdesigner.com/blog/ သုိ႔ ေျပာင္းေရႊ႕လိုက္ပါၿပီ။ တစ္ခ်ဳိ႕ ဒီ blog မွာ အဆင္ေျပၿပီးသားဟာေတြေတာ့ အဆင္ေျပဦးမွာမဟုတ္ပါဘူး၊ ဥပမာ post တင္ၿပီးတုိင္း email ထဲ ပုိ႔ေပးတာတုိ႔ ဘာတုိ႔ေပါ့။ အဲဒါေတြကုိေတာ့ ေနာက္မွ ျပန္လုပ္ေပးပါ့မယ္။ blogspot နဲ႔က်ေတာ့ သိပ္ၿပီး အဆင္မေျပတဲ့ အပုိင္းေလးေတြလည္းရွိသလို ပုိေကာင္းတာေတြလည္းရွိပါတယ္။ကၽြန္ေတာ္တုိ႔ blog မွာ အုိင္တီနည္းပညာနဲ႔ ပတ္သတ္ၿပီးေတာ့ ဗဟုသုတေတြ အပါအဝင္၊ တစ္ကယ္အသုံးဝင္တဲ့ သင္ခန္းစာေတြကုိလည္း share ေပးေနတာျဖစ္ပါတယ္။ ေနာက္လည္း share သြားဦးမွာပါပဲ၊ အဓိက လုိအပ္တာကေတာ့ အခ်ိန္ပါပဲ၊ အခ်ိန္မေပးႏုိင္တဲ့အတြက္ post ေတြ သိပ္မတင္ျဖစ္တာပါ။
Website description meta tag optimization | Myanmar SEO Tutorials
မဂၤလာပါ..
ဒီတစ္ေခါက္ေတာ့ website meta tag ကုိ optimize လုပ္တာကုိ သင္ျပေပးမွာျဖစ္ပါတယ္။ ဒီသင္ခန္းစာကုိ ဖတ္မယ့္သူေတြဟာ အရင္တစ္ေခါက္က website title tag optimization သင္ခန္းစာကုိလည္း ဖတ္ဖူးရပါမယ္။ အဲဒီသင္ခန္းစာကုိ ဖတ္ထားဖူးရင္ေတာ့ ဒီသင္ခန္းစာအတြက္ အခ်ိန္ သိပ္မေပးရေတာ့ပါဘူး။ ဒါေၾကာင့္မုိ႔ ဒီသင္ခန္းစာမွာ website တစ္ခုရဲ႕ title tag နဲ႔ meta tag ကုိ ဘယ္လိုရွာရမလဲဆုိတာပါ ေျပာျပေပးသြားမွာ ျဖစ္ပါတယ္။ ဒီ blog မွာ ေရးတဲ့သင္ခန္းစာေတြဟာ ဘာမွမသိတဲ့လူတစ္ေယာက္က စၿပီး အလယ္အလတ္သိတဲ့ လူတစ္ေယာက္အထိ ဖတ္လို႔ရေအာင္ ေရးတာျဖစ္ပါတယ္။ ဒါေၾကာင့္ သိၿပီးသားလူေတြလည္း ပုိၿပီး ျပည့္ျပည့္စုံစုံ သိေစပါတယ္။ ကဲ .. သင္ခန္းစာ စရေအာင္ဗ်ာ။
ဒီတစ္ေခါက္ေတာ့ website meta tag ကုိ optimize လုပ္တာကုိ သင္ျပေပးမွာျဖစ္ပါတယ္။ ဒီသင္ခန္းစာကုိ ဖတ္မယ့္သူေတြဟာ အရင္တစ္ေခါက္က website title tag optimization သင္ခန္းစာကုိလည္း ဖတ္ဖူးရပါမယ္။ အဲဒီသင္ခန္းစာကုိ ဖတ္ထားဖူးရင္ေတာ့ ဒီသင္ခန္းစာအတြက္ အခ်ိန္ သိပ္မေပးရေတာ့ပါဘူး။ ဒါေၾကာင့္မုိ႔ ဒီသင္ခန္းစာမွာ website တစ္ခုရဲ႕ title tag နဲ႔ meta tag ကုိ ဘယ္လိုရွာရမလဲဆုိတာပါ ေျပာျပေပးသြားမွာ ျဖစ္ပါတယ္။ ဒီ blog မွာ ေရးတဲ့သင္ခန္းစာေတြဟာ ဘာမွမသိတဲ့လူတစ္ေယာက္က စၿပီး အလယ္အလတ္သိတဲ့ လူတစ္ေယာက္အထိ ဖတ္လို႔ရေအာင္ ေရးတာျဖစ္ပါတယ္။ ဒါေၾကာင့္ သိၿပီးသားလူေတြလည္း ပုိၿပီး ျပည့္ျပည့္စုံစုံ သိေစပါတယ္။ ကဲ .. သင္ခန္းစာ စရေအာင္ဗ်ာ။
How to Install Joomla Website
အရင္တစ္ေခါက္က XAMPP ကို Install လုပ္တာကို ရွင္းျပျပီးခဲ႔ပါျပီ။ တကယ္လို႔ အဲ႔ဒီpost ကိုမဖတ္ ရေသးဘူး ဆိုရင္ How to install Xampp XAMPP Install လုပ္တာကိုအရင္သြား ဖတ္ေစခ်င္ပါတယ္။ ဒီတစ္ေခါက္မွာေတာ့ Joomla website တစ္ခုကုိ Installation လုပ္တာကို သင္ျပသြားမွာျဖစ္ပါတယ္။ Joomla website ပုံစံကုိ ေလ့လာဖုိ႔အတြက္ အရင္ဆုံး web-designer.sg ဝဘ္ဆုိက္ကုိ သြားၿပီး စာမ်က္ႏွာနဲ႔ တည္ေဆာက္ပုံေတြကုိ ေလ့လာရပါမယ္။ ၿပီးရင္ေတာ့ Joomla Install လုပ္ပုံကုိ ေအာက္ပါအတုိင္း ဆက္ေလ့လာပါ။
Download w3schools.com for offline
ဟုိတစ္ေန႔က အြန္လုိင္းမွာ စကားေျပာျဖစ္တဲ့ထဲက တစ္ေယာက္က w3schools.com ကုိ ဝင္ၾကည့္ရတာ အခက္အခဲရွိတယ္၊ အခ်ိန္ျပည့္ ၾကည့္ဖုိ႔ အဆင္မေျပဘူးဆုိလို႔ offline ၾကည့္လုိ႔ရမယ့္ version ေလး ကၽြန္ေတာ့္မွာ ရွိေနတာနဲ႔ပဲ တင္ေပးလိုက္ပါတယ္။ ေဒါင္းလုဒ္လုပ္ခ်င္တယ္ဆုိရင္ေတာ့ ေအာက္က လင့္ခ္မွာ ေဒါင္းလုဒ္လုပ္ပါ။ Link ကုိႏွိပ္လိုက္တာနဲ႔ download က်ပါတယ္။ ေဒါင္းလုဒ္လင့္ခ္ကေတာ့
Subscribe to:
Posts (Atom)