Myint Thu added 13 new photos — with Myart Ko Ko Oo and 15 others.
မဂၤလာပါ ခင္ဗ်ာ
နည္းပညာညီအကိုမ်ားခင္ဗ်ာ
ဒီတစ္ခါ ဖုန္းထဲကေန Htmlေရးခ်င္တဲ ့ ညီအကိုတို့အတြက္ ES File Explore Apkေလးသံုးျပီး HTMLေရးနည္းကို HTML သင္ခန္းစာမ်ားနဲ ့ တြဲဖက္ျပီး ေန့စဥ္ (အပတ္စဥ္)
တင္ျပေပးသြားမွာ ျဖစ္ပါတယ္
နည္းပညာညီအကိုမ်ားခင္ဗ်ာ
ဒီတစ္ခါ ဖုန္းထဲကေန Htmlေရးခ်င္တဲ ့ ညီအကိုတို့အတြက္ ES File Explore Apkေလးသံုးျပီး HTMLေရးနည္းကို HTML သင္ခန္းစာမ်ားနဲ ့ တြဲဖက္ျပီး ေန့စဥ္ (အပတ္စဥ္)
တင္ျပေပးသြားမွာ ျဖစ္ပါတယ္
လိုအပ္တဲ ့ ES File Explore Apk ကိုဒီမွာယူပါ
*Download* => https://yadi.sk/d/N7lHu5riiJ9yT
အခုလို HTML သင္ခန္းစာေတြကို ေရးသားေဝမွ်ေပးနိုင္ေအာင္ အဘက္ဘက္က ကူညီညႊန္ျပေပးၾကေသာ ဆရာမ်ား ျဖစ္တဲ ့ Ko Zay(It City),Ngebawa Ngaangel,Critical Hitz,Phoe Kaung(ဂူဂဲလ္ခရီးသည္),ဦးဦး ဘေလာ့ခ္ခရီးသည္ မကစ,Min Htut,ကိုထြန္း လူ,ကိုသန္း(နည္းပညာ မွ်ေဝသူ),နည္းပညာ မူၾကိဳ,နတ္ဆိုး(KMT),မ်ိဳးခ်စ္သားသား မုနိေျမ,Bie Bay န ဲ ့ ေက်းဇူးတင္ထိုက္သူ နည္းပညာ ညီအကိုေမာင္ႏွမမ်ား အားလံုးကို ေက်းဇူးတင္ရွိပါတယ္။
www.72coder.comမွ ညႊန္ျပေပးေသာ ဆရာ Waifer Kolar ကိုလည္း ေက်းဇူးအထူးတင္ရွိပါတယ္။
ကဲ သင္ခန္းစာေလး စလိုက္ၾကရေအာင္ဗ်ာ။
HTML ဆိုတာဘာလဲ?
HTML ဆိုတာ Hyper Text Markup Languageရဲ ့ အတိုေကာက္စာလံုးျဖစ္ျပီး Web Siteေရးရာမွာ အေျခခံအက်ဆံုးျဖစ္တဲ ့Programming Languageတစ္မ်ိဳးဆိုရင္လည္း မမွားပါဘူး။HTML ကိုဟBrowserကဖတ္ျပီး Userဆီကို Text (စာသားေတြ),Image(ပံုေတြ),Table(ဇယားေတြ(စသည္)အျဖစ္ဘာသာျပန္ေပးပါတယ္။
ေရးပံုေရးနည္းကို ေအာက္မွာၾကည့္ပါ
HTML ေရးနည္း => 1
HTML Basic Form or FrameHTML မွာ အေျခခံတည္ေဆာက္ပံုရွိတယ္၊ HTML ရဲ့ Frame လို႔ေခၚတယ္၊ HTML Document တစ္ခုကိုေရးတိုင္း HTML Frameကပါကိုပါရမယ္၊ ေအာက္မွာ အေျခခံ HTML Frameတည္ေဆာက္ပံုကို တဆင့္စီရွင္းျပပါမယ္၊
*ပထမအဆင့္*
ဒီအဆင့္မွာေတာ့ အခုေရးမွာက HTML Document ျဖစ္ေၾကာင္း ကိုေျပာတဲ့ Document type ဆိုတဲ့ Document အမ်ိဳးအစားကိုHTML ကိုဘာသာျပန္မယ့္ browser ကသိေအာင္ မိတ္ဆက္မယ္၊ ဒီအတြက္သံုးတဲ့ သေကၤတကေတာ့ <!DOCTYPE html> ပါ၊ <!DOCTYPE html> သေကၤတကို သင္ေရးတဲ့ HTML Document တိုင္းရဲ့ ထိပ္ဆံုးမွာထည့္ေပးရပါတယ္၊ ဒါမွ အဲ့ဒီ့ စာမ်က္ႏွာကို ဘာသာျပန္မယ့္ web browser က ဘယ္လို Doucmentအမ်ိဳးအစားလဲဆိုတာကို သိျပီး လြယ္လြယ္ကူကူ ဘာသာျပန္ႏိုင္မယ္၊
*ဒုတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့ အခုက စလို႔ HTML ဖိုင္ကိုစေရးပါပီလို႔ေၾကျငာ ဖို႔အတြက္ HTML Tags ကိုထည့္ေပးရမယ္၊ အဖြင့္နဲ႔ အပိတ္ ႏွစ္ခုရွိပါတယ္။
<!DOCTYPE html>
<html></html>
အထက္မွာေတာ့ အဖြင့္နဲ႔ အပိတ္ HTML Tags ေတြကိုထည့္လိုက္တယ္၊ အပိတ္မွာforwards slash (ေရွ႕ ကိုေစာင္းေနတဲ့ မ်ဥ္းေစာင္း ပါတာကို သတိျပဳပါ၊)<html> နဲ႔ </html> တို႔ကိုေတာ့ web borwser က HTML ဖိုင္ကို <html> ဆိုတဲ့ ေနရာကစျပီး </html> အထိ အားလံုးက HTML ဖိုင္ျဖစ္ပါတယ္လို႔အသိေပးလိုက္တာ၊ ေနာက္ပိုင္း ေရးသမွ် HTML Tags ေတြေကာ စာသားေတြေကာကိုပါ၊ <html> အဖြင့္နဲ႔ </html> အပိတ္တို႔ၾကားမွာေရးရမယ္၊
*တတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့HTML Doucment ရဲ့ ေခါင္းၾကီးပိုင္း ကိုသတ္မွတ္မယ္၊ ေခါင္းၾကီးပိုင္းျဖစ္တဲ့ heading ရဲ့ ကုိယ္စားျပဳ HTML tags က
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ပါ၊
သူတို႔ကို <html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရတယ္
<!DOCTYPE html>
<html>
<head></head>
</html>
အထက္မွာေတာ့ ေခါင္းၾကီးပိုင္း သတ္မွတ္မယ့္ HTML tags ေတြျဖစ္တဲ့
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ကိုေရးျပီးသြားပါပီ၊ သူတို႔ သာလွ်င္မက အျခားမည္သည့္ HTML Tags ေတြကုိမဆို
<html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရမယ္၊
*စတုတၳအဆင့္*
ဒီအဆင့္မွာေတာ့ ေခါင္းစဥ္ကိုတပ္မယ္၊ ေခါင္း ၾကီးပိုင္းနဲ႔ ေခါင္းစဥ္နဲ႔ မတူပါဘူး၊ေခါင္းစဥ္ Title တပ္ဖို႔အတြက္ သံုးရတဲ့ HTML Tags ကေတာ့
အဖြင့္<title> နဲ႔
အပိတ္ </title> တို႔ပဲျဖစ္ပါတယ္၊ ေခါင္းစဥ္ Tags ေတြကိုေတာ့ ေခါင္းၾကီးပိုင္း Tagsေတြျဖစ္တဲ့ <html> နဲ႔ </html> တို႔ရဲ့ ၾကားမွာထည့္ရပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web page </title>
</head>
</html>
အထက္က ကုတ္မွာ ေခါင္းစဥ္ျဖစ္တဲ့ My Web Page ကို ေခါင္းစဥ္ tags ေတြျဖစ္တဲ့ <title> နဲ႔ </title> ရဲ့ၾကားမွာထည့္ထားတာကိုေတြ႔ရမယ္၊ ေခါင္းစဥ္နဲ႔ ပတ္သက္တဲ့ Element ကိုေတာ့ ေခါင္းၾကီးပိုင္း Tags ေတြျဖစ္တဲ့
<head> နဲ႔ <head> တို႔ရဲ့ ၾကားမွာ ထားကိုထားရမယ္၊
*ပဥၥမ အဆင့္*
ဒီအဆင့္ကေတာ့ သင္ရဲ့ ၀က္ဆိုက္တစ္ခုလံုးကိုေပၚေစတဲ့ အပိုင္းပါ၊ သင္ျမင္ေတြ႔ေနရတဲ့၀က္ဆိုက္မွန္သမွ်က ဒီအစိတ္အပိုင္းကေန
လာပါတယ္၊ သူ႔ကိုေတာ့ body လို႔ေခၚတယ္၊ သူ႔ကိုေရးရာမွာ အသံုးျပဳတဲ့ HTML Tagsကေတာ့ အဖြင့္<body> နဲ႔
အပိတ္ </body> တို႔ပါ၊ သူတို႔ကိုေတာ့ ေခါင္းၾကီးပိုင္းTagရဲ့ အဆံုးျဖစ္တဲ့ </head> ရဲ့ ေအာက္မွာထည့္ပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
</body>
</html>
အထက္က HTML ဖိုင္မွာ <body> နဲ႔ </body>တို႔ကို ေခါင္းၾကီးပိုင္း Tag အဆံုးျဖစ္တဲ့ </head> ရဲ့ေနာက္မွာထည့္လိုက္ပါပီ၊ ေနာက္ပိုင္းသင့္၀က္ဆိုက္ရဲ့စာမ်က္ႏွာမွာ ေပၚလိုသမွ် စာသား ပံု လင့္ ဇယား မွန္သမွ်ကို အဲ့ဒီ့ <body> အဖြင့္နဲ႔ </body> အပိတ္တို႔ၾကားမွာေရးပါတယ္၊အထက္က ကုတ္ေတြရဲ့ အဖြင့္ <body> နဲ႔ အပိတ္ </body> တို႔ၾကားမွာ စာတစ္ေၾကာင္းေလာက္ထည့္လိုက္မယ္၊ ထည့္မယ့္စာေၾကာင္းကို Paragraphစာပိုဒ္ အေနနဲ႔ထည့္မယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
<p> Howddy Buddy! This is my Site </p>
</body>
</html>
အထက္ကHTML Document ကို Run ဖို ့ေအာက္မွာျပထားတ့ဲ ့ပံုေတြမွာၾကည့္ပါ
ဥပမာwww.mdy.com က သင့္၀က္ဆိုက္နာမည္ဆိုရင္ အဲ့ဒီ့အနီေရာင္ျမားျပထားတဲ့ေနရာမွာ www.mdy.com လို႔ေပၚေနမယ္၊ အခုေတာ့ ဖုန္းထဲမွာပဲ Run ထားတဲ့ အတြက္ ဖုန္းထဲကHTML Documentသိမ္းထားတဲ့ေနရာကိုပဲျပေနပါတယ္၊ ဒီသင္ခန္းစာကိုေသခ်ာနားလည္ေအာင္ ေလ့လာပါ
PDF ကို ဒီမွာေဒါင္းပါ=> https://yadi.sk/i/IlbHEo8ziJNbL
ငွက္ကေလး
(နည္းပညာ)
*Download* => https://yadi.sk/d/N7lHu5riiJ9yT
အခုလို HTML သင္ခန္းစာေတြကို ေရးသားေဝမွ်ေပးနိုင္ေအာင္ အဘက္ဘက္က ကူညီညႊန္ျပေပးၾကေသာ ဆရာမ်ား ျဖစ္တဲ ့ Ko Zay(It City),Ngebawa Ngaangel,Critical Hitz,Phoe Kaung(ဂူဂဲလ္ခရီးသည္),ဦးဦး ဘေလာ့ခ္ခရီးသည္ မကစ,Min Htut,ကိုထြန္း လူ,ကိုသန္း(နည္းပညာ မွ်ေဝသူ),နည္းပညာ မူၾကိဳ,နတ္ဆိုး(KMT),မ်ိဳးခ်စ္သားသား မုနိေျမ,Bie Bay န ဲ ့ ေက်းဇူးတင္ထိုက္သူ နည္းပညာ ညီအကိုေမာင္ႏွမမ်ား အားလံုးကို ေက်းဇူးတင္ရွိပါတယ္။
www.72coder.comမွ ညႊန္ျပေပးေသာ ဆရာ Waifer Kolar ကိုလည္း ေက်းဇူးအထူးတင္ရွိပါတယ္။
ကဲ သင္ခန္းစာေလး စလိုက္ၾကရေအာင္ဗ်ာ။
HTML ဆိုတာဘာလဲ?
HTML ဆိုတာ Hyper Text Markup Languageရဲ ့ အတိုေကာက္စာလံုးျဖစ္ျပီး Web Siteေရးရာမွာ အေျခခံအက်ဆံုးျဖစ္တဲ ့Programming Languageတစ္မ်ိဳးဆိုရင္လည္း မမွားပါဘူး။HTML ကိုဟBrowserကဖတ္ျပီး Userဆီကို Text (စာသားေတြ),Image(ပံုေတြ),Table(ဇယားေတြ(စသည္)အျဖစ္ဘာသာျပန္ေပးပါတယ္။
ေရးပံုေရးနည္းကို ေအာက္မွာၾကည့္ပါ
HTML ေရးနည္း => 1
HTML Basic Form or FrameHTML မွာ အေျခခံတည္ေဆာက္ပံုရွိတယ္၊ HTML ရဲ့ Frame လို႔ေခၚတယ္၊ HTML Document တစ္ခုကိုေရးတိုင္း HTML Frameကပါကိုပါရမယ္၊ ေအာက္မွာ အေျခခံ HTML Frameတည္ေဆာက္ပံုကို တဆင့္စီရွင္းျပပါမယ္၊
*ပထမအဆင့္*
ဒီအဆင့္မွာေတာ့ အခုေရးမွာက HTML Document ျဖစ္ေၾကာင္း ကိုေျပာတဲ့ Document type ဆိုတဲ့ Document အမ်ိဳးအစားကိုHTML ကိုဘာသာျပန္မယ့္ browser ကသိေအာင္ မိတ္ဆက္မယ္၊ ဒီအတြက္သံုးတဲ့ သေကၤတကေတာ့ <!DOCTYPE html> ပါ၊ <!DOCTYPE html> သေကၤတကို သင္ေရးတဲ့ HTML Document တိုင္းရဲ့ ထိပ္ဆံုးမွာထည့္ေပးရပါတယ္၊ ဒါမွ အဲ့ဒီ့ စာမ်က္ႏွာကို ဘာသာျပန္မယ့္ web browser က ဘယ္လို Doucmentအမ်ိဳးအစားလဲဆိုတာကို သိျပီး လြယ္လြယ္ကူကူ ဘာသာျပန္ႏိုင္မယ္၊
*ဒုတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့ အခုက စလို႔ HTML ဖိုင္ကိုစေရးပါပီလို႔ေၾကျငာ ဖို႔အတြက္ HTML Tags ကိုထည့္ေပးရမယ္၊ အဖြင့္နဲ႔ အပိတ္ ႏွစ္ခုရွိပါတယ္။
<!DOCTYPE html>
<html></html>
အထက္မွာေတာ့ အဖြင့္နဲ႔ အပိတ္ HTML Tags ေတြကိုထည့္လိုက္တယ္၊ အပိတ္မွာforwards slash (ေရွ႕ ကိုေစာင္းေနတဲ့ မ်ဥ္းေစာင္း ပါတာကို သတိျပဳပါ၊)<html> နဲ႔ </html> တို႔ကိုေတာ့ web borwser က HTML ဖိုင္ကို <html> ဆိုတဲ့ ေနရာကစျပီး </html> အထိ အားလံုးက HTML ဖိုင္ျဖစ္ပါတယ္လို႔အသိေပးလိုက္တာ၊ ေနာက္ပိုင္း ေရးသမွ် HTML Tags ေတြေကာ စာသားေတြေကာကိုပါ၊ <html> အဖြင့္နဲ႔ </html> အပိတ္တို႔ၾကားမွာေရးရမယ္၊
*တတိယ အဆင့္*
ဒီအဆင့္မွာေတာ့HTML Doucment ရဲ့ ေခါင္းၾကီးပိုင္း ကိုသတ္မွတ္မယ္၊ ေခါင္းၾကီးပိုင္းျဖစ္တဲ့ heading ရဲ့ ကုိယ္စားျပဳ HTML tags က
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ပါ၊
သူတို႔ကို <html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရတယ္
<!DOCTYPE html>
<html>
<head></head>
</html>
အထက္မွာေတာ့ ေခါင္းၾကီးပိုင္း သတ္မွတ္မယ့္ HTML tags ေတြျဖစ္တဲ့
အဖြင့္<head> နဲ႔
အပိတ္ </head> တို႔ကိုေရးျပီးသြားပါပီ၊ သူတို႔ သာလွ်င္မက အျခားမည္သည့္ HTML Tags ေတြကုိမဆို
<html> နဲ႔ </html> တို႔ၾကားထဲမွာထည့္ေရးရမယ္၊
*စတုတၳအဆင့္*
ဒီအဆင့္မွာေတာ့ ေခါင္းစဥ္ကိုတပ္မယ္၊ ေခါင္း ၾကီးပိုင္းနဲ႔ ေခါင္းစဥ္နဲ႔ မတူပါဘူး၊ေခါင္းစဥ္ Title တပ္ဖို႔အတြက္ သံုးရတဲ့ HTML Tags ကေတာ့
အဖြင့္<title> နဲ႔
အပိတ္ </title> တို႔ပဲျဖစ္ပါတယ္၊ ေခါင္းစဥ္ Tags ေတြကိုေတာ့ ေခါင္းၾကီးပိုင္း Tagsေတြျဖစ္တဲ့ <html> နဲ႔ </html> တို႔ရဲ့ ၾကားမွာထည့္ရပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web page </title>
</head>
</html>
အထက္က ကုတ္မွာ ေခါင္းစဥ္ျဖစ္တဲ့ My Web Page ကို ေခါင္းစဥ္ tags ေတြျဖစ္တဲ့ <title> နဲ႔ </title> ရဲ့ၾကားမွာထည့္ထားတာကိုေတြ႔ရမယ္၊ ေခါင္းစဥ္နဲ႔ ပတ္သက္တဲ့ Element ကိုေတာ့ ေခါင္းၾကီးပိုင္း Tags ေတြျဖစ္တဲ့
<head> နဲ႔ <head> တို႔ရဲ့ ၾကားမွာ ထားကိုထားရမယ္၊
*ပဥၥမ အဆင့္*
ဒီအဆင့္ကေတာ့ သင္ရဲ့ ၀က္ဆိုက္တစ္ခုလံုးကိုေပၚေစတဲ့ အပိုင္းပါ၊ သင္ျမင္ေတြ႔ေနရတဲ့၀က္ဆိုက္မွန္သမွ်က ဒီအစိတ္အပိုင္းကေန
လာပါတယ္၊ သူ႔ကိုေတာ့ body လို႔ေခၚတယ္၊ သူ႔ကိုေရးရာမွာ အသံုးျပဳတဲ့ HTML Tagsကေတာ့ အဖြင့္<body> နဲ႔
အပိတ္ </body> တို႔ပါ၊ သူတို႔ကိုေတာ့ ေခါင္းၾကီးပိုင္းTagရဲ့ အဆံုးျဖစ္တဲ့ </head> ရဲ့ ေအာက္မွာထည့္ပါတယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
</body>
</html>
အထက္က HTML ဖိုင္မွာ <body> နဲ႔ </body>တို႔ကို ေခါင္းၾကီးပိုင္း Tag အဆံုးျဖစ္တဲ့ </head> ရဲ့ေနာက္မွာထည့္လိုက္ပါပီ၊ ေနာက္ပိုင္းသင့္၀က္ဆိုက္ရဲ့စာမ်က္ႏွာမွာ ေပၚလိုသမွ် စာသား ပံု လင့္ ဇယား မွန္သမွ်ကို အဲ့ဒီ့ <body> အဖြင့္နဲ႔ </body> အပိတ္တို႔ၾကားမွာေရးပါတယ္၊အထက္က ကုတ္ေတြရဲ့ အဖြင့္ <body> နဲ႔ အပိတ္ </body> တို႔ၾကားမွာ စာတစ္ေၾကာင္းေလာက္ထည့္လိုက္မယ္၊ ထည့္မယ့္စာေၾကာင္းကို Paragraphစာပိုဒ္ အေနနဲ႔ထည့္မယ္၊ ေအာက္မွာၾကည့္ပါ၊
<!DOCTYPE html>
<html>
<head>
<title>My Web Page </title>
</head>
<body>
<p> Howddy Buddy! This is my Site </p>
</body>
</html>
အထက္ကHTML Document ကို Run ဖို ့ေအာက္မွာျပထားတ့ဲ ့ပံုေတြမွာၾကည့္ပါ
ဥပမာwww.mdy.com က သင့္၀က္ဆိုက္နာမည္ဆိုရင္ အဲ့ဒီ့အနီေရာင္ျမားျပထားတဲ့ေနရာမွာ www.mdy.com လို႔ေပၚေနမယ္၊ အခုေတာ့ ဖုန္းထဲမွာပဲ Run ထားတဲ့ အတြက္ ဖုန္းထဲကHTML Documentသိမ္းထားတဲ့ေနရာကိုပဲျပေနပါတယ္၊ ဒီသင္ခန္းစာကိုေသခ်ာနားလည္ေအာင္ ေလ့လာပါ
PDF ကို ဒီမွာေဒါင္းပါ=> https://yadi.sk/i/IlbHEo8ziJNbL
ငွက္ကေလး
(နည္းပညာ)
No comments:
Post a Comment