နည္းပညာ

ကြန္ပ်ဴတာ နည္းပညာမ်ား, နည္းပညာ software ႏွင့္ နည္းပညာ blog

လက္ေရြးစင္ သင္ခန္းစာမ်ား ၾကည့္ရန္။

Web Design Tutorials က႑

HTML5, CSS3 ျဖင့္ website ေရးနည္း အပုိင္း (၆+၇)

Singapore Web Design (web-designer.sg) website ကုိ ဥပမာ ထားၿပီးေတာ့ website ေရးနည္းကုိ သင္ျပေပးထားတဲ့ video tutorial ျဖစ္ပါတယ္။ HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီး ေရးျပထားပါတယ္။ အသံသြင္းတုန္းက mic ျပႆနာ နည္းနည္းရွိသြားလို႔ အသံက တုိးေနပါတယ္။ ဒါေပမယ့္ vlc medai player နဲ႔ အသံကုိ ၂၀၀% ေလာက္ထား နားေထာင္ရင္ ၾကားရပါတယ္။

Video download လုပ္ဖုိ႔ အခက္အခဲရွိတဲ့သူေတြအတြက္လည္း download လုပ္နည္း ကုိ ေျပာျပၿပီးပါၿပီ။ အခု ဒီ video ေတြအထိ လုိက္လုပ္ႏုိင္တဲ့လူကေတာ့ ဒီသင္ခန္းစာေတြ ၿပီးတာနဲ႔ website တစ္ခု လုပ္တတ္သြားမွာ ျဖစ္သလို၊ website တစ္ခုလည္း လုပ္ၿပီးေနမွာပါ။ တစ္ျခား အဆင္မေျပတာေလးေတြ ရွိရင္ေတာ့ ေမးႏုိင္ပါတယ္။ ေနာက္တစ္ေခါက္ သင္ခန္းစာမွာေတာ့ ေနာက္ထပ္ စာမ်က္ႏွာေတြကုိ အလြယ္တကူ ဘယ္လိုလုပ္မလဲဆုိတာ သင္ေပးမွာ ျဖစ္ပါတယ္။ အဲဒီသင္ခန္းစာၿပီးရင္ေတာ့ ကၽြန္ေတာ္ ေရးထားတဲ့ ဖုိင္ေတြကုိ တင္ေပးပါမယ္။

Video ေတြကေတာ့ ေအာက္မွာပါ –

အျပည့္အစုံ ဖတ္ရန္ »

Website ေရးနည္း အပုိင္း (၄ + ၅) – html5 and css3

မဂၤလာပါ၊

Singapore Web Design (web-designer.sg) website ကုိ ဥပမာ ထားၿပီးေတာ့ website ေရးနည္းကုိ သင္ျပေပးထားတဲ့ video tutorial ျဖစ္ပါတယ္။ HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီး ေရးျပထားပါတယ္။ CSS sprite ေရးနည္းကုိလည္း ဒီတစ္ပတ္ သင္ခန္းစာမွာ သင္ေပးထားပါတယ္။ video ႏွစ္ဖုိင္မွာ တစ္ဖုိင္က အရမ္းတုိးေနပါတယ္။ အသံသြင္းေနတုန္း mic က ဘာျဖစ္သြားလဲ မသိဘူး၊ ဒါေပမယ့္ vlc medai player နဲ႔ အသံကုိ ၂၀၀% ေလာက္ထား နားေထာင္ရင္ ၾကားရပါတယ္။

အရင္တစ္ေခါက္က ေရးတာေတာ့ ေတာ္ေတာ္ေလးၿပီးေနပါၿပီ၊ ကၽြန္ေတာ္တင္ေပးတဲ့ video သင္ခန္းစာေတြကုိ ေတာက္ေလွ်ာက္လုပ္လာတဲ့လူကေတာ့ ဒီအခ်ိန္မွာ website တစ္ခုရဲ႕ စာမ်က္ႏွာ တစ္ဝက္ေလာက္ ၿပီးေနမွာပါ၊ အခုတင္ေပးမယ့္ သင္ခန္းစာ ႏွစ္ခုနဲ႔ပါေပါင္းလိုက္ရင္ေတာ့ website တစ္ခုရဲ႕ စာမ်က္ႏွာ ေလးပုံ သုံးပုံေလာက္ေတာင္ ၿပီးေနမွာပါ။

အရင္တုန္းက တစ္ပတ္ကုိ သင္ခန္းစာ တစ္ခုပဲ တင္ေပးေပမယ့္ ဒီေန႔ေတာ့ video သင္ခန္းစာ ႏွစ္ခု တင္ေပးလိုက္ပါတယ္။ အားလုံးပဲ လုိက္လုပ္ၾကည့္ပါဦး၊ video သင္ခန္းစာေတြ ၿပီးရင္လည္း ကၽြန္ေတာ္ ေရးထားတဲ့ website files ေတြ အားလုံးကုိ တင္ေပးပါ့မယ္။ ဒီတစ္ပတ္အတြက္ video သင္ခန္းစာေတြကေတာ့ …

အျပည့္အစုံ ဖတ္ရန္ »

HTML5, CSS3 နဲ႔ Website ေရးနည္း အပုိင္း (၃)

Singapore Web Design (web-designer.sg) website ကုိ နမူနာထားၿပီး website ေရးနည္းကုိ သင္ေပးထားေသာ သင္ခန္းစာျဖစ္ပါတယ္။ ဒီေန႔ တင္ေပးမွာကေတာ့ website ေရးနည္း အပုိင္းသုံး ျဖစ္ပါတယ္။ စာအျဖစ္နဲ႔ေတာ့ ေထြေထြထူးထူး ေျပာစရာမရွိပါဘူး၊ အားလုံး video ထဲမွာ ေျပာျပေပးထားပါတယ္။ ဒီတစ္ေခါက္ video ကေတာ့ နည္းနည္းေလး ရွည္ပါတယ္။ တစ္ကယ္လို႔ youtube က video ေတြ download လုပ္လို႔ မရဘူးဆုိရင္ http://www.downvids.net/ ကုိသြားၿပီးေတာ့ video ရဲ႕ လိပ္စာကုိ paste လုပ္ၿပီး download လုပ္ႏုိင္ပါတယ္။

အဲဒါကုိ အခက္အခဲရွိေနဦးမယ္ဆုိရင္လည္း သိပါရေစ၊ comment ခ်န္ခဲ့ပါ၊ တစ္ျခားေနရာမွာ တင္ေပးလိုက္ပါမယ္။ အရင္က သင္ခန္းစာေတြ ျပန္ၾကည့္ခ်င္တယ္ဆုိရင္ေတာ့

အပုိင္း (၁) HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)
အပုိင္း (၂) Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)

အပုိင္း (၃) video ကေတာ့ ေအာက္မွာပါ

Website ေရးနည္း video သင္ခန္းစာ အပုိင္း ၂ (by using HTML5 and CSS3)

အရင္ တစ္ေခါက္က HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁) ကုိ ၾကည့္ျဖစ္ၾကမယ္ထင္ပါတယ္။ ဒီတစ္ေခါက္ သင္ခန္းစာမွာေတာ့ main menu ေရးပုံကုိ သင္ျပေပးထားပါတယ္။ Singapore Web Design (web-designer.sg) ဆုိက္ကုိ နမူနာ ထားၿပီးေတာ့ ေရးနည္း သင္ေပးထားတာပါ။ အခက္အခဲရွိရင္ေတာ့ comment ေရးခဲ့ပါ။

အရင္တစ္ေခါက္က video ၾကည့္ၿပီး တစ္ခ်ဳိ႕လည္း feed back ေလးေတြေပးၾကတယ္၊ အသံက သိပ္မရွင္းဘူးတုိ႔၊ code ေတြကုိ သိပ္မျမင္ရဘူးတုိ႔ေပါ့ဗ်ာ၊ ၿပီးေတာ့ စကားေျပာတာ ေျပာခ်င္သလိုမေျပာခ်င္သလို ျဖစ္ေနတယ္တဲ့ 😀
အဲဒါေတြအားလုံးက video ကုိ download လုပ္ရင္ မၾကာေအာင္လို႔ အတတ္ႏုိင္ဆုံးအခ်ိန္ကုိ ခ်ဳံ႕တဲ့ သေဘာပါ၊ video minutes ေတြ မၾကာေအာင္၊ မမ်ားေအာင္၊ စကားကုိ ျမန္ျမန္ေျပာရပါတယ္။ အဲဒါေၾကာင့္ စကားက ေျပာခ်င္သလို မေျပာခ်င္သလို ျဖစ္ေနႏုိင္ပါတယ္။ နားမလည္လိုက္ရင္ ျပန္ရစ္ၿပီး နားေထာင္ေပးပါ။
အသံသိပ္မရွင္းလိုက္တာမ်ဳိးဆုိရင္ ျပန္ျပန္ရစ္ၿပီး နားေထာင္ပါ၊ နားလည္သြားပါလိမ့္မယ္။ code ေတြကုိ ေသခ်ာမျမင္ရတာမ်ဳိးဆုိရင္ေတာ့ video ကုိ full screen ခ်ဲ႕ၿပီးၾကည့္ပါ၊ ဒါဆုိရင္ အဆင္ေျပသြားမယ္လို႔ ေမွ်ာ္လင့္ပါတယ္။ ကုိယ္က download လုပ္ၿပီးသြားရင္လည္း download လုပ္ရတာ အခက္အခဲရွိတဲ့သူေတြကုိ မွ်ေဝေပးေပါ့ဗ်ာ။ သူမ်ားကို ေပးကမ္းတဲ့အလုပ္က ျမင့္ျမတ္သူေတြမွ လုပ္ႏုိင္တာတဲ့ဗ်။

HTML5 နဲ႔ CSS3 ကုိ အသုံးျပဳၿပီးေတာ့ Website ေရးနည္း (အပုိင္း ၁)

မဂၤလာပါ၊

အရင္တစ္ေခါက္တုန္းကေတာ့ html4 နဲ႔ css2 ကုိ အသုံးျပဳၿပီး website ေရးနည္း ကုိ video recording နဲ႔ တင္ေပးဖူးပါတယ္။ ဒီတစ္ေခါက္မွာေတာ့ ေနာက္ဆုံးေပၚျဖစ္တဲ့ HTML5 နဲ႔ CSS3 ကုိသုံးၿပီးေတာ့ website ေရးတာကုိ video recording လုပ္ထားေပးပါတယ္။ Singapore Web Designer (web-designer.sg) website ရဲ႕ design ကုိ ၾကည့္ၿပီးေတာ့ HTML5 နဲ႔ CSS3 coding ကုိ ျပန္ေရးျပတာ ျဖစ္ပါတယ္။ video ကုိ download လုပ္ရတာအဆင္ေျပေအာင္၊ video လည္း ဝါးတားတားမျဖစ္ေအာင္ အေကာင္းဆုံး size ကုိ ခ်ိန္ၿပီးေတာ့ တင္ထားေပးပါတယ္။ ၾကည့္ရတာ အဆင္မေျပဘူး ေသခ်ာမရွင္းဘူးဆုိရင္ေတာ့ video ကုိ full screen ေျပာင္းၿပီး ၾကည့္ပါ။ full screen ကုိ ေအာက္ကပုံမွာ ဝုိင္းျပထားတာေလးကုိ ႏွိပ္လိုက္ရင္ အက်ယ္ျမင္ရပါၿပီ။

 

html5-css3-making-website

သင္ခန္းစာ Video ၾကည့္မယ္ဆုိရင္ေတာ့ ေအာက္မွာပါ။