သငျသညျသာလျှင် WYSIWYG အသုံးပြုနည်းဖူးမနေပါနဲ့
Dreamweaver တစ်ဦးသည်ကြီး WYSIWYG အယ်ဒီတာ , သင်မူကားတစ်ဦးအတွက်ဝဘ်စာမျက်နှာများကိုရေးသားခြင်းအတွက်စိတ်ဝင်စားမဟုတ်ပါဘူးလျှင် "အဘယ်အရာကိုသင်မြင်သငျသညျအရကားအဘယ်သို့" ပတ်ဝန်းကျင်, သင်ဆဲအသုံးပွုနိုငျ Dreamweaver ကလည်းအကြီးအကစာသားအယ်ဒီတာရဲ့လို့ပဲ။ ဒါပေမယ့်အဓိကအာရုံစိုက်မှာ "ဒီဇိုင်းအမြင်" သို့မဟုတ်ထုတ်ကုန်၏ WYSIWYG editor ကိုတစျပိုငျးကိုပေါ်မှာကြောင့် Dreamweaver ကုဒ်အယ်ဒီတာအတွင်းလမျးနားချော်ကြောင်း features တွေအများကြီးရှိပါတယ်။
Dreamweaver Code ကိုကြည့်ရန်ထဲသို့ Get လုပ်နည်း
။ "Code ကို", "Split ကို," နှင့် "ဒီဇိုင်း": သင်ပင်စာမျက်နှာ၏ထိပ်မှာသုံးခလုတ်သတိထားမိဖူးဘူးဖြစ်နိုင်သည်မတိုင်မီသင်တစ်ဦးက HTML အယ်ဒီတာအဖြစ် Dreamweaver ကိုသုံးဖူးပါဘူး အကယ်. Dreamweaver "ဒီဇိုင်းအမြင်" သို့မဟုတ် WYSIWYG mode မှာ default အနေဖြင့်ဖွင့်စတင်သည်။ ဒါပေမယ့် HTML code တွေဟာကြည့်ရှုခြင်းနှင့်တည်းဖြတ်ပြောင်းရန်လွယ်ကူသည်။ က "Code ကို" ခလုတ်ကိုအပေါ်ရုံကိုကလစ်နှိပ်ပါ။ သို့မဟုတ်, View မီနူးသို့သွားနှင့်ကို select "Code ကို။ "
သင်ရုံ HTML ကိုရေးသားဖို့ဘယ်လိုလေ့လာသင်ယူနေတဲ့ဒါမှမဟုတ်သင်ကသင်၏အပြောင်းအလဲများကိုသင်၏စာတမ်းကို impact ပါလိမ့်မယ်ဘယ်လိုတစ်အဓိပ္ပာယ်ရချင်လျှင်, သင်တစ်ချိန်တည်းမှာကုဒ်အမြင်နှင့်ဒီဇိုင်းအမြင်ဖွင့်နိုင်ပါတယ်။ ဒီနည်းလမ်းရဲ့အလှတရားသင်ကဲ့သို့ကောင်းစွာနှစ်ဦးစလုံးပြတင်းပေါက်ထဲမှာတည်းဖြတ်နိုင်သည်သောကွောငျ့ဖွစျသညျ။ ဒါကြောင့်သင်က HTML မှာသင့်ရဲ့ image ကို tag ကိုများအတွက်ကုဒ်ရေးပြီးတော့ Drag and Drop ပြုလုပ်ပြီးနှင့်အတူစာမျက်နှာပေါ်တွင်အခြားတည်နေရာကရွှေ့ဖို့ဒီဇိုင်းအမြင်ကိုသုံးနိုင်သည်။
တခါမှာနှစ်ဦးစလုံးကြည့်ရှု, ဖြစ်စေရန်:
- ( "Code ကို" နှင့် "ဒီဇိုင်း" ကြား) က "Split ကို" ခလုတ်ကိုကလစ်နှိပ်ပါ
- အဆိုပါကြည့်ရန် Menu ထဲမှာ "Code ကိုနှင့်ဒီဇိုင်း" ကိုရွေးချယ်ပါ
သင်သည်သင်၏ HTML code တွေဟာတည်းဖြတ်ရန် Dreamweaver ကို အသုံးပြု. အဆင်ပြေပါတယ်ပြီးတာနဲ့သင်ကပုံမှန်အားဖြင့်ကုဒ်အမြင်အတွက် Dreamweaver ဖွင့်လှစ်ရန်သင့်ဦးစားပေးပြောင်းလဲနိုင်သည်။ အလွယ်ကူဆုံးနည်းလမ်းတစ် Workspace အဖြစ်ကုဒ်အမြင်ကယ်ဖို့ဖြစ်ပါတယ်။ Dreamweaver သင်အသုံးပြုနေတဲ့ခဲ့ကြသည်ပြီးခဲ့သည့် Workspace ကိုဖွင့်လှစ်ပါလိမ့်မယ်။ ဒါကြောင့်မပါလျှင်, ရိုးရှင်းစွာ Window menu ကိုသွားပါ, သင်လိုချင်တဲ့ Workspace ကိုရွေးချယ်ပါ။
Code ကိုကြည့်ရန် Options ကို
အဲဒါကိုစိတ်ကြိုက်ကြောင့်သင်ကချင်သောလမ်းအလုပ်လုပ်စေရန်ဤမျှလောက်များစွာသောနည်းလမ်းတွေရှိပါတယ်ဘာဖြစ်လို့လဲဆိုတော့ Dreamweaver ဒီတော့ပြောင်းလွယ်ပြင်လွယ်သည်။ ရှေးခယျြစရာပြတင်းပေါက်မှာတော့ code ကိုအရောင်ကုဒ် Formatting, code ကိုအရိပ်အမြွက်, သင်ချိန်ညှိနိုင်ပါတယ်ကုဒ်ပြန်ပြောင်းရေးကာရွေးချယ်စရာရှိပါတယ်။ သင်တို့မူကားကိုလည်းကုဒ်အမြင်သူ့ဟာသူအတွင်းအချို့သောအထူးရွေးချယ်မှုများပြောင်းလဲနိုင်သည်။
သငျသညျကုဒ်အမြင်ရောက်နေသည်နှင့်တပြိုင်နက်ထို toolbar ကိုတစ်ဦး "View Options ကို" ခလုတ်ကိုလည်းမရှိ။ သငျသညျကိုလည်းကြည့်ရန် menu ကိုသို့သွားရွေးချယ်ရာတွင်အားဖြင့်ရွေးချယ်မှုများကြည့်ရှုနိုင်ပါသည် "Code ကိုကြည့်ရန် Options ကို။ " အဆိုပါရွေးချယ်မှုများနေသောခေါင်းစဉ်:
- သမ်မာကမျြးထုပ်ပိုးခြင်းအလှဆင် - သင်အလျားလိုက် scrolling မပါဘဲရှုမြင်နိုင်အောင် HTML code တွေဟာထုပ်။ ဒီ option ကိုသင့်ရဲ့ကုဒ်အတွက်မဆိုရထားပြန်ထည့်သွင်းမထားဘူးဒါကြောင့်ဖတ်ရှုဖို့ပိုမိုလွယ်ကူမယ့်နိုင်အောင်ပြုလုပ်ရုံကုဒ်ဖော်ပြပေးသတိပြုပါ။
- လိုင်းနံပါတ် - ကုဒ်၏ဘေးထွက်တစ်လျှောက် display တွေလိုင်းနံပါတ်များကို။ ဒါဟာရှည်မြင်ကွင်းကိုပြတင်းပေါက်ထက်ခြုံကြောင်းလိုင်းများတစ်လိုင်းထုပ်ပိုးပြီးသင်္ကေတပြသထားတယ်။
- hidden ဇာတ်ကောင် - ဝဘ်စာမျက်နှာပေါ်တွင်ဖော်ပြရန်မယ်လို့အစားကြားနေရာလွတ်၏အထူးအက္ခရာများဖော်ပြပေးမှာဖြစ်ပါတယ်။ က dot တစ်ဦးအာကာသအစားထိုးကဲ့သို့သော, တစ်ဦးကို double Chevron တစ်ဦးချင်းစီ tab ကိုအစားထိုးပြီး pilcrow သို့မဟုတ်အပိုဒ်အမှတ်အသားတစ်ခုချင်းစီ line break အစားထိုးထားသည်။
- မှားနေသော Code ကိုမီးမောင်းထိုးပြ - အဝါရောင်မမှန်ကန်ကြောင်းပျေါလှငျက HTML ။ သငျသညျအဝါရောင် tag ကို select လုပ်ပါလျှင်, အိမ်ခြံမြေစစ်ဆေးရေးသင်က fix ဖို့ဘယ်လိုပေါ်အရိပ်အမြွက်ကိုငါပေးမည်။
- syntax အရောင် - သင့် code တွေရဲ့အရောင်နိုင်တဲ့ coding ပေါ်တွင်သို့မဟုတ်ပိတ်။ သင်ကဦးစားပေး၏ code ကိုအရောင်အပိုင်း၌သင်တို့၏အရောင်နိုင်တဲ့ coding ၏အရောင်များကိုပြောင်းပေးပါ။
- အော်တိုအင်တင်းရန် - ကအပေါ်ကကုဒ်ပြီးအင်တင်းခဲ့သည်လျှင်တစ်ဦးရထားပြန်လာပြီးနောက်အလိုအလျှောက်သင့်ရဲ့ကုဒ်ကုန်အမှာစာကိုမှန်ကန်စေသည်။ သင်ကဦးစားပေး၏ကုဒ်ပုံစံအပိုင်းအတွက် tab ကိုအရွယ်အစားပြောင်းလဲနေတဲ့အားဖြင့်ကုန်အမှာစာ၏အရွယ်အစားပြောင်းလဲနိုင်သည်။
Dreamweaver Code ကိုကြည့်ရန်အတွက် editing က HTML Code ကို
ဒါဟာ Dreamweaver ရဲ့ကုဒ်မြင်ကွင်းထဲမှာ HTML code တွေဟာတည်းဖြတ်ရန်လွယ်ကူသည်။ ရိုးရှင်းစွာအသင့်ရဲ့ HTML ကိုရိုက်ထည့်ပါ။ ဒါပေမယ့် Dreamweaver အခြေခံ HTML ကိုအယ်ဒီတာကျော်လွန်ပါကတိုးချဲ့အချို့ extras အတူသင်တို့သည်။ သင်တစ်ဦးက HTML tag ကိုစတင်ရေးသားနိုင်ပါတယ်အခါ, သငျသညျ <ရိုက်ထည့်ပါ။ သင်သည်ထိုဇာတ်ကောင်ပြီးနောက်ညာဘက်ခေတ္တရပ်တန့်ပြီးလြှငျ, Dreamweaver သငျသညျမြား၏စာရငျးကိုပြသပါလိမ့်မယ် HTML တဂ် ။ ဤရွေ့ကားကုဒ်အရိပ်အမြွက်ဟုခေါ်ကြသည်။ Selection ကိုနှိမ့်ချကျဉ်းမြောင်းစေရန်, အက္ခရာစာရိုက် start - Dreamweaver ကိုသင်စာရိုက်နေသောအရာကိုကိုက်ညီသော၎င်း tag ဖို့ drop-down list ကိုနှိမ့်ချကျဉ်းမြောင်းလိမ့်မယ်။
သငျသညျက HTML အသစ်အနေလျှင်, သင်က HTML tags များစာရင်းမှတဆင့် scroll နှင့်သူတို့အဘယ်သို့ပြုမည်အရာကိုကြည့်ဖို့အမျိုးမျိုးသောသူတွေကိုရွေးချယ်နိုင်သည်။ Dreamweaver သင်တစ်ဦး tag ကိုရိုက်တော့တခါ attribute တွေအဘို့သတိပေးလာကိုဆက်လက်ပါလိမ့်မယ်။ သငျသညျ " tag ကိုမှချကျဉ်းမြောင်းလိမ့်မယ်။
သို့သော်ကုဒ်အရိပ်အမြွက်အဆိုပါ tags များမှာအဆုံးသတ်ကြပါဘူး။ သငျသညျထည့်သွင်းရန်ကုဒ်အရိပ်အမြွက်အသုံးပွုနိုငျ:
code ကိုအရိပ်အမြွက်ပေါ်လာဘူးဆိုရငျ, သင်သည်ထိုသူတို့ဖော်ပြရန်ရဖို့ကို Ctrl-spacebar (Windows) သို့မဟုတ် Cmd-spacebar (Macintosh) hit နိုင်ပါတယ်။ သင်သည်သင်၏ tag ကိုမပြီးမီတစ်ဦးကွဲပြားခြားနားပြတင်းပေါက်မှ switched လျှင်ကုဒ်အရိပ်အမြွက်ပေါ်လာမပြုစေခြင်းငှါအဘယ်ကြောင့်အသုံးအများဆုံးအကြောင်းပြချက်ဖြစ်ပါတယ်။ Dreamweaver <ဇာတ်ကောင်များ၏စာရိုက်ချွတ်နှိပ်ရင်တွေ့နိုင်သောကြောင့်သင်ပြတင်းပေါက်များနှင့်ပြန်လာစွန့်ခွာလျှင်, သင်ကုဒ်အရိပ်အမြွက် re-ကိုဖွင့်ဖို့ရှိသည်လိမ့်မယ်။
သင့်အနေဖြင့်ကုဒ်ကတော့ထွက်ပေါက် key ကိုနှိပ်ခြင်းဖြင့် menu ကအရိပ်အမြွက်ကို turn off နိုင်ပါတယ်။
သင်သည်သင်၏အဖွင့် HTML ကို tag ကိုရိုက်နှိပ်ပြီးပြီပြီးတာနဲ့သင်ကပိတ်ဖို့ရန်လိုပါလိမ့်မယ်။ Dreamweaver သဘာဝလမ်း၌ဤပါဘူး။ သငျသညျအကောင်းဆုံးကိုသင်၏လိုအပ်ချက်များကိုကိုက်ညီသော "ပိတ် Tags: option ကိုရိုက်ထည့်ပါ။
သငျသညျ HTML မှာသင့်ရဲ့စာမျက်နှာများကိုတည်းဖြတ်ရန်ကျော်ပြောင်းအတော်လေးအဆင်သင့်မရင့်ပေမယ့်လျှင်စာဖြင့်ရေးသားမယ့်အဖြစ်ကိုသင်ကုဒ်စောင့်ကြည့်ချင်ပါတယ်, သင်ကုဒ်စစ်ဆေးရေးကွိုးစားသငျ့တယျ။ ဒါကသီးခြား window ထဲမှာ HTML code တွေဟာဖွင့်လှစ်။ ဒါဟာကိုယ့် code ကိုအမြင်နဲ့တူအလုပ်လုပ်တယ်လျက်, တကယ်တော့, အခြေခံအားဖြင့်လက်ရှိစာရွက်စာတမ်းတစ်ခုလိုသလိုဖြုတ်တပ်လို့ရတဲ့ကုဒ်အမြင်ပြတင်းပေါက်ဖြစ်ပါတယ်။ , code ကိုစစ်ဆေးရေးဖွင့်လှစ်သည့် Window menu ကိုသွားပါနှင့် "Code ကိုစစ်ဆေးရေး" ကိုရွေးချယ်ပါသို့မဟုတ်သင့်ကီးဘုတ်ပေါ် F10 Key ကိုဝင်တိုက်ရန်။
Dreamweaver သို့သော်သင်ကပြသချင်ပါတယ် HTML code တွေဟာ format ပါလိမ့်မယ်။ သငျသညျ Indent 3 နေရာကိုသုံးပါ, ဒါပေမယ့်ကုန်အမှာစာကိုဘယ်တော့မှ IMG tag များလျှင်ဥပမာ, သငျသညျ code ကိုပြန်ပြောင်းရေးကာ options များအတွက်သတင်းအချက်အလက်ပုံစံတစ်ခုကို specify နိုင်ပါတယ်။ ထိုအခါသင်သည်ပညတ်တော် menu ကိုသွားပြီးရှေးခယျြ "ရင်းမြစ်ဖောမတ်ချ Apply ။ " ဤသည်ကိုသင်အကျွမ်းတဝင် format တစ်ခုသို့တစ်စုံတစ်ဦးကရေးသားကုဒ်ရရှိရန်အကောင်းဆုံးနည်းလမ်းဖြစ်ပါတယ်။
အများအပြားက HTML coder တွေအကြောင်းကိုမသိရပါဘူးသို့မဟုတ်အသုံးမပြုတဲ့အင်္ဂါရပ်က HTML ကုဒ်ပြိုကျနိုင်စွမ်းဖြစ်ပါတယ်။ ဤသည်စာရွက်စာတမ်းမှအ tags များကိုဖယ်ရှား, ဒါပေမဲ့သူတို့သင်တို့အပေါ်မှာအလုပ်လုပ်နေသောအရာကိုမှစိတ်အာရုံထွေပြားမစပ်ဆိုင်ကြောင်းကိုဒါရုံမြင်ကွင်းကနေသူတို့ကိုဖယ်ရှားပစ်မထားဘူး။ သင့်ရဲ့ကုဒ်ပြိုကျရန်:
- သငျသညျဖုံးကွယ်ချင် code တွေရဲ့အပိုင်းကိုရွေးချယ်ပါ
- Edit menu ကိုမှာ "Code ကိုခေါက်သိမ်းရန်" sub-menu ကိုမှ "ကိုခေါက်သိမ်းရွေးချယ်ရေး" ကိုရွေးချယ်ပါ
တစ်ခုကပိုမိုလွယ်ကူလမ်း code ကို select လုပ်ပါ, အဲဒီနောက်မြောင်း၌ပေါ်သော code ကိုပြိုကျ icon များပေါ်တွင်နှိပ်ပါရန်ဖြစ်ပါသည်။ သင်တို့သည်လည်းတတ်နိုင်သမျှ Right Click နှိပ်ပြီးရွေးချယ်ထားသောကုဒ်အပေါ်နှင့် "ကိုခေါက်သိမ်းရွေးချယ်ရေး" ကိုရွေးချယ်ပါ။
သငျသညျမီးမောင်းထိုးပြတာဖြစ်ပါတယ်ဘယ်အရာကိုမှတစ်ပါးအရာအားလုံးဖုံးကွယ်လိုလျှင်အထက်ပါနည်းလမ်းများမဆိုတွင် "ရွေးချယ်ရေးအပြင်ဘက်မှာခေါက်သိမ်း" ကိုရွေးချယ်ပါ။
ပြိုကျကုဒ်ချဲ့ထွင်ရန်, ရိုးရှင်းစွာပေါ်မှာနှစ်ချက်နှိပ်ပါ။ ဒါဟာ code ကိုဖွင့်ဖွင့်လှစ်ခြင်းနှင့်ကရွေးချယ်သည်။ ထိုအခါသင်သည်ထိုရွေးချယ်ရေးရွှေ့ဒါမှမဟုတ် delete သို့မဟုတ်ပတ်လည်နောက်ထပ် tags များထည့်သွင်းနိုင်ပါတယ်။
သင်ကပြိုကျသုံးပါနှင့်သင်ပြင်ပ template ကိုတည်းဖြတ်ရန်မလိုချင်ကြဘူးဘယ်မှာစာမျက်နှာများပေါ်တွင်အင်္ဂါရပ်အားလုံးအချိန်ကိုချဲ့ထွင်နိုင်ပါ။ သင်ရုံသင်တည်းဖြတ်နှင့်ပြင်ပပြိုကျချင်သောအကြောင်းအရာများကိုဧရိယာကိုရွေးပါ။ သို့ပြုလျှင်သင်၏ HTML ကိုရေးပါ။ သင်ဆဲဒီဇိုင်းအမြင်ရှိအစာမကျြနှာရှုမြင်သို့မဟုတ်တစ်ဘရောက်ဇာထဲမှာ preview နိုင်ပါတယ်။ အဆိုပါပြိုကျကုဒ်ရိုးရိုးအမြင်ကနေဝှက်ထားစာရွက်စာတမ်းမှဖယ်ရှားမပေးပါ။ သငျသညျပစ္စည်းများကိုတစ်စီးရီးအလုပ်လုပ်နေသည့်အခါလည်းသင်ကသုံးနိုင်သည်။ သင်တဦးတည်းကိုလက်စသတ်တော့သောအခါ, ပြိုကျ။ သငျသညျအဘယ်သူမျှမကုဒ်ပြလည်းမရှိတဲ့အခါသင်ပြုသောအမှုဖွင့်ကိုငါသိ၏။