Website lay-outing with css

မဂၤလာပါ ...

ဒီတစ္ပုိင္းကေတာ့ website ေရးျခင္းရဲ႕ ေနာက္ဆုံး အပုိင္းျဖစ္ပါတယ္၊ ကၽြန္ေတာ္ တင္ေပးထားတဲ့ သင္ခန္းစာေတြကုိ ေတာက္ေလွ်ာက္ လုိက္လုပ္တဲ့လူဆုိရင္ေတာ့ အခု သင္ခန္းစာ ၿပီးရင္ website တစ္ခုကုိ ေရးတတ္မွာ ေသခ်ာပါတယ္။ ဒီ post အခုမွေတြ႕တဲ့လူေတြအတြက္လည္း အရင္သင္ခန္းစာေတြကုိ ျပန္ညႊန္းေပးပါ့မယ္။


အပုိင္း (၁) --- Analyzing a website (ဝဘ္ဆုိက္ တစ္ခုကုိ ခြဲျခမ္းစိတ္ျဖာျခင္း)
အပုိင္း (၂) --- Coding header of Myanmar Web Designer
အပုိင္း (၃) --- Coding main menu of Myanmar Web Designer
အပုိင္း (၄) --- Coding footer of Myanmar Web Designer
အပုိင္း (၅) --- jQuery slider တစ္ခု ဖန္တီးျခင္း (Create a jQuery slider)

ဒီေန႔ video ကေတာ့ သုံးပုိင္းရွိပါတယ္၊ သုံးပုိင္း ဆုိလို႔ လန္႔မသြားပါနဲ႔ သုုံးခုေပါင္းမွ ၂၇ မိနစ္ေလာက္ပဲ ရွိတာပါ၊ အဲဒီ video ေတြကေတာ့ -

jQuery slider တစ္ခု ဖန္တီးျခင္း (Create a jQuery slider)

မဂၤလာပါ ...

အရင္တစ္ပတ္ကေတာ့ ကြၽန္ေတာ္တုိ႔ Myanmar Web Designer ရဲ႕ main body အပုိင္းကုိ ခ်န္ထားခဲ့ၿပီး footer ကုိ အရင္ သင္ျပေပးခဲ့ပါတယ္၊ ဒီတစ္ပတ္မွာေတာ့ main body ထဲက content ေတြကုိ layout ခ် တာကုိ သင္ျပေပးမွာျဖစ္ပါတယ္။

အခု သင္ခန္းစာကုိ ဘယ္သူေတြ လုိက္ႏုိင္မလဲ ?

အခု ေျပာျပေပးမယ့္ သင္ခန္းစာကုိေတာ့ ေအာက္က အပုိင္း ၁၊ ၂၊ ၃၊ ၄ ေတြကုိ ဖတ္ၾကည့္ၿပီး လုိက္လုပ္ဖူးတဲ့ လူတုိင္း လုိက္ႏုိင္မွာ ျဖစ္ပါတယ္၊

အပုိင္း (၁) --- Analyzing a website (ဝဘ္ဆုိက္ တစ္ခုကုိ ခြဲျခမ္းစိတ္ျဖာျခင္း)
အပုိင္း (၂) --- Coding header of Myanmar Web Designer
အပုိင္း (၃) --- Coding main menu of Myanmar Web Designer
အပုိင္း (၄) --- Coding footer of Myanmar Web Designer

ဒါဆုိရင္ ကြၽန္ေတာ္တုိ႔ သင္ခန္းစာ စလိုက္ၾကရေအာင္ဗ်ာ ...

Create footer of Myanmar Web Designer

မဂၤလာပါ ...

ဒီတစ္ပတ္ေတာ့ အားလပ္ရက္ ပုိရလို႔ ကၽြန္ေတာ္ footer အတြက္ပါ video record လုပ္ထားလုိက္ပါတယ္။ ဒီသင္ခန္းစာက website တစ္ခု တည္ေဆာက္ျခင္းရဲ႕ အပုိင္း (၄) လုိ႔ ေျပာလို႔ရပါတယ္။ က်န္အပုိင္းမ်ားကုိ မဖတ္ဖူးေသးရင္ ဒီသင္ခန္းစာကုိ မေလ့လာခင္ က်န္အပုိင္း သုံးပုိင္းကုိ အရင္ဖတ္ရမွာျဖစ္ပါတယ္၊ က်န္တဲ့အပုိင္းေတြကေတာ့ ေအာက္ပါအတုိင္းျဖစ္ပါတယ္။

အပုိင္း (၁) --- Analyzing a website (ဝဘ္ဆုိက္ တစ္ခုကုိ ခြဲျခမ္းစိတ္ျဖာျခင္း)
အပုိင္း (၂) --- Coding header of Myanmar Web Designer
အပုိင္း (၃) --- Coding main menu of Myanmar Web Designer

အပုိင္း (၁)၊ (၂)၊ (၃) ကုိ ဖတ္ၿပီးသားလူေတြကေတာ့  အခုသင္ခန္းစာအတြက္ ေအာက္က video ကုိ ၾကည့္ပါ။

Creating mainmenu of Myanmar Web Designer

မဂၤလာပါ …

အရင္တစ္ေခါက္ကေတာ့ ကၽြန္ေတာ္တုိ႔ "Coding header of Myanmar Web Designer"
ကုိ ေရးခဲ့ၿပီး ျဖစ္ပါတယ္၊ ဒီတစ္ေခါက္ post မွာေတာ့ mainmenu အပုိင္းကုိ ေရးမွာျဖစ္ပါတယ္။ ကၽြန္ေတာ့္အေနနဲ႔ “firebug” addon ကုိ မိတ္ဆက္ေပးခဲ့ၿပီး အသုံးျပဳပုံကုိ ရွင္းျပခဲ့ၿပီး ျဖစ္ပါတယ္၊ ဒီတစ္ခါ firefox addon ေနာက္တစ္ခုကုိ ကၽြန္ေတာ္ မိတ္ဆက္ေပးမွာျဖစ္ပါတယ္၊ firefox addon ျဖစ္တဲ့အတြက္ firefox မွာပဲ အလုပ္လုပ္မွာပါ၊ တစ္ျခား browser ေတြအတြက္လည္း ရွာရင္ေတာ့ ရွိႏုိင္ပါတယ္၊ အဲဒီ addon ကေတာ့ ...

Create header of Myanmar Web Designer

မဂၤလာပါ …

ဒီတစ္ပါတ္ေတာ့ ကၽြန္ေတာ္တုိ႔ html နဲ႔ css code ေတြကုိ စေရးရပါေတာ့မယ္။ မေရးခင္ ဘယ္ language က ဘာအတြက္ သုံးတယ္ဆုိတာေလး ေျပာခ်င္ပါတယ္။ html ဆုိတာကေတာ့ “Hyper Text Markup Language” ရဲ႕ အတုိေကာက္ျဖစ္ၿပီးေတာ့ website မွာ content (စာ, ဓာတ္ပုံ, ..) ေတြထည့္ဖုိ႔ သုံးရတဲ့ language ျဖစ္ၿပီးေတာ့၊ css (Cascading Style Sheet) ကေတာ့ style sheet ဆုိတဲ့အတုိင္း html က ထည့္ထားတဲ့ content ေတြကုိ ပုံစံေျပာင္းျခင္း၊ အလွဆင္ျခင္း အစရွိတာေတြကုိ လုပ္ႏုိင္တဲ့ language ျဖစ္ပါတယ္။

ဒီသင္ခန္းစာကုိ ဘယ္လိုလူေတြ လုိက္ႏုိင္မလဲ?

ဒီသင္ခန္းစာကုိ “Analyzing a website” ကုိ ဖတ္ဖူးတဲ့လူေတြ လုိက္ႏုိင္မွာ ျဖစ္ပါတယ္။

သင္ခန္းစာ အက်ယ္

Analyzing a website (ဝဘ္ဆုိက္ တစ္ခုကုိ ခြဲျခမ္းစိတ္ျဖာျခင္း)

သင္ခန္းစာ အက်ဥ္း

ဒီ post ဟာ website ေရးျခင္းကုိ စိတ္ဝင္စားတဲ့ လူေတြအတြက္ ပထမဆုံး ေျခလွမ္းျဖစ္မယ္ထင္ပါတယ္။ အခု သင္ခန္းစာမွာ website တစ္ခုရဲ႕ တည္ေဆာက္ပုံကုိ ခြဲျခမ္းစိတ္ျဖာ ေလ့လာမွာ ျဖစ္ပါတယ္။

ဘယ္လိုလူေတြက ဒီသင္ခန္းစာကုိ လုိက္ႏုိင္မလဲ?

အခု သင္ခန္းစာကုိ website တစ္ခုကုိ ျမင္ဖူးတဲ့လူတုိင္း လုိက္ႏုိင္မွာ ျဖစ္ပါတယ္။

သင္ခန္းစာ အက်ယ္


how to subscribe post from a blog

မဂၤလာပါ၊ ေနာက္ဆုိရင္ ဒီ blog မွာ tutorial ေတြ တင္ပါေတာ့မယ္၊ ဒါေပမယ့္ ကၽြန္ေတာ္က အလုပ္တစ္ဖက္နဲ႔ အားသေလာက္ တင္မွာမုိ႔လို႔ ကၽြန္ေတာ့္ ဘေလာ့မွာ ေန႔တုိင္း အသစ္တင္ျဖစ္မွာမဟုတ္ပါဘူး၊ အဲဒီေတာ့ အသစ္တင္ရင္ လြတ္သြားမွာစုိးတဲ့အတြက္ ဒီဘေလာ့က post ေတြကုိ email နဲ႔ subscribe လုပ္ထားေစခ်င္ပါတယ္၊ အဲဒီလို လုပ္ထားလုိက္မယ္ဆုိရင္ ကၽြန္ေတာ့္ဘေလာ့ကုိ ဝင္မၾကည့္လဲ ကၽြန္ေတာ္ ပုိ႔စ္ အသစ္တင္လုိက္တာနဲ႔ သူငယ္ခ်င္းတုိ႔ရဲ႕ email ထဲကုိ ေရာက္လာမွာ ျဖစ္ပါတယ္။ အဲဒီလို subscribe လုပ္ခ်င္တယ္ဆုိရင္ေတာ့ ဒီဘေလာ့ရဲ႕ ညာဘက္အျခမ္းမွာ "အသစ္တင္တုိင္း mail ပုိ႔ပါမည္။" ဆုိတဲ့ ေခါင္းစဥ္ေအာက္မွာ ေအာက္ပါ ပုံထဲမွာ လမ္းညႊန္ထားတဲ့အတုိင္း လုပ္ေပးပါ။

Website တစ္ခု၏ အျမန္ႏႈန္း အေရးပါပုံ

website တစ္ခုရဲ႕ အျမန္ႏႈန္းဟာ အေရးႀကီးပါတယ္၊ တုိင္းတာခ်က္မ်ားအရ ကုိယ့္ရဲ႕ website ကုိ လာၾကည့္တဲ့သူေတြဟာ ၄ စကၠန္႔အတြင္းမွ မေပၚလာရင္ အဲဒီ site ကုိ မၾကည့္ေတာ့ပဲ ပိတ္လုိက္ၾကပါတယ္တဲ့၊ အဲဒါအျပင္ အေရးႀကီးတဲ့ ေနာက္တစ္ခ်က္ကေတာ့ Google ပါပဲ Google က ျမန္တဲ့ site ေတြကုိ ႀကိဳက္ႏွစ္သက္ပါတယ္၊ key word ခ်င္းတူရင္ေတာင္ အျမန္ႏႈန္းပုိျမင့္တဲ့ site ကုိ search result မွာ အေပၚဖက္ကုိက်တဲ့ ေနရာမွာ ေဖာ္ျပေပးပါတယ္။

Website ၏ ေကာင္းက်ဳိးမ်ား

website တစ္ခုလုပ္ေတာ့မယ္ဆုိရင္ ဘာေကာင္းက်ဳိးေတြ ရႏုိင္လဲဆုိတာ သိထားဖုိ႔ လုိပါတယ္၊ အဲဒီေကာင္းက်ဳိးေတြကုိ ေအာက္ပါလင့္ခ္မွာ ေဖာ္ျပထားပါတယ္။ ျမန္မာဘာသာ၊ အဂၤလိပ္ဘာသာ ႏွစ္ဘာသာျဖင့္ အလြယ္တကူ ဖတ္ရႈႏုိင္ပါတယ္။ သြားေရာက္ ဖတ္ရႈခ်င္ရင္ေတာ့ website knowledge မွာ ဝင္ေရာက္ ဖတ္ရႈႏုိင္ပါတယ္။