- မူရင္းစာမ်က္ႏွာ »
- Other Webdeveloper Lesson »
- HTML 7
ေရးသားသူ : Christ Leo
Tuesday, July 12, 2016
How To And Where To Writh and Save HTML Document
HTML ကိုေလ့လာမယ့္သူေတြအေနနဲ႔ HTML ကုတ္ေတြကိုေတာ့ ေရးရေတာ့မွာေပါ့၊ HTML ဖိုင္ကို ဘယ္မွာေရးျပီး ဘယ္လို Run ရမွာလဲဆိုတာကို
ဒီသင္ခန္းစာမွာ သင္ျပပါမယ္၊ အဆင့္ ၅ ဆင့္နဲ႔ သင္ၾကားေပးသြားမယ္၊
႔ပထမအဆင့္
ဒီအဆင့္မွာေတာ့ လိုအပ္တဲ့ ျပင္ဆင္မူေတြကိုလုပ္မယ္၊ သင့္ကြန္ျပဴတာရဲ့ သင္ႏွစ္သက္တဲ့ အစိတ္အပိုင္းမွာ Folder တစ္ခုတည္ေဆာက္ပါ၊ အဲ့ဒီ့ ဖိုဒါကို
HTML လို႔ နာမည္ေပးလိုက္၊ ေနာက္ပိုင္း သင္ေရးသမွ် HTML ဖိုင္ေတြအားလံုးကို အဲ့ဒီ့ HTML Folder ထဲမွာပဲသိမ္းမယ္၊ အဲ့ဒီ့ ဖိုဒါထဲမွာပဲေနာက္ပိုင္း
သင့္၀က္ဆိုက္ကို တင္လိုတဲ့ပံုေတြကိုသိမ္းမယ္၊ ဒီေတာ့ ေသခ်ာ လိုက္နာပါ၊ HTML Floder တစ္ခုကိုေသခ်ာတည္ေဆာက္ပါ၊ ေနာက္တစ္ခု ျပင္ဆင္ရ
မွာကေတာ့ Web borwser တစ္ခု ရွိရမယ္၊ Window အသံုးျပဳသူတိုင္းမွာ Internet Explorer ဆိုတဲ့ Web borwser ရွိျပီးသား ဒါေပမယ့္ အဲ့ဒီ့ IE ကိုမသံုးပဲ
Firefox (သို႔) Google Chrome ကိုသံုးမယ္၊ မရွိရင္ ေအာက္က လင့္မွာ ေဒါင္းလုပ္လုပ္ျပီးတပ္ဆင္ထားလိုက္၊ ေနာက္အေရးၾကီးတဲ့ ျပင္ဆင္မူကေတာ့ Text
Editor ပါ၊ သင့္ကြန္ျပဴတာက Window သံုးထားရင္ Notepad ဆိုတဲ့ Text Editor ရွိတယ္၊ အဲ့ဒါကိုလဲ သံုးႏိုင္တယ္၊ ဒါမွမဟုတ္ရင္ Notepad++ ကို သံုး၊
Notepad++ ကို သံုးဖို႔ေတာ့ အထူး အၾကံျပဳခ်င္တယ္၊ တကယ့္ကိုေကာင္းတဲ့ Text Editor ျဖစ္ေနလို႔၊ ေအာက္မွာ ေဒါင္းလုပ္ရယူႏိုင္တယ္၊ 72coder မွာ
သင္ၾကားေပးတဲ့ HTML, HTML5, CSS, CSS3, JavaScript, jQuery, PHP ဆိုတဲ့ သင္ခန္းစာေတြအားလံုးကို Notepad++ သံုးျပီးေလ့က်င့္ဖို႔ အထူး
တိုက္တြန္းလိုတယ္၊ ဒါေတြအားလံုး အဆင့္သင့္ျဖစ္ျပီဆိုရင္ သင့္ရဲ့ Notepad++ ကိုဖြင့္လိုက္ပါ ေအာက္က အတိုင္းေတြ႔ရမယ္၊
အထက္က ပံုမ်ိဳးေပၚတဲ့ Notepad++ ေပၚလာရင္ေတာ့ စတင္ျပီး HTML ကုတ္ေတြေရးလို႔ရပါပီ၊ အခု စမ္းသပ္ဖို႔အတြက္ ကုတ္တစ္ခ်ိဳ႕ေရးမယ္၊
ဘာကုတ္ေတြလဲဆိုတာ သိစရာမလိုေသးဘူး၊ ေနာက္ပိုင္းရွင္းျပမယ္၊ အခုေတာ့ ေအာက္ က ကုတ္ေတြအားလံုးကို သင့္ရဲ့ Notepad++ ထဲကိုကူေရးလိုက္၊
ဒုတိယ အဆင့္
၊ HTML ကုတ္ေတြကိုေရးျပီးတာနဲ႔ သိမ္းရေတာ့မယ္၊ သိမ္းဖို႔အတြက္ေတာ့ သင္အေပၚဆံုး အဆင့္မွာတည္ေဆာက္ခဲ့တဲ့ HTML Folder ထဲမွာသိမ္းရပါမယ္၊
သိမးဖို႔အတြက္ Notepad++ ရဲ့အေပၚဆံုး Menu bar ကေန File ဆိုတဲ့ေနရာမွာခလစ္တစ္ခ်က္ႏွိပ္ပါ၊ ဒါဆိုရင္ေတာ့ Submenu က်လာမယ္ က်လာတဲ့
submenu ထဲက Save As ဆိုတဲ့ေနရာမွာ ခလစ္တစ္ခ်က္ႏွိပ္ပါ၊ ေအာက္က ပံုအတိုင္း
အထက္က အတိုင္း Save As ကိုႏွိပ္လုိက္ရင္ သင့္ကို သိမ္းမယ့္ေနရာကိုရွာခိုင္းတဲ့ ေနာက္ထပ္ pop-up window တစ္ခုေအာက္ပါအတိုင္းက်လာမယ္
အထက္က အတိုင္း သိမ္းဖို႔ေနရာရွာခိုင္းတဲ့ pop-up window ေပၚလာရင္ေတာ့ သင္အေပၚဆံုးမွာတည္ေဆာက္ခဲ့တဲ့ HTML Folder ကိုရွာပါ၊ အခုေတာ့
Desktop ေပၚမွာ HTML Folder တည္ေဆာက္ထားတဲ့ ဥပမာ နဲ႔ ျပထားတယ္၊ Desktop ေပၚမွာ HTML Folder တည္ေဆာက္ခဲ့တဲ့အတြက္ အနီေရာက္ျမား
တိုျပထားတဲ့ ေနရာမွာ ခလစ္တစ္ခ်က္ႏွိပ္ျပီး Desktop ထဲကိုသြားရပါတယ္၊ အနီေရာင္ျမားရွည္ျပထားတဲ့ေနရာမွာ Desktop လို႔ေျပာင္းရင္ျဖင့္ အဲ့ဒီ့ေနရာက
Desktop ေပၚကိုေရာက္ေနပါပီ။ ဒါဆိုရင္ေတာ့ သူ႔အထဲမွာရွိတဲ့ HTML ဆိုတဲ့ folder ကိုရွာပါ၊ အထက္က ပံုမွာ အစိမ္းေရာင္ျမားျပထားတယ္၊ အဲ့ဒီ့ HTML
အထက္က ပံုအတိုင္း အနီေရာင္ျမားျပထားတဲ့ေနရာမွာ HTML လို႔ျပရင္ျဖင့္ အခု သင္ေရာက္ရွိေနတာ HTML Folder ျဖစ္ေနပါပီ။ ဒါဆိုရင္ေတာ့
သင္ေရးထားတဲ့ file ကိုစတင္ သိမ္းလိုပရပီ၊ အထက္မွာေတာ့ သိမ္းမယ့္ ဖိုင္နာမည္ကို firstwebpage လို႔ေပးထားတယ္၊ ဒီမွာ ေသခ်ာကို
သတိထားရမွာက ေနာက္က extension က .html လို႔ထည့္ရတာပါ၊ သင္ေရးထားတဲ့ ဖိုင္က html ဖိုင္ျဖစ္တဲ့အတြက္ သိမ္းတဲ့အခါ က်ရင္ HTML
ဖိုင္းအမ်ိဳးအစားရဲ့ extension ျဖစ္တဲ့ .html ကို သိမ္းမယ့္ ဖိုင္နာမည္ရဲ့ေနာက္ဆံုးမွာထည့္ေပးရပါမယ္၊ ဒီလိုသိမ္းျပီးသြားရင္ျဖင့္
အနက္ေရာင္ျမားျပထားတဲ့ေနရာမွာ ခလစ္တစ္ခ်က္ႏွိပ္ျပီ Save လိုက္ပါ၊ ဒါဆိုရင္ေတာ့ သင့္ေရးခဲ့တဲ့ HTML Document
ကိုေအာင္ျမင္စြာသိမ္းျပီးသြားပါပီ၊ ျပန္ျပီး စစ္ေဆးၾကည့္ခ်င္ရင္ေတာ့ သင့္ကြန္ျပဴတာရဲ့ HTML Folder ရွိတဲ့ေနရာကိုသြားပါ၊ အခုေတာ့ အေပၚက ဥပမာ မွာ
HTML Folder ကို Desktop ေပၚမွာသိမ္းထားပါတယ္၊ ဒီေတာ့ Desktop ေပၚကိုသြားလိုက္ပါ၊ ျပီးရင္ HTML Folder
ကိုခလစ္ႏွစ္ခ်က္ႏွိပ္ျပီးဖြင့္ၾကည့္ပါ၊ ေအာက္ပါအတိုင္း သင္သိမ္းထားတဲ့ firstwebpage ဆိုတဲ့ HTML Document ကိုေတြ႔ရမွာပါ၊
အထက္က အတုိင္း HTML Folder ထဲမွာ သင္သိမ္းခဲ့တဲ့ firstwebpage ဆိုတဲ့ HTML Document ကိုေတြ႔ရရင္ျဖင့္ အားလံုး အဆင္ေျပပါပီ၊ အခု အဲ့ဒီ့
firstwebpage ဆိုတဲ့ HTML document ကို ခလစ္ႏွစ္ခ်က္ႏွိပ္ျပီး ဖြင့္ၾကည့္ပါ၊ ဒါဆိုရင္ေတာ့ ေအာက္က အတိုင္း firefox web browser မွာ သင့္ရဲ့ HTML
အထက္က အတိုင္းအားလံုး အဆင္ေျပရင္ေတာ့ သင္၀က္ဆိုက္စာမ်က္ႏွာတစ္ခုကိုေအာင္ျမင္စြာ ဖန္တီးပီးသြားပါပီ၊ အဲ လွေတာ့မလွဘူးေပါ့၊ ဒါကေတာ့
မပူနဲ႔ ေနာက္ပိုင္းမွအလွဆင္မယ္၊ အခု ရည္ရြယ္ခ်က္က ၀က္ဆိုက္ကို ဘယ္မွာေရးျပီး ဘယ္လိုသိမ္းရတယ္၊ ျပီးရင္ လယ္လို Run ရတယ္ဆိုတာ
ကိုသင္ေပးတာ၊ ေနာက္ပိုင္း သင္ခန္းစာေတြမွာ ကုတ္ေတြကိုပဲေရးျပမယ္၊ ကုတ္ေတြကို Run လိုက္လို႔ ေျပာရင္ Notepad++ ထဲမွာေရးျပီး HTML Folder
ထဲမွာသိမ္းရမယ္၊ ျပီးရင္ သိမ္းထားတဲ့ ဖိုင္းကိုခလစ္ႏွစ္ခ်က္ႏွိပ္ျပီးဖြင့္ရမယ္၊ ဒီလို အစဆံုး လုပ္လိုပ္မေျပာပဲ Run လိုက္လို႔ပဲ ေနာက္ပိုင္းသင္ခန္းစာ
ေတြမွာေျပာသြားမယ္၊
Credit >>>>72Coder
အျခားPostမ်ားၾကည့္လိုပါကအေပၚက Menu မွာၾကည့္လို႔ရပါတယ္ေနာ္
ကၽြန္ေတာ္ပိုင္ေနရာေလးမ်ား
ေရာင္ျပန္ေလးစာေပသို႔ဒီမွာသြားပါ
18+တို႔ဆံုဆည္းရာသို႔ဒီမွာသြားပါ
****အဆင္မေျပမႈ႔တစ္စံုတစ္ရာရွိပါက****
Facebook Account ျဖစ္တဲ႔
ေအာက္ပါပံုေလးကိုႏွိပ္ျပီးေ၀ဖန္အၾကံေပးႏိုင္ပါတယ္