Monday 23 June 2014

HTML ေရးသားေသာ Tool မ်ား

HTML ေရးသားေသာ Tool မ်ား



Note pad သုိ႔မဟုတ္ Text Editor ကုိသုံးျပီး ေရးသားျခင္း
HTML ကုိ professional HTML editor ေတြသုံးျပီး ဖန္တီးႏုိင္ပါတယ္။
  • Adobe Dreamweaver
  • မုိက္ခရုိေဆာ့ဖ္ Expression Web
  • CoffeeCup HTML Editor
Windows ကြန္ျပဴတာေတြမွာပါတဲ့ Word, Excel ေတြသုံးျပီးလည္း ေရးလုိ႔ရပါတယ္။
ဒါေပမယ့္ HTML အေျခခံကုိကုိေလ့လာဖုိ႔အတြက္ PC မွာပါတဲ့ Note Pad ဒါမွမဟုတ္ Mac မွာပါတဲ့ Text Editor ကုိသုံးျပီးေလ့လာ ေရးသားၾကဖုိ႔တုိက္တြန္းခ်င္ပါတယ္။ ရုိးစင္းတဲ့ editor — Note Pad ကုိသုံးျပီးေလ့လာျခင္းက နည္းလမ္းေကာင္းတစ္ခုလုိ႔ယုံၾကည္ပါတယ္။
ကုိယ္တုိင္ ဝဘ္စာမ်က္ႏွာ တစ္ခုကုိ Note Pad အသုံးျပဳျပီး စတင္ဖန္တီးဖို႔အတြက္ ေအာက္ကအခ်က္ (၄) ခ်က္ကုိ အခုပဲစတင္လုိက္ပါ။

အဆင့္ ၁ — Note pad နဲ႔စမယ္။

Note pad ကုိဖြင့္ဖုိ႔အတြက္ —
Start Menu ကိုႏွိပ္ပါ။
    All Programme ကိုႏွိပ္ပါ။
        Accessorie ကုိသြားပါ။
           Note Pad ဆုိတာကုိေတြ႔ပါလိမ့္မယ္။ ႏွိပ္ျပီး ဖြင့္လုိက္ပါ။
search box ကေနလည္း notepad ဆိုျပီးေခၚနိဳင္ပါတယ္

အဆင့္ ၂ — Note pad အသုံးျပဳျပီး HTML ေရးသားျခင္း

Note Pad 

 ေအာက္က HTML code ေတြကုိ Note pad ထဲမွာရုိက္ထည့္ပါ။ မွန္ေအာင္ၾကိဳးစားျပီးရုိက္ပါ။ မွားခါမွ ေခၽြးျပန္ေအာင္ အမွားရွာရတာထက္စာရင္ တစ္ခါတည္း ေသခ်ာရုိက္တာက ပုိေကာင္းပါတယ္။
ဒီလိုမ်ိဳးရုိက္ရမွာျဖစ္ပါတယ္။
Note Pad

အဆင့္ ၃ — သင္ေရးထားတဲ့ HTML ကုိသိမ္းပါ။

Note pad ရဲ့ ဖိုင္ menu က Save as...ကုိေရြးပါ။
HTML ဖိုင္ တစ္ခုကုိ သိမ္းတဲ့ေနရာမွာ .htm ဒါမွ မဟုတ္   .html ဖိုင္ extension ေတြသုံးျပီး သိမ္းႏုိင္ပါတယ္။ အဲဒီ့ႏွစ္္ခုက ဘာမွမကြာပါဘူး။ သင့္အၾကိဳက္အေပၚမွာပဲမႈတည္ပါတယ္။
သင္မွတ္မိလြယ္တဲ့ နာမည္တစ္ခုေပးပါ။ ဖိုင္ Name ေနာက္မွာေတာ့ .html ဒါမွ မဟုတ္ .hml ပါရပါမယ္။

အဆင့္ ၄ — သုံးေနက် Browser (ဘေရာက္ဆာ) မွာ ဖြင့္ၾကည့္ပါ။

သင္သုံးေနက် Web browser (ဘေရာက္ဆာ) တစ္ခုကုိဖြင့္လုိက္ပါ။ ျပီးရင္ သူ႔မွာပါတဲ့ ဖိုင္ Menu ကတဆင့္ Open menu ကုိဖြင့္ျပီး သင္ေရးထားတဲ့ HTML ဖိုင္ ကုိ Double Click ႏွိပ္ျပီးဖြင့္ပါ။
ေအာက္မွာျပထားတဲ့အတုိင္းေပၚပါလိမ့္မယ္။
Result
ဒီစမ္းသပ္ေလ့က်င့္မႈက HTML မွာ ေလ့က်င့္သင့္တဲ့ သင္ခန္းစာေပါင္းမ်ားစြာရဲ့ အစျဖစ္ပါတယ္။ အေပၚမွာ ရွင္းျပထားတဲ့အတုိင္း လုိက္လုပ္ရင္ အဆင္ေျပမယ္ထင္ပါတယ္။



  http://www.soemoeaung.com
လူႀကီးမင္း(ေကာ့ေသာင္း)နည္းပညာမွတ္စုမ်ား

No comments:

Post a Comment