သင်၏ကိုယ်ပိုင်ဝက်ဘ်ဆိုက်ကိုဖန်တီးရန်အတွက်ဗဟုသုတနှင့်အချိန်များစွာလိုအပ်သည်။ အထူးအယ်ဒီတာမပါဘဲလုပ်ရန်အလွန်ခက်ခဲသည်။ ဟုတ်တယ်ဘာကြောင့်လဲ နောက်ဆုံးတွင်ယခုဤလုပ်ငန်းကိုလွယ်ကူချောမွေ့စေသောပရိုဂရမ်များစွာရှိနေသည်။ ၎င်းတို့ထဲမှလူကြိုက်အများဆုံးမှာ Adobe Dreamweaver ဖြစ်သည်။ အတော်များများက developer များက၎င်း၏အကျိုးကျေးဇူးများကိုတန်ဖိုးထားပါပြီ။
Adobe Dreamweaver သည်လူကြိုက်များသောအမြင်အာရုံ html code editor ဖြစ်သည်။ ၎င်းကို Adobe မှ ၂၀၁၂ ခုနှစ်တွင်ဖန်တီးခဲ့သည်။ လူကြိုက်များသောဘာသာစကားအားလုံးဖြစ်သော HTML, JavaScrip, PHP, XML, C #, ActionScript, ASP ။ ၎င်းနှင့်အတူသင်သည်လှပသောဆိုဒ်များကိုမြန်မြန်ဖန်တီးနိုင်သည်၊ အရာဝတ္ထုအမျိုးမျိုးကိုထည့်နိုင်သည်၊ ကုဒ်တည်းဖြတ်နိုင်သည်သို့မဟုတ်ဂရပ်ဖစ်အခွံသို့ပြောင်းလဲနိုင်သည်။ ရလဒ်ကိုအချိန်နှင့်တပြေးညီကြည့်နိုင်သည်။ အစီအစဉ်၏အဓိကအင်္ဂါရပ်များကိုသုံးသပ်ကြည့်ပါ။
Code ကို Tab
Adobe Dreamweaver အယ်ဒီတာတွင်အဓိကလုပ်ဆောင်မှုသုံးခုရှိသည်။ ဤတွင် developer သည်ပရိုဂရမ်အတွက်ရရှိနိုင်သည့်ဘာသာစကားများအနက်မှရင်းမြစ်စာရွက်စာတမ်းကိုတည်းဖြတ်နိုင်သည်။ site တစ်ခုနှင့် folder တစ်ခုကိုသင်ဖွင့်သောအခါ၊ ၎င်း၏အစိတ်အပိုင်းများအားလုံးသည် top panel ရှိသီးခြား tabs များ၌အဆင်ပြေစွာတည်ရှိသည်။ ပြီးတော့ဒီကနေသင်ကသူတို့ကိုအကြားပြောင်းပြီးပြောင်းလဲနိုင်ပါတယ်။ ၎င်းသည်အလွန်အဆင်ပြေသည်၊ အဘယ့်ကြောင့်ဆိုသော်ဆိုက်ကြီးသောအခါအစိတ်အပိုင်းတစ်ခုစီကိုရှာဖွေခြင်းနှင့်တည်းဖြတ်ခြင်းသည်အချိန်များစွာယူရသောကြောင့်ဖြစ်သည်။
စာသားကို developer mode တွင်၊ ဥပမာ HTML တွင်၊ pop-up ၀ င်းဒိုးတွင်ထည့်သောအခါ၊ သင်လိုအပ်သည့်အရာကိုရွေးနိုင်သည်။ ဒီ function က developer time ကိုသက်သာစေတယ်။
များစွာသော tags များနှင့်အလုပ်လုပ်နေစဉ်တခါတရံ၎င်းတို့အားလုံးပိတ်ထားခြင်းရှိမရှိကိုကိုယ်တိုင်စစ်ဆေးရန်ခက်ခဲနိုင်သည်။ Dreamweaver ၏အယ်ဒီတာတွင်ထုတ်လုပ်သူများက၎င်းကိုထောက်ပံ့ပေးသည်။ ဇာတ်ကောင်များကိုသာရိုက်ထည့်ပါ
တည်းဖြတ်သူမရှိရင်၊ ကွဲပြားတဲ့ဖိုင်တွေကိုတူညီတဲ့အပြောင်းအလဲတွေလုပ်တာကရှည်လျားတဲ့လုပ်ငန်းစဉ်ဖြစ်တယ်။ ဤအရာကို Dreamweaver မှတဆင့်ပိုမိုမြန်ဆန်စွာလုပ်ဆောင်နိုင်သည်။ ဖိုင်တစ်ခုတည်းကိုတည်းဖြတ်ရန်၊ ပြောင်းလဲထားသောစာသားကိုရွေးပြီးကိရိယာသို့သွားရန်လုံလောက်သည် ရှာပြီးနေရာချပါ။ ဆိုက်နှင့်သက်ဆိုင်သည့်ဖိုင်များအားလုံးကိုအလိုအလျောက်ပြုပြင်လိမ့်မည်။ မယုံနိုင်လောက်အောင်အဆင်ပြေသောအင်္ဂါရပ်။
Editing ၀ င်းဒိုး၏ဘယ်ဘက်ခြမ်းတွင် code နှင့်အလုပ်လုပ်ရန်အဆင်ပြေသော toolbar တစ်ခုရှိသည်။
ငါတစ်ခုချင်းစီကိုသီးခြားစီစဉ်းစားမည်မဟုတ်, အသေးစိတ်ဖော်ပြချက်အပိုင်းကိုသွားကြည့်ရှုနိုင်ပါသည် DW ကိုလေ့လာခြင်း.
အပြန်အလှန်အကျိုးသက်ရောက်မှုသို့မဟုတ်တိုက်ရိုက်မြင်ကွင်း
ကုဒ်အတွက်လိုအပ်သောအပြောင်းအလဲအားလုံးကိုလုပ်ပြီးပြီဆိုလျှင်တည်းဖြတ်ထားသောဆိုက်ကိုမည်သို့ပြလိမ့်မည်ကိုသင်တွေ့နိုင်ပါသည်။ ၎င်းကို mode သို့သွားခြင်းဖြင့်လုပ်ဆောင်နိုင်သည် အပြန်အလှန်ကြည့်ရှုရန်.
ကြည့်ရှုသောအခါ developer သည်နောက်ဆုံးရလဒ်ကိုမကြိုက်ပါကဤ mode တွင်အရာဝတ္ထုများ၏အနေအထားကိုသင်ပြင်နိုင်သည်။ ထို့အပြင်ပရိုဂရမ်ကုဒ်အလိုအလျောက်ပြုပြင်လိမ့်မည်။ အပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသည့်နည်းလမ်းကိုအတွေ့အကြုံမရှိသေးသော ၀ က်ဘ်ဆိုက်ဖန်တီးသူများကအသုံးပြုနိုင်ပြီး tag များနှင့်အလုပ်လုပ်ရာတွင်ကျွမ်းကျင်မှုမရှိပါ။
သင် header ၏အရွယ်အစားကိုပြောင်းလဲနိုင်သည်၊ link တစ်ခုထည့်နိုင်သည်၊ interactive mode မှထွက်ခွာခြင်းမရှိဘဲ class တစ်ခုကိုထည့်နိုင်သည်။ သင်တစ် ဦး ကို item ပေါ်တွင်သင်ပျံဝဲသောအခါ, သင်သည်ဤပြောင်းလဲမှုများလုပ်ရန်ခွင့်ပြုသေးငယ်တဲ့အယ်ဒီတာဖွင့်လှစ်။
ဒီဇိုင်း
mode ကို "ဒီဇိုင်း", site ကိုဂရပ်ဖစ် mode မှာဖန်တီးသို့မဟုတ်ချိန်ညှိရန်ဖန်တီးခဲ့သည်။ ဤဖွံ့ဖြိုးမှုအမျိုးအစားသည်အတွေ့အကြုံမရှိသေးသော developer များနှင့်အတွေ့အကြုံရှိသောသူများအတွက်သင့်တော်သည်။ ဤတွင်သင်သည် site ရာထူး add နှင့်ဖယ်ရှားနိုင်သည်။ ဤအရာအားလုံးကိုမောက်စ်ဖြင့်ပြုလုပ်ပြီးအပြောင်းအလဲများကိုအပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသည့်ပုံစံတွင်ချက်ချင်းဖော်ပြသည်။
tool ကိုအသုံးပြုခြင်း "ထည့်ပါ"ဆိုဒ်သို့ခလုတ်အမျိုးမျိုး၊ scroll slider များစသည်ဖြင့်ထည့်သွင်းနိုင်သည်။ Element တွေကို standard Del ခလုတ်နဲ့ရိုးရှင်းစွာဖျက်ပစ်လိုက်တယ်။
Adobe Dreamweaver ပရိုဂရမ်၏ဂရပ်ဖစ်ပုံစံတွင်ခေါင်းစီးများကိုလည်းပြောင်းနိုင်သည်။ သင်နောက်ထပ်စာလုံးအရောင်ဆက်တင်များ၊ နောက်ခံပုံနှင့်အခြားအရာများကို tab တွင်သတ်မှတ်နိုင်သည် "ပြောင်းလဲပါ" in စာမျက်နှာဂုဏ်သတ္တိများ.
ခွဲ
မကြာခဏဆိုသလိုဆိုဒ်ဖန်တီးသူများသည်ဆိုက်ကုဒ်ကိုတည်းဖြတ်ရန်နှင့်ရလဒ်ကိုချက်ချင်းကြည့်ရှုရန်လိုအပ်သည်။ အွန်လိုင်းကိုဆက်သွားဖို့သိပ်အဆင်မပြေဘူး။ ဤအမှုများအတွက်, တစ် ဦး regimen ထောက်ပံ့ပေးခဲ့သည်။ "Separation"။ ၎င်း၏တက်ကြွသော ၀ င်းဒိုးကိုလုပ်ငန်းခွင်နှစ်ခုအဖြစ်ခွဲထားသည်။ အပေါ်ဘက်တွင်အသုံးပြုသူရွေးချယ်မှုအရ၊ အပြန်အလှန်အကျိုးသက်ရောက်မှုရှိသောပုံစံသို့မဟုတ်ပုံစံကိုဖော်ပြလိမ့်မည်။ ကုဒ်တည်းဖြတ်သူကအောက်ခြေမှာဖွင့်လိမ့်မယ်။
အပို panel ကို
အပိုဆောင်း panel ကိုအလုပ်areaရိယာ၏ညာဘက်တွင်တည်ရှိသည်။ တည်းဖြတ်သူတွင်သင်အလွယ်တကူရှာဖွေနိုင်ပြီးဖွင့်နိုင်သည်။ ပုံတစ်ပုံ၊ ကုဒ်အပိုင်းအစတစ်ခုကို၎င်းထဲသို့ကူးထည့်ပါသို့မဟုတ်အယ်ဒီတာ၏ဆောက်လုပ်ရေးလုပ်ငန်းကိုသုံးပါ။ လိုင်စင်ကိုဝယ်ယူပြီးသောအခါ Adobe Dreamweaver စာကြည့်တိုက်သည်ရရှိလာလိမ့်မည်။
ထိပ်တန်း toolbar ကို
အခြားကိရိယာများအားလုံးကိုထိပ်တန်းတန်းတွင်စုဆောင်းထားသည်။
Tab ဖိုင် စာရွက်စာတမ်းများနှင့်အတူအလုပ်လုပ်ဘို့လုပ်ဆောင်ချက်များကို၏စံအစုံပါရှိသည်။
tab ထဲမှာ "တည်းဖြတ်ခြင်း" သငျသညျစာရွက်စာတမ်းရဲ့ contents နှင့်အတူအမျိုးမျိုးသောလုပ်ရပ်များလုပ်ဆောင်နိုင်ပါတယ်။ ဖြတ်၊ ငါးပိ၊ ရှာဖွေ၊ အစားထိုးပါ။ ဤတွင်များစွာသောအခြားအရာများကိုတွေ့နိုင်သည်။
စာရွက်စာတမ်းများပြသခြင်းနှင့်ဆက်စပ်သောအရာအားလုံးကို tab တွင်တွေ့နိုင်သည် "ကြည့်ရန်".
ပုံများ၊ စားပွဲများ၊ ခလုတ်များနှင့်အပိုင်းအစများကိုထည့်သွင်းရန်အတွက်ကိရိယာများသည် tab တွင်တည်ရှိသည် "ထည့်ပါ".
သင် tab ရှိ document သို့မဟုတ် document element ကိုအမျိုးမျိုးပြောင်းလဲနိုင်သည် "ပြောင်းလဲပါ".
Tab "ပုံစံ" စာသားနှင့်အတူအလုပ်လုပ်ရန်ဒီဇိုင်း။ ဤတွင်တည်းဖြတ်ခြင်း၊ စာပိုဒ်ပုံစံ၊ HTML နှင့် CSS စတိုင်များကိုတည်းဖြတ်နိုင်သည်။
Adobe Dreamweaver တွင်၊ သင်သည်စာလုံးပေါင်းစစ်ဆေး။ HTML code အမြောက်အများကိုအပြောင်းအလဲနဲ့ပြုလုပ်နိုင်သည်။ ဒီနေရာတွင်သင် formatting function ကိုလျှောက်ထားနိုင်သည်။ ဤအရာအားလုံးကို tab တွင်ရရှိနိုင်သည်။ "အဖွဲ့".
ဆိုက်တစ်ခုလုံးနှင့်သက်ဆိုင်သောအရာအားလုံးကို tab တွင်ရှာဖွေနိုင်သည် "ဝဘ်ဆိုက်"။ ဒါ့အပြင် FTP client တစ်ခုဒီနေရာကိုပေါင်းစည်းထားတယ်၊ သင်ကသင့် site ကို hosting အတွက်မြန်မြန်ထည့်နိုင်သည်။
Setting ထဲမှ ၀ င်းဒိုးပြသမှု၊ အရောင်အဆင်း၊ သမိုင်း၊ ကုဒ်စစ်ဆေးရေးမှူးများသည် tab ထဲတွင်ရှိသည် "ဝင်းဒိုး".
ပရိုဂရမ်နှင့်ပတ်သက်သောသတင်းအချက်အလက်များကိုကြည့်ရှုနိုင်ပြီး၊ tab ရှိ Adobe Dreamweaver လမ်းညွှန်သို့သွားပါ ကူညီပါ.
အားသာချက်များ
အားနည်းချက်များ
တရားဝင်ဆိုဒ်မှပရိုဂရမ်ကိုတပ်ဆင်ရန်သင်ပထမ ဦး ဆုံးမှတ်ပုံတင်ရမည်။ ပြီးနောက် CreativeCloud ပလက်ဖောင်းကိုကူးယူရန်လင့်ခ်တစ်ခုရရှိလိမ့်မည်။ ၎င်းမှစမ်းသပ်ဗားရှင်း Adobe Dreamweaver ကိုထည့်သွင်းလိမ့်မည်။
Adobe Dreamweaver ၏စမ်းသပ်ဗားရှင်းကို download လုပ်ပါ
တရားဝင် site မှပရိုဂရမ်၏နောက်ဆုံး version ကို download လုပ်ပါ
အစီအစဉ်ကိုအဆင့်သတ်မှတ်ပါ -
အလားတူအစီအစဉ်များနှင့်ဆောင်းပါးများ:
Dreamweaver ၏လူကြိုက်အများဆုံး analogues လူမှုကွန်ယက်များမှဆောင်းပါးများကိုမျှဝေပါ
