အတွေ့အကြုံရှိသော web designer သို့မဟုတ် web programmer များသည်ပုံမှန် text editor တစ်ခုကို သုံး၍ ရိုးရှင်းသော web page တစ်ခုကိုပြုလုပ်ရန်မလွယ်ကူပါ။ သို့သော်ဤလုပ်ငန်းနယ်ပယ်တွင်ရှုပ်ထွေးသောလုပ်ငန်းများကိုလုပ်ဆောင်ရန်အထူးဆော့ဝဲလ်ကိုအသုံးပြုရန်အကြံပြုသည်။ ဤရွေ့ကားအဆင့်မြင့်စာသားအယ်ဒီတာများ, ပေါင်းစည်းဖွံ့ဖြိုးရေး tools များဟုခေါ်တွင် multifunctional ပေါင်းစည်း applications များ, ပုံတည်းဖြတ်သူများ, နိုင်ပါတယ် ဒီဆောင်းပါးမှာတော့ site layout အတွက်ဒီဇိုင်းရေးဆွဲထားတဲ့ software ကိုပဲဆွေးနွေးမှာပါ။
Notepad ++
ပထမ ဦး စွာ layout design ၏လုပ်ဆောင်မှုကိုလွယ်ကူချောမွေ့စေရန်ဒီဇိုင်းပြုလုပ်ထားသောအဆင့်မြင့်စာသားတည်းဖြတ်သူများ၏ဖော်ပြချက်နှင့်စတင်ကြပါစို့။ ယခုအချိန်တွင်ဤအမျိုးအစား၏အကျော်ကြားဆုံးပရိုဂရမ်မှာ Notepad ++ ဖြစ်သည်။ ဤဆော့ (ဖ်) ဝဲဖြေရှင်းချက်သည်ပရိုဂရမ်ဘာသာစကားများစွာ၏စာသားနှင့်စာသား encodings များကိုထောက်ပံ့သည်။ Code ကိုမီးမောင်းထိုးပြခြင်းနှင့်လိုင်းနံပါတ်များသည်အမျိုးမျိုးသောနယ်ပယ်များတွင်ပရိုဂရမ်မာများ၏လုပ်ဆောင်မှုကိုများစွာအထောက်အကူပြုသည်။ ပုံမှန်အသုံးအနှုန်းများကိုအသုံးပြုခြင်းသည်ဖွဲ့စည်းပုံရှိအလားတူကုဒ်များကိုရှာဖွေရန်နှင့်ပြုပြင်ရန်ပိုမိုလွယ်ကူစေသည်။ အလားတူလုပ်ရပ်များလျင်မြန်စွာလုပ်ဆောင်ရန်, macros ကိုမှတ်တမ်းတင်ရန်အဆိုပြုထားသည်။ Embedded plug-in များ၏အကူအညီဖြင့်သင်ပြီးသားကြွယ်ဝသောလုပ်ဆောင်မှုကိုသိသိသာသာတိုးချဲ့နိုင်သည်။
ထို့အပြင်ဖတ်ပါ: Notepad ++ ၏ analog
ချို့ယွင်းချက်များအနက်မှသာမန်သုံးစွဲသူနားမလည်နိုင်သောလုပ်ဆောင်ချက်များစွာရှိနေခြင်းကြောင့်သံသယဖြစ်ဖွယ်ကောင်းသော“ အနုတ်” ဟုသာခေါ်နိုင်သည်။
Notepad ++ ကို download လုပ်ပါ
SublimeText
Web developer များအတွက်နောက်ထပ်အဆင့်မြင့်စာသားတည်းဖြတ်သူမှာ SublimeText ဖြစ်သည်။ Java, HTML, CSS, C ++ စသည့်ဘာသာစကားများစွာနှင့်မည်သို့အလုပ်လုပ်ရမည်ကိုသူသိသည်။ ကုဒ်နှင့်အလုပ်လုပ်သောအခါ backlighting, auto- ပြီးစီးနှင့်နံပါတ်ကိုအသုံးပြုကြသည်။ အလွန်အမင်းအဆင်ပြေသည့်အင်္ဂါရပ်တစ်ခုသည်အပိုင်းအစများ၏ထောက်ခံမှုဖြစ်သည်။ ပုံမှန်အသုံးအနှုနျးမြားနှငျ့ macros မြားကိုအသုံးပွုခွငျးဖွငျ့ထိုလုပျငနျးကိုထုတျယူရနျသိသိသာသာအခြိနျစုဆောင်းပေးသညျ။ SublimeText သည်သင့်အား panel လေးခု၌တစ်ပြိုင်တည်းအလုပ်လုပ်ရန်ခွင့်ပြုသည်။ Plugins များထည့်သွင်းခြင်းဖြင့်ပရိုဂရမ်၏လုပ်ဆောင်နိုင်စွမ်းကိုတိုးချဲ့သည်။
Notepad ++ နှင့်နှိုင်းယှဉ်လျှင် application ၏အဓိကအားနည်းချက်မှာအထူးသဖြင့်အတွေ့အကြုံမရှိသောသုံးစွဲသူများအတွက်ရုရှားဘာသာစကားပြော interface မရှိခြင်းဖြစ်သည်။ ထုတ်ကုန်ပစ္စည်း၏အခမဲ့ဗားရှင်း ၀ င်းဒိုးတွင်လိုင်စင် ၀ ယ်ရန်ကမ်းလှမ်းမှုနှင့်အတူပေါ်လာသည့်အသိပေးချက်ကိုအသုံးပြုသူများအားလုံးကသဘောမကျပါ။
SublimeText ကို download လုပ်ပါ
ကွင်းခတ်
ကွင်းခတ်လျှောက်လွှာ၏ခြုံငုံသုံးသပ်ချက်အရဝက်ဘ်စာမျက်နှာများကို layout အတွက်ဒီဇိုင်းဆွဲထားသည့်စာသားတည်းဖြတ်သူများ၏ဖော်ပြချက်ကိုကျွန်ုပ်တို့နိဂုံးချုပ်သည်။ ဒီ tool သည်ယခင် analogues များကဲ့သို့ပင်သက်ဆိုင်ရာအသုံးအနှုန်းများနှင့် line numbering များကိုမီးမောင်းထိုးပြသည့်အဓိက markup နှင့် programming language များအားလုံးကိုထောက်ပံ့သည်။ လျှောက်လွှာ၏အဓိကအချက်မှာအင်္ဂါရပ်များရရှိနိုင်မှုဖြစ်သည် "Live preview", သင်က browser ကိုမှတဆင့်သင်အမှန်တကယ်အချိန်အတွက်စာရွက်စာတမ်းမှပြောင်းလဲမှုအားလုံးနှင့်ဆက်စပ် menu ကိုသို့ပေါင်းစည်းမှုအားလုံးကြည့်ရှုရန် "Explorer"။ Brackets တန်ဆာပလာသည်သင့်ကိုဝက်ဘ်စာမျက်နှာများကို debug mode ဖြင့်ကြည့်ရှုရန်ခွင့်ပြုသည်။ ပရိုဂရမ် ၀ င်းဒိုးမှတဆင့်ဖိုင်များစွာကိုတစ်ပြိုင်တည်းကိုင်တွယ်နိုင်သည်။ Third-party extensions များကိုတပ်ဆင်နိုင်ခြင်းသည်လုပ်ဆောင်နိုင်စွမ်း၏နယ်နိမိတ်များကိုပိုမိုတွန်းအားပေးသည်။
တစ်ခုတည်းသောစိတ်အနှောင့်အယှက်ဖြစ်စေမှုမှာပရိုဂရမ်တွင်အချို့သောရုရှားမဟုတ်သောကဏ္ofများရှိနေခြင်းနှင့်၎င်းကိုအသုံးပြုရန်ဖြစ်နိုင်ခြေရှိသည် "Live preview" ဂူဂဲလ်ခရုမ်းဘရောင်ဇာတွင်အထူးသီးသန့်ဖြစ်သည်။
brackets ကိုဒေါင်းလုပ်လုပ်ပါ
Gimp
GIMP သည်အဆင့်မြင့်သောဓာတ်ပုံအယ်ဒီတာများအကြားတွင်လူကြိုက်အများဆုံးတစ်ခုဖြစ်သည်။ ဝက်ဘ်ပါဝင်မှုကိုဖန်တီးရန်အပါအ ၀ င်အောင်မြင်စွာအသုံးပြုနိုင်သည်။ ဝက်ဘ်ဆိုက်ဒီဇိုင်းဆွဲရန်ပရိုဂရမ်ကိုအသုံးပြုရန်အထူးသဖြင့်အဆင်ပြေသည်။ ဤထုတ်ကုန်၏အကူအညီဖြင့်အပြီးသတ်ရုပ်ပုံများကိုအမျိုးမျိုးသောကိရိယာများ (စုတ်တံများ၊ စိစစ်ခြင်းများ၊ မှုန်ဝါးစေခြင်း၊ ရွေးချယ်ခြင်းစသည်ဖြင့်) ဆွဲပြီးတည်းဖြတ်နိုင်သည်။ GIMP သည် layer များဖြင့်အလုပ်လုပ်ခြင်းနှင့် workpieces များကို၎င်း၏ကိုယ်ပိုင်ပုံစံဖြင့်သိမ်းဆည်းခြင်းကိုအထောက်အကူပြုသည်။ ၎င်းကိုသင်ပြန်လည်စတင်ပြီးနောက်၌ပင်အလုပ်ပြီးဆုံးသည့်နေရာတွင်ပြန်လည်စတင်နိုင်သည်။ အပြောင်းအလဲ၏သမိုင်းသည်ပုံနှင့်ပတ်သက်သောလုပ်ဆောင်မှုများအားလုံးကိုခြေရာခံရန်လိုအပ်ပြီးလိုအပ်ပါက၎င်းကိုဖျက်သိမ်းနိုင်သည်။ ထို့အပြင်ပရိုဂရမ်သည်ရုပ်ပုံနှင့်သက်ဆိုင်သောစာသားများနှင့်အလုပ်လုပ်နိုင်သည်။ ဤသည်မှာထိုကဲ့သို့သောကြွယ်ဝသောလုပ်ဆောင်နိုင်စွမ်းကိုပေးနိုင်သော analog များအကြားတွင်တစ်ခုတည်းသောအခမဲ့ application ဖြစ်သည်။
ချို့ယွင်းချက်များထဲမှတစ်ခုသည်တစ်ခါတစ်ရံတွင်ပရိုဂရမ်၏သယံဇာတသုံးစွဲမှုမြင့်မားခြင်းနှင့်အစပြုသူများအတွက်အလုပ်၏ algorithm ကိုနားလည်ရန်ခက်ခဲသောကြောင့်နှေးကွေးသောအကျိုးသက်ရောက်မှုကိုတစ်ခါတစ်ရံမီးမောင်းထိုးပြနိုင်သည်။
GIMP ကို download လုပ်ပါ
Adobe Photoshop
Paid analogue သည် GIMP ၏ Adobe Photoshop ပရိုဂရမ်ဖြစ်သည်။ ၎င်းသည်ကျော်ကြားမှုကိုပင် ပို၍ နှစ်သက်သည်၊ ၎င်းသည်အစောပိုင်းကထုတ်လွှင့်ခဲ့ပြီးပိုမိုကောင်းမွန်သောလုပ်ဆောင်နိုင်စွမ်းရှိသည်။ Photoshop ကို web ဖွံ့ဖြိုးတိုးတက်မှုနယ်ပယ်များစွာတွင်အသုံးပြုသည်။ ၎င်းနှင့်အတူရုပ်ပုံများကိုဖန်တီးတည်းဖြတ်နိုင်သည်။ ပရိုဂရမ်သည်အလွှာများနှင့် 3D-model များနှင့်အလုပ်လုပ်နိုင်သည်။ တစ်ချိန်တည်းမှာပင်အသုံးပြုသူသည် GIMP ထက်ပိုမိုကြီးမားသောကိရိယာများနှင့်စစ်ထုတ်ကိရိယာများကိုအသုံးပြုရန်အခွင့်အရေးရှိသည်။
အဓိကအားနည်းချက်များအနက် Adobe Photoshop ၏လုပ်ဆောင်နိုင်စွမ်းအားလုံးကိုကျွမ်းကျင်ရန်အခက်အခဲကိုဖော်ပြသင့်သည်။ ထို့အပြင် GIMP နှင့်မတူသည်မှာဤကိရိယာသည်ရုံးတင်စစ်ဆေးသည့်ကာလကိုရက် ၃၀ သာပေးသည်။
Adobe Photoshop ကို download လုပ်ပါ
Aptana စတူဒီယို
နောက်လာမည့် ၀ က်ဘ်စာမျက်နှာအပြင်အဆင်အစီအစဉ်များသည်ပေါင်းစည်းဖွံ့ဖြိုးတိုးတက်မှုကိရိယာများဖြစ်သည်။ လူကြိုက်အများဆုံးကိုယ်စားလှယ်များအနက် Aptana စတူဒီယိုဖြစ်သည်။ ဒီဆော့ (ဖ်) ဝဲဖြေရှင်းချက်သည်စာသားတည်းဖြတ်သူ၊ debugger၊ compiler နှင့် build automation tool တို့ပါ ၀ င်သောဝက်ဘ်ဆိုက်များအတွက်ပြည့်စုံသောကိရိယာတစ်ခုဖြစ်သည်။ လျှောက်လွှာကို အသုံးပြု၍ ပရိုဂရမ်ကုဒ်ဖြင့်ပရိုဂရမ်ဘာသာစကားများစွာဖြင့်အလုပ်လုပ်နိုင်သည်။ Aptana စတူဒီယိုသည်စီမံကိန်းများစွာနှင့်တစ်ပြိုင်နက်တည်းကြိုးကိုင်ခြယ်လှယ်ခြင်း၊ အခြားစနစ်များ (အထူးသဖြင့် Aptana Cloud service) နှင့်ပေါင်းစည်းခြင်းအပြင် site အကြောင်းအရာအားအဝေးမှတည်းဖြတ်ခြင်းကိုထောက်ပံ့သည်။
Aptana စတူဒီယို၏အဓိကအားနည်းချက်များမှာကျွမ်းကျင်ရန်အခက်အခဲနှင့်ရုရှားဘာသာစကားပြောမျက်နှာပြင်မရှိခြင်းတို့ဖြစ်သည်။
Aptana စတူဒီယိုကို download လုပ်ပါ
ဝက်ဘ်မုန်တိုင်း
Aptana စတူဒီယို၏ analogue သည် WebStorm ဖြစ်ပြီးပေါင်းစပ်ထားသည့်ဖွံ့ဖြိုးရေးစနစ်များနှင့်လည်းသက်ဆိုင်သည်။ ဒီဆော့ဗ်ဝဲထုတ်ကုန်မှာကွဲပြားခြားနားတဲ့ပရိုဂရမ်ဘာသာစကားများကိုအထင်ကြီးလောက်အောင်စာရင်းပြုစုထားတဲ့ကုဒ်နံပါတ်တည်းသောတည်းဖြတ်သူပါရှိတယ် သုံးစွဲသူများပိုမိုသက်သာစေရန်အတွက် developer များက workspace ၏ဒီဇိုင်းကိုရွေးချယ်ရန်အခွင့်အလမ်းပေးခဲ့သည်။ WebStorm ၏ "အားသာချက်များ" များထဲမှတစ်ခုအနေဖြင့်သင်သည် Node.js debugging tool နှင့်ကောင်းမွန်စွာညှိထားသောစာကြည့်တိုက်များရှိနေခြင်းကိုသင်မီးမောင်းထိုးပြနိုင်သည်။ function ကို "တိုက်ရိုက်တည်းဖြတ်ခြင်း" ပြုလုပ်ထားသောပြောင်းလဲမှုများအားလုံးကို browser မှတစ်ဆင့်ကြည့်ရှုနိုင်စွမ်းကိုထောက်ပံ့ပေးသည်။ ဝဗ်ဆာဗာနှင့်အပြန်အလှန်ဆက်သွယ်နိုင်သည့်ကိရိယာကသင့်အားအဝေးမှတည်းဖြတ်ရန်နှင့်ပြင်ဆင်ရန်ခွင့်ပြုသည်။
ရုရှားဘာသာစကားနှင့်ပတ်သက်သောကြားခံမရှိခြင်းအပြင်၊ WebStorm တွင်နောက်ထပ် "အနုတ်" ရှိပြီး၎င်းသည် Aptana စတူဒီယိုအတွက်ပရိုဂရမ်အသုံးပြုခြင်းအတွက်ငွေပေးချေရန်လိုအပ်ခြင်းမဟုတ်ပါ။
WebStorm ကို download လုပ်ပါ
ရှေ့စာမျက်နှာ
အခုဆိုရင် HTML visual editors လို့ခေါ်တဲ့ application တွေရဲ့ block ကိုစဉ်းစားကြည့်ပါ။ Front Page ဟုခေါ်သည့်မိုက်ကရိုဆော့ဖ်ကုန်ပစ္စည်းအားပြန်လည်သုံးသပ်ခြင်းဖြင့်စတင်ကြပါစို့။ ဒီပရိုဂရမ်ကတော်တော်လူကြိုက်များခဲ့တယ်၊ အကြောင်းကတော့တစ်ချိန်က Microsoft Office suite ရဲ့အစိတ်အပိုင်းတစ်ခုဖြစ်တယ်။ ၎င်းသည်ဝဘ်စာမျက်နှာများကို Word တည်းဖြတ်သည့် Word ပရိုဂရမ်များကဲ့သို့ WYSIWYG ("သင်မြင်သည့်အတိုင်းသင်ရရှိလိမ့်မည်") ၏နိယာမတွင်အလုပ်လုပ်သောအမြင်အာရုံအယ်ဒီတာတစ်ခုတွင် layout လုပ်နိုင်သည်။ လိုချင်ပါကအသုံးပြုသူသည် code နှင့်အလုပ်လုပ်ရန်သို့မဟုတ်သီးခြားစာမျက်နှာတစ်ခုပေါ်တွင်နှစ်ခုလုံးပေါင်းစပ်ရန်အတွက် standard html editor ကိုဖွင့်နိုင်သည်။ များစွာသော text formatting tools တွေကို application interface ထဲမှာထည့်ထားတယ်။ စာလုံးပေါင်းစစ်ဆေးမှုအင်္ဂါရပ်ရှိပါသည်။ သီးခြား ၀ င်းဒိုးတစ်ခုတွင်ဝက်ဘ်စာမျက်နှာသည်ဘရောက်ဇာအားမည်သို့ကြည့်မည်ကိုသင်တွေ့နိုင်သည်။
ဤအားသာချက်များစွာဖြင့်ပရိုဂရမ်တွင်အားနည်းချက်များရှိသည်။ အရေးအကြီးဆုံးအချက်မှာ developer များက၎င်းကို ၂၀၀၃ ခုနှစ်မှစ၍ မပံ့ပိုးနိုင်ခြင်းကြောင့်ဖြစ်သည်။ ဆိုလိုသည်မှာထုတ်ကုန်သည် web technology များ၏ဖွံ့ဖြိုးတိုးတက်မှုနောက်ကွယ်တွင်ရှိသည်။ သို့သော်အကောင်းဆုံးသောအချိန်များတွင်ပင် Front Page သည်စံချိန်စံညွှန်းကြီးများကိုမပံ့ပိုးနိုင်ခဲ့သောကြောင့်၎င်းအပလီကေးရှင်းမှဖန်တီးထားသောဝဘ်စာမျက်နှာများကို Internet Explorer တွင်သာပြသရန်အာမခံထားသည်။
Front Page ကို download လုပ်ပါ
KompoZer
နောက်အမြင်အာရုံ HTML Editor ဖြစ်သော KompoZer ကိုလည်း developer များကကာလရှည်ကြာစွာမထောက်ပံ့ပါ။ သို့သော် Front Page နှင့်မတူသည်မှာစီမံကိန်းကို ၂၀၁၀ တွင်သာရပ်တန့်ခဲ့ခြင်းဖြစ်သည်။ ဆိုလိုသည်မှာဤအစီအစဉ်သည်အထက်ပါပြိုင်ဘက်များထက်စံချိန်စံညွှန်းများနှင့်နည်းပညာများကိုပိုမိုထောက်ပံ့ရန်ဖြစ်သည်။ သူမ WYSIWYG mode နှင့် code editing mode တို့တွင်မည်သို့အလုပ်လုပ်ရမည်ကိုလည်းသူသိသည်။ ရွေးချယ်မှုနှစ်ခုလုံးကိုပေါင်းစပ်။ မတူညီသော tabs များရှိစာရွက်စာတမ်းများနှင့်တစ်ပြိုင်တည်းအလုပ်လုပ်ခြင်းနှင့်ရလဒ်များကိုကြိုတင်ကြည့်ရှုခြင်းပြုလုပ်နိုင်သည်။ ထို့အပြင် Composer တွင် FTP client တစ်ခုပါ ၀ င်သည်။
အဓိကအနုတ်မှာ Front Page ကဲ့သို့ပင် developer များက KompoZer ကိုထောက်ပံ့မှုရပ်စဲခြင်းဖြစ်သည်။ ထို့အပြင်ဤပရိုဂရမ်တွင်အင်္ဂလိပ်မျက်နှာပြင်တစ်ခုသာရှိသည်။
KompoZer ကို download လုပ်ပါ
Adobe Dreamweaver
ကျွန်ုပ်တို့သည်ဤဆောင်းပါးကိုအမြင်အာရုံ HTML တည်းဖြတ်သူ Adobe Dreamweaver ၏အကျဉ်းချုပ်ခြုံငုံသုံးသပ်ချက်ဖြင့်နိဂုံးချုပ်သည်။ ယခင် analogues များနှင့်မတူဘဲဤဆော့ဖ်ဝဲထုတ်ကုန်ကို၎င်း၏ developer များကထောက်ခံထားပြီးခေတ်မီစံချိန်စံညွှန်းများနှင့်နည်းပညာများနှင့်လိုက်လျောညီထွေမှုရှိစေရန်နှင့်ပိုမိုကောင်းမွန်သောလုပ်ဆောင်နိုင်စွမ်းကိုသေချာစေသည်။ Dreamviewer သည် WYSIWYG စနစ်များ၊ ပုံမှန်ကုဒ်တည်းဖြတ်သူ (နောက်ခံအလင်းနှင့်) တွင်အလုပ်လုပ်ရန်စွမ်းရည်ပေးသည်။ ထို့အပြင်၊ အချိန်နှင့်တပြေးညီပြောင်းလဲမှုများကိုသင်ကြည့်နိုင်သည်။ ပရိုဂရမ်တွင်ကုဒ်နှင့်အလုပ်လုပ်ခြင်းကိုလွယ်ကူချောမွေ့စေမည့်အပိုဆောင်းလုပ်ဆောင်မှုများလည်းရှိသည်။
ထို့အပြင်ဖတ်ပါ: Dreamweaver ၏ analog
ချို့ယွင်းချက်များအနက်ပရိုဂရမ်၏ကုန်ကျစရိတ်မြင့်မားမှု၊ ၎င်း၏သိသိသာသာအလေးချိန်နှင့်သယံဇာတအင်အားကိုအလေးထားသင့်သည်။
Adobe Dreamweaver ကို download လုပ်ပါ
သင်မြင်တွေ့ရသည့်အတိုင်းအပြင်အဆင်ဒီဇိုင်းရေးဆွဲသူ၏လုပ်ဆောင်မှုကိုလွယ်ကူချောမွေ့စေရန်ဒီဇိုင်းပြုလုပ်ထားသောပရိုဂရမ်များစွာရှိသည်။ ၎င်းတို့သည်အဆင့်မြင့်စာသားတည်းဖြတ်သူများ၊ အမြင်အာရုံ HTML တည်းဖြတ်သူများ၊ ပေါင်းစပ်ထားသောဖွံ့ဖြိုးရေးကိရိယာများနှင့်ရုပ်ပုံတည်းဖြတ်သူများဖြစ်သည်။ သတ်သတ်မှတ်မှတ်အစီအစဉ်တစ်ခုကိုရွေးချယ်ခြင်းသည်အဆင်အပြင်ဒီဇိုင်းပညာရှင်၏ကျွမ်းကျင်မှုအဆင့်၊ လုပ်ငန်း၏အနှစ်သာရနှင့်ရှုပ်ထွေးမှုပေါ်တွင်မူတည်သည်။
