စာသားကိုပြန်ပြောင်းရေးအစီအစဉ်များ

ဒါဟာသင့်ရဲ့ကိုယ်ပိုင် site ကိုဖန်တီးရန်အသိပညာနှင့်အချိန်တွေအများကြီးလိုအပ်ပါတယ်။ အထူးအယ်ဒီတာမပါဘဲအတော်လေးခက်ခဲပါစေ။ အဘယ်ကြောင့်? ယခုဤတာဝန်လွယ်ကူချောမွေ့ဖို့အများကြီးကွဲပြားခြားနားသောအစီအစဉ်များရှိပါသည်။ ဖြစ်ကောင်းဖြစ်နိုင်သည်ဤ၏လူကြိုက်အများဆုံးကို Adobe Dreamweaver ဖြစ်ပါတယ်။ အတော်များများက developer များပြီးသားယင်း၏အကျိုးကျေးဇူးများကိုတန်ဖိုးထားကြသည်။

Adobe က Dreamweaver - တစ်လူကြိုက်များ WYSIWYG editor ကို html ကုဒ်။ ဒါဟာ 2012 ခုနှစ်က Adobe ကအသုံးပြုနေသူများကဖန်တီးခဲ့ပါတယ်။ HTML ကို, JavaScrip, PHP, XML ကို C #, Actionscript, ASP: ဒါဟာအားလုံးလူကြိုက်များဘာသာစကားများထောက်ခံပါတယ်။ ဒါဟာသင်သည်အလျင်အမြန်ဆင်းလှဆိုဒ်များဖန်တီးမတူညီသောအရာဝတ္ထု, code ကိုတည်းဖြတ်ဒါမှမဟုတ် GUI ကိုမှစသောအပြောင်းအလဲဖြစ်စေနိုင်ပါတယ်။ ရလဒ်ကိုမှန်ကန်အချိန်အတွက်နိုင်ပါတယ်ရှုမြင်ကြသည်။ ထို program ၏အဓိကအင်္ဂါရပ်များကိုစဉ်းစားပါ။

Tab ကို "ကျင့်ထုံး"

Adobe က Dreamweaver အယ်ဒီတာခုနှစ်တွင်စစ်ဆင်ရေးသုံးခုအခြေခံ Modes သာရှိပါတယ်။ ဤတွင် developer program တစ်ခုများအတွက်ရရှိနိုင်ဘာသာစကားများတဦးတည်းအပေါ်အရင်းအမြစ်စာရွက်စာတမ်းကုဒ်တည်းဖြတ်နိုင်သည်။ သငျသညျထို site နှင့်အတူ folder တစ်ခုဖွင့်လှစ်သည့်အခါယင်း၏အစိတ်အပိုင်းအားလုံးအဆင်ပြေတစ်ဦးချင်းစီ tabs များရဲ့ထိပ် panel ကိုအပေါ်တည်ရှိသည်။ ဒီမှာသင်သည်ထိုသူတို့အကြားအကူးအပြောင်းနှင့်အပြောင်းအလဲများကိုစေနိုင်သည်။ ဆိုက်ကြီးမားသည်အခါ, တစ်ဦးချင်းစီအစိတ်အပိုင်းများ၏ရှာဖွေတည်းဖြတ်စဉ်းစားဆင်ခြင်စရာအချိန်ယူဘာဖြစ်လို့လဲဆိုတော့ဒါဟာအလွန်အဆင်ပြေသည်။

ထိုသို့သောက HTML ဘာသာစကားအဖြစ်ပြုစုသူမုဒ်အတွက်စာသား၏နိဒါန်းနှင့်အတူ, pop-up window ကိုသင်ချင်သောတဦးတည်းကိုရှေးခယျြနိုငျသောအနေဖြင့် embedded ရည်ညွှန်း tags များပေါ်လာသည်။ ဒီ feature ဆော့ဖ်ဝဲရေးသားသူအချိန်ကုန်သက်သာပြီးသဲလွန်စ၏ကြင်နာဖြစ်ပါတယ်။

tags များ၏ကြီးမားသောအရေအတွက်ကအတူလုပ်ကိုင်သောအခါ, ထိုလူအပေါင်းတို့သည်တံခါးပိတ်လျှင်ကိုယ်တိုင်စစ်ဆေးတစ်ခါတစ်ရံခက်ခဲသည်။ Dreamweaver, အယ်ဒီတာ၌၎င်း, ထုတ်လုပ်သူပေးခဲ့ပါသည်။ ကိုယ့် "ဟုအဆိုပါ code တွေကိုရိုက်ထည့်ပါ

အယ်ဒီတာခြင်းမရှိဘဲ, ကွဲပြားခြားနားသောဖိုင်များတူညီအပြောင်းအလဲတွေလုပ်ဖို့, တစ်ရှည်ဖြစ်စဉ်ကို။ Dreamweaver အားဖြင့်သင်တို့ကိုပိုမိုမြန်ဆန်ကလုပ်နိုင်ပါတယ်။ တစ်ခုတည်း file ကိုတည်းဖြတ်ရန်ကလောက်ကပြုပြင်ထားသောစာသားကိုရွေးချယ်နှင့် tool ကိုသွားပါ "ကိုရှာပါနှင့်အစားထိုးပါ"။ ဆိုက်နှင့်ဆက်စပ်သောအားလုံးဖိုင်တွေကိုအလိုအလျောက်တညျ့ပါလိမ့်မည်။ မယုံနိုင်လောက်အောင်နေရာလေးကိုအင်္ဂါရပ်။

တည်းဖြတ် window ၏ဘယ်ဖက်ခြမ်းတွင်ကုဒ်တွေနဲ့အလုပ်လုပ်တစ်ဦးအဆင်ပြေ toolbar ကိုဖြစ်ပါတယ်။
တစ်ခုချင်းစီကိုသီးခြားစီစဉ်းစားကြည့်ပါ, ငါအသေးစိတ်ဖော်ပြချက်ပုဒ်မသွားသဖြင့်ကြည့်ရှုနိုင်ပါသည်မည်မဟုတ် "DW »၏လေ့လာမှု.

interactive mode ကိုသို့မဟုတ် Real-time preview ကို

သင့်ရဲ့ကုဒ်မှမဆိုလိုအပ်သောအပြောင်းအလဲများအောင်ပြီးနောက်, သင်က redktiruemy site ကိုပေါ်လာလိမ့်မယ်ဘယ်လိုမြင်နိုင်ပါသည်။ ဤသည်မှာစစ်အစိုးရကသွားသဖြင့်လုပ်ဆောင်နိုင်ပါတယ် "Interactive မှ view" ကို.

သင်ကြည့်နေတယ်ဆိုရင်, ဆော့ဖ်ဝဲရေးသားသူနောက်ဆုံးရလဒ်ကြိုက်နှစ်သက်မပါဘူး, ဒီ mode မှာကအရာဝတ္ထုများ၏အနေအထားပြင်ပေးဖို့ဖြစ်နိုင်ပါတယ်။ အဆိုပါအစီအစဉ်ကိုကုဒ်အလိုအလြောကျတညျ့ပါလိမ့်မည်။ interactive mode ကို tags များနှင့်အတူအလုပ်လုပ်ရန်ကျွမ်းကျင်မှုမရှိကြပါဘူးသူ site ၏အရင်ကဆိုရင်ဖန်တီးသူ, များအတွက်အသုံးပြုနိုင်ပါသည်။

အဆိုပါခေါင်းစဉ်၏အရွယ်အစားကိုပြောင်း, link ကို paste သည်အပြန်အလှန် mode ကိုစွန့်ခွာခြင်းမရှိဘဲတစ်ဦးလူတန်းစား delete သို့မဟုတ်ထည့်ပါ။ သငျသညျ Element တစ်ခုရဲ့ကျော်ပျံဝဲလိုက်တဲ့အခါသင်ကဒီလိုအပြောင်းအလဲတွေလုပ်ဖို့ခွင့်ပြုမယ့်သေးငယ်တဲ့အယ်ဒီတာဖွင့်လှစ်။

ပုံစံ

စစ်အစိုးရ "ဒီဇိုင်း", ဂရပ်ဖစ် mode မှာ site ကိုဖန်တီးသို့မဟုတ်ထိန်းညှိဖို့ဒီဇိုင်းရေးဆွဲ။ အတွေ့အကြုံမရှိသေးသော developer များနှင့်ပိုပြီးအတွေ့အကြုံရနှစ်မျိုးစလုံးအတွက်ဖွံ့ဖြိုးတိုးတက်မှု၏ဤမျိုး။ ဒီနေရာတွင်ပစ္စည်းများဆိုက်ကို add နှင့်ဖျက်ပစ်နိုင်ပါတယ်။ အားလုံးဒီကုဒ်ထဲမှာပေါ်လာချက်ချင်း, အွန်လိုင်းမောက်နှင့်ပြောင်းလဲမှုနှင့်အတူပြုသောအမှုအဖြစ်ဖြစ်ပါတယ်။

ဒီ tool အားဖွငျ့ "ထည့်"ဆိုက်တွင်သင်သည်စသည်တို့ကိုခလုတ်, လျှော, စာစောင်ကို, အမျိုးမျိုး add နိုင်ပါတယ် Deleted ပစ္စည်းများအလွန်ရိုးရှင်းတဲ့, စံ button ကို Del ဖြစ်ကြသည်။

headers ကိုလည်းဂရပ်ဖစ်ပရိုဂရမျကို Adobe Dreamweaver mode မှာပြောင်းလဲနိုင်သည်။ အပိုဆောင်း font ကိုအရောင် settings ကို Set, နောက်ခံပုံရိပ်နှင့်အများကြီးပိုငျသညျ tab ကိုတတ်နိုင်သမျှ "ပြောင်းလဲခြင်း" တွင် "စာမျက်နှာ Properties ကို".

ဌာနခွဲ

အလွန်မကြာခဏဆိုဒ်၏ဖန်တီးသူဆိုက်ကုဒ်တည်းဖြတ်ချက်ချင်းရလဒ်ကိုတွေ့မြင်ရန်။ အဆက်မပြတ်အပြန်အလှန် mode သို့သွားပါကအလွန်အဆင်ပြေသည်မဟုတ်။ mode ကိုဤအမှုကိစ္စများအတွက်ထောက်ပံ့ပေးလျက်ရှိသည် "Separation"။ မိမိအတက်ကြွပြတင်းပေါက်နှစ်ခုအလုပ်ဒေသများသို့ခွဲခြားထားတယ်။ ထိပ်မှာအသုံးပြုသူရဲ့ရွေးချယ်မှုအပေါ်, interactive သို့မဟုတ်ဒီဇိုင်းကိုပြသပါလိမ့်မည်။ ကုဒ်အယ်ဒီတာအောက်ခြေမှာဖွင့်လှစ်ပါလိမ့်မည်။

အပိုဆောင်း panel က

ပြုပြင်ဧရိယာ၏ညာဘက်တစ်ဦးအပိုဆောင်း panel ကဖြစ်ပါတယ်။ ဒါဟာလျင်မြန်စွာအယ်ဒီတာအတွက်ဖိုင်ကိုရှာပြီးဖွင့်လှစ်ဖို့ဖြစ်နိုင်ပါတယ်။ image ကိုထည့်ပါ, ဒါမှမဟုတ် code ကိုအတိုအထွာအယ်ဒီတာဒီဇိုင်နာကိုအသုံးပြုပါ။ လိုင်စင်အတွက် Adobe Dreamweaver စာကြည့်တိုက်ဝယ်ယူပြီးနောက်အပြင်မရရှိနိုင်ပါလိမ့်မည်။

ထိပ် toolbar ကို

အားလုံးသည်အခြား tools တွေနဲ့ထိပ် toolbar ကိုပေါ်စုဝေးနေကြသည်။

inset "File" ဒါဟာစာရွက်စာတမ်းများနှင့်အတူအလုပ်လုပ်ဘို့လုပ်ဆောင်ချက်များကိုတစ်ဦးစံသတ်မှတ်ချက်ပါရှိသည်။

tab ကို "Edit ကို" သငျသညျစာရွက်စာတမ်းရဲ့ contents တွေနဲ့လုပ်ရပ်တွေကိုအမျိုးမျိုးထုတ်လုပ်နိုင်သည်။ cut, ငါးပိ, ရှာအစားထိုးရန်နှင့်ထို့ထက် ပို. ကဒီမှာတွေ့နိုင်ပါသည်။

စာရွက်စာတမ်း Display, ပြား, ချုံ့ချဲ့ခြင်းနှင့်တူ၏အကြောင်းကိုအရာအားလုံးနဲ့ tab တွင်တွေ့နိုင်ပါသည် "View".

Tools များပုံများ, စားပွဲ, ခလုတ်နှင့် tab မှာတည်ရှိပါတယ်အပိုင်းအစများထည့်သွင်း "ထည့်".

စာရွက်စာတမ်းသို့မဟုတ်စာရွက်စာတမ်းဒြပ်စင်မှအမျိုးမျိုးသောပြောင်းလဲမှုများ tab မှာနိုင်ပါတယ် Make "ပြောင်းလဲခြင်း".

inset "Format ကို" စာသားနှင့်အတူအလုပ်လုပ်ရန်ဒီဇိုင်းရေးဆွဲ။ Indent, အပိုဒ် format နဲ့, HTML နဲ့ CSS ကိုစတိုင်များကဒီမှာ edited နိုင်ပါသည်။

Adobe က Dreamweaver ခုနှစ်တွင်, သင်စာလုံးပေါင်းနှင့် command ကိုအစုလိုက်အပြုံလိုက်အပြောင်းအလဲနဲ့သတ်မှတ်မှမှန်ကန်သော HTML code တွေဟာစစ်ဆေးနိုင်ပါသည်။ သငျသညျကိုလည်းစီစဉ်ဖွဲ့စည်းမှုပုံစံ function ကိုသုံးနိုင်သည်။ အားလုံးဒီ tab မှာရရှိနိုင် "ရေးအဖွဲ့".

မြေတပြင်လုံး site ကိုစိုးရိမ်ကြောင်းအရာအားလုံးကို, သင် tab ကိုရှာဖွေနိုင်ပါတယ် "ကျဘျဆိုကျ"။ ထို့အပြင်ခုနှစ်, ဤနေရာတွင်သင်ကလျင်မြန်စွာသင့်ရဲ့ website မှာ hosting အတွက် add နိုင်သည့်နှင့်အတူ FTP ကို-client ကိုအတွက်တည်ဆောက်ထားသည်။

, display ကိုပြတင်းပေါက်များ, အရောင်အစီအစဉ်များချိန်ညှိခြင်း, ထိုစစ်ဆေးရေးမှူး codes တွေကိုများ၏သမိုင်း tab ကိုဖြစ်ကြသည် "Window".

အဆိုပါအစီအစဉ်ကိုအကြောင်းသတင်းအချက်အလက် View, အကို Adobe Dreamweaver ကိုသွား tab ကိုပဲ့ပြင်နိုင်ပါတယ် "အကူအညီ".

ဂုဏ်

သုံးစွဲဖို့အလွန်လွယ်ကူပါတယ်;

ဒါဟာက်ဘ်ဆိုက်အတွက်လိုအပ်သောလုပ်ငန်းဆောင်တာတစ်ခုပြီးပြည့်စုံအစုံပါရှိသည်;

ဒါဟာရုရှားဘာသာစကားထောက်ခံပါတယ်;

ဒါဟာမျိုးစုံတည်းဖြတ်ရေး Modes သာရှိပါတယ်,

ထုတ်ကုန်တစ်ခုအခမဲ့အစမ်းဗားရှင်းရှိပါတယ်။

ချို့ယွင်းချက်

လိုင်စင်၏မြင့်ကုန်ကျစရိတ်;

အားနည်း operating system ကိုတွင်ဖြည်းညှင်းစွာအလုပ်လုပ်စေသော။

တရားဝင် site မှ software ကို install လုပ်ဖို့, သင်ပထမဦးဆုံးအကောင့်တစ်ခုဖန်တီးရမည်ဖြစ်သည်။ ပြီးနောက်ကို Adobe Dreamweaver ၏စမ်းသပ်မှုဗားရှင်းကို install ပါလိမ့်မည်သည့် download link ကို CreativeCloud ပလက်ဖောင်းပေါ်တွင်ရရှိနိုင်ပါသည်ဖြစ်လိမ့်မည်။