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 မွာ ေလ့က်င့္သင့္တဲ့ သင္ခန္းစာေပါင္းမ်ားစြာရဲ့ အစျဖစ္ပါတယ္။ အေပၚမွာ ရွင္းျပထားတဲ့အတုိင္း လုိက္လုပ္ရင္ အဆင္ေျပမယ္ထင္ပါတယ္။
ခုလိုအားေပးတဲ့အတြက္ အထူးေက်းဇဴးတင္ပါေၾကာင္း ေျပာၾကားပါရေစ..ဘေလာ့ခရီးသည္မွ နည္းပညာမ်ားအား မည္သူမဆို လြတ္လပ္စြာ ကူးယူသုံးစြဲနိဳင္ပါတယ္.. ကြ်န္ေတာ္ ပိုင္ဆိုင္ေသာေနရာေလးမ်ားအား ဆက္လက္ လည္ပါတ္လိုပါက ***************************************
ဘေလာ့ခရီးသည္သို႕ { ဒီမွာ } သြားလိုက္ပါ
လယ္တီေျမသားသို႕{ ဒီမွာ } သြားလိုက္ပါ
စာေပနန္းေတာ္သို႕{ ဒီမွာ } သြားလိုက္ပါ

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: