HTML/CSS for Self Study

HTML/CSS Code ေတြကို ကိုယ့္ကိုေလ့လာႏိုင္ဖို႔အတြက္ အေထာက္အကူျဖစ္ E-Book ေလးတစ္ခုနဲ႔မိတ္ဆက္ ေပးပါရေစ။ သိျပီးသာဆရာေတြအတြက္ေတာ့ ေက်ာ္သြားေပါ့ဗ်ာ။ က်ေနာ္ဒီစာအုပ္ေလး (တစ္နည္းအားျဖင့္) ဒီ HTML/ CSS စာအုပ္သည္ ဘေလာ့စေလ့လာကာစတုန္းက ဆရာလက္ေဆာင္ေပးခဲ့တာျဖစ္တယ္။ ဆရာက HTML/CSS ေတြကို အေျခခံအားျဖင့္ ကိုယ့္ကိုေလ့က်င့္ခိုင္းတယ္။ က်ေနာ္လဲႏိုင္သေလာက္ေလ့က်င့္တယ္။ ေလ့ လာတယ္။ ဒါေပမယ့္ အခုထိအလြတ္မမွတ္မိေသးပါဘူး။ စမ္းတ၀ါး၀ါးေနတုန္းပါပဲ။ က်ေနာ္ဒီမွာညြန္းခ်င္တာက ျပေပးမယ့္ဆရာမရွိတဲ့ေနရာမ်ိဳးမွာ HTML/CSS အေျခခံေလးေတြေလ့လာခ်င္တယ္ဆိုရင္ အခုက်ေနာ္ေပးတဲ့ ဒီ စာအုပ္ေလးနဲ႔ ေလ့က်င့္ေစခ်င္တယ္။ ဆရာၾကီးအဆင့္မျဖစ္ႏိုင္ေတာင္မွ Website ရဲ႕ အေျခခံ HTML/CSS code ေတြအနည္းငယ္ရိပ္မိေနမွာေသခ်ာတယ္။

က်ေနာ္တို႔ျမင္ေနရတဲ့ မည္သည့္ Webpage မဆို ဒီ code ေတြနဲ႔ကင္းလို႔မရပါ။ ဥပမာ… webpage ရဲ႕ tile, header, body, side bar စတာေတြသည္ ဒီ html/css code ေတြနဲ႔ေရးထားတယ္ဆိုတာပါပဲ။ က်ေနာ္တုိ႔ ဒီကုဒ္ ေတြကို ေကာင္းေကာင္းနားလည္ထားတယ္ဆိုရင္ webpage ရဲ႕လွပေသသပ္မႈကိုပိုျပီးလုပ္ေဆာင္ႏိုင္မွာျဖစ္ တယ္။ ဒါေပမယ့္ ဒီကုဒ္ေတြနဲ႔ webpage တစ္ခုကိစျပီးေျမာက္ရယ္ေတာ့ က်ေနာ္မဆိုလိုပါ။ ဒီကုဒ္ေတြကိုနား လည္ထားရင္ လွပေသသပ္တဲ့ webpage ဖန္တီးႏိုင္တာကုိပဲ က်ေနာ္ဆိုလိုတာပါ။ ကဲ..လိုခ်င္ သိခ်င္ရင္ေတာ့ ကိုယ့္ကိုသာစမ္းၾကည့္ဗ်ာ…

ဒီ HTML/CSS အေျခခံစာအုပ္ေလးဟာ ပါ၀င္တဲ့အပိုင္းေတြကေတာ့…
1. HTML Beginner
2. HTML Intermediate
3. HTML Advance
ေနာက္ျပီး….
1. CSS Beginner
2. CSS Intermediate
3. CSS Advance ဆိုျပီး အပိုင္း (၆)ပိုင္း ပါ၀င္မွာျဖစ္တယ္။ အဲဒါေတြကို အခန္းတိုင္းစနစ္တက်ေလ့လာ
ေလ့က်င့္ေစခ်င္တယ္။ တစ္ပိုင္းစီမွာပါ၀င္တဲ့ ေခါင္းစည္းေလးေတြကိုသာဂရုတစိုက္ေလ့လာပါ။

ေလ့က်င့္ခိုင္းတာေတာ့ ဟုတ္ပါျပီ ဒါဆိုဘယ္လိုေလ့က်င့္ရမလဲ၊ ဘာပရိုဂရမ္နဲ႔ေလ့က်င့္ရမလဲ။ က်ေနာ္ညြန္းခ်င္ တာ Window မွာ တိုက္ရိုက္ပါလာတဲ့ text editor တစ္ခုျဖစ္တဲ့ Notepad ပါပဲ။ Microsoft Office Text Editor တစ္ခုျဖစ္တဲ့ WordPad နဲ႔လည္းအဆင္ေျပပါတယ္။ ကဲ… Notepad ကုိဖြင့္မယ္။
Start Menu> Accessories> Notepad ။ ( Window + R )= Run ေဘာက္စ္ကေန notepad ရိုက္ထည့္လဲရ တယ္။

Code ေတြကို တစ္ပိုင္းစီေလ့က်င့္ျပီးလို႔ သိမ္းခ်င္တဲ့အခါ Notepad > file> save as ကိုႏွိပ္ျပီး File Name= ေနရာတြင္ text.html ( အေရးၾကီးဆံုးက .html နဲ႔သိမ္းရမည္)။ Save as type = ေနရာတြင္ All files ကိုသာ ေရြးျပီး Save ကိုသာႏွိပ္ပါ။ ေအာက္ကပံုကိုသတိထားၾကည့္လုိက္ပါ..


ထိုေနာက္ မိမိသိမ္းထားတဲ့ ဖိုင္ကိုဖြင့္လိုက္ရင္ Browser ပြင့္ေနတာေတြ႕ရပါလိမ့္မည္။ က်ေနာ္ကေတာ့နည္း လမ္းညြန္ျပေပးရံုသာျဖစ္တယ္။ တကယ္တတ္ခ်င္ သိခ်င္တယ္ဆိုရင္ ကိုယ့္ကုိသာစမ္းၾကည့္ေပါ့ဗ်ာ..

Download HTML/CSS E-Book :
Zidu.com
Mediafire

HTML အေၾကာင္းသိေကာင္းစရာ (ျမန္မာ)

ေနာက္ HTML/CSS အတြက္ ျမန္မာလိုေလ့လာႏိုင္တဲ့ E-book တစ္မ်ိဳးေလာက္ထပ္မံမိတ္ဆက္ေပးခ်င္တယ္။ ဒီစာအုပ္က http://neepyinnyar.blogsome.com/ မွ ေရးသားထားတဲ့ HTML အေၾကာင္းသိေကာင္းစရာ-ဆိုျပီး ျပဳစုထားတဲ့စာအုပ္ေလးေပါ့ဗ်ာ။ ေမာင္ေစတနာကေန ျပန္လည္စုဆည္းတာျဖစ္တယ္။ ဒါေၾကာင့္ ဒီစာအုပ္ဟာလည္း HTML ေလ့လာတဲ့သူေတြအတြက္ အရမ္းအက်ိဳးမ်ားသည့္အတြက္ က်ေနာ္ထပ္မံျပီးရွယ္ယာေပးလိုက္ပါတယ္။
လိုအပ္ရင္ေဒါင္းေပါ့ဗ်ာ…

Download HTML အေၾကာင္းသိေကာင္းစရာ (ျမန္မာ) :
Google Code