100 ကျော်အမျိုးမျိုး Dreamweaver သိကောင်းစရာများနှင့်နည်းပညာ
Adobe က Dreamweaver သင်ကလုပျနိုငျဤမျှလောက်များစွာသောအမှုအရာရှိပါတယ်ကွောငျ့, Web ကိုဒီဇိုင်နာများများအတွက်ထိုကဲ့သို့သောအစွမ်းထက်ကိရိယာတခုဖြစ်တယ်။ ဟုတ်ပါတယ်, သငျသညျလုပျနိုငျသူအပေါငျးတို့အမှုအရာကိုသင်ယူဖို့စိန်ခေါ်ပါစေ။ နောက်ဆုံးထွက်ဗားရှင်း, CS5 ပြောင်းလဲမှုများအပါအဝင် Dreamweaver လုပျနိုငျသောအရာများစွာကို, အချို့ထွက်ရှာပါ။ ထိုအကွောငျးအရာတို့ကိုထုတ်စစ်ဆေးဖို့မေ့လျော့ကြဘူး Dreamweaver CS5 ကနေပျောက်ဆုံးနေတဲ့ ။
တစ်ဆိုက်ကို defining
- အသစ်တစ်ခုကို website မှာ Start
- website တစ်ခု Create
- သင်သည်ထိုသူတို့လိုအပ်သည့်အခါ CS5 အတွက်နယူး * သင်လိုအပ်သော site ကိုသာစိတျအပိုငျးကို set up
- CS5 အတွက်နယူး * ဝေးလံခေါင်ဖျားကို set up QA သို့နှင့်ပိုပြီးပြည့်စုံ Workflows များအတွက်ဆာဗာများကိုစမ်းသပ်
- အသစ်က directory များ ဖန်တီး. ထုတ်ဝေရန်
- အဆိုပါ DOCTYPE ပြောင်းနည်း
- သင့်ရဲ့စာမျက်နှာများအတွက် meta data တွေကို Include
သင့်ဆိုက်ကိုတိုက်ရိုက်ချပြီး
- ဝေးလံခေါင်သီ site ကို Define
- web server ကိုရန် FTP ဖိုင်တွေ
- နှင့်ထွက်ဖိုငျစစျဆေးဖို့ဗားရှင်းထိန်းချုပ်မှုစနစ်အားအသုံးပြုပါ
- CS5 အတွက်နယူး * ပိုမိုအဆင့်မြင့်သောဗားရှင်းကိုထိန်းချုပ်ဘို့အဖျက်သမားများနှင့်အတူချိတ်ဆက်ပါ
- သင့်ရဲ့အသင်းဖော်များအတွက်မှတ်စု Leave
Web ကိုစာမျက်နှာများ Creating
- WYSIWYG mode မှာစာမျက်နှာတစ်ခုရေးရန်
- HTML မှာစာမျက်နှာတစ်ခုရေးရန်
- တစ်ဦး template ကိုကနေအသစ်တခုစာမျက်နှာကိုဖန်တီး
- ခြစ်ရာကနေအသစ်တခုစာမျက်နှာကိုဖန်တီး
- တစ်ဦး template ကိုဖန်တီးပါ
- သင့်ရဲ့ site ကို directory ကိုဖိုင်များကို Save
- စာမကျြနှာဂုဏ်သတ္တိများသတ်မှတ်
CSS ကို
- CSS ကိုစတိုင်စာရွက်များကိုသုံးပါ
- inline စတိုင်များထည့်သွင်းခြင်း
- အနေနဲ့ external style sheet Create
- အနေနဲ့ external style sheet ပူးတွဲ
- လူတန်းစား, ID ကို, tag ကိုများနှင့်ဒြပ်ပေါင်းများ CSS ကို selector တွေကို Create
- တည်ဆဲ CSS ကိုစည်းမျဉ်းစည်းကမ်းတွေကိုပြင်ရန်
- print ထုတ်လို့ရတဲ့စာမျက်နှာများတွင်များအတွက် CSS ကို Create
- CS5 အတွက်နယူး * စတိုင်ဂုဏ်သတ္တိများ Enable နှင့် disable
- CSS ကိုသေတ္တာမော်ဒယ် CS5 အတွက်နယူး * အမြင်အာရုံစစ်ဆေးခြင်း
စာသားမ
- စာသားကိုပြုပြင်မွမ်းမံ
- ကွဲပြားခြားနားသောဖောင့်ကိုသုံးပါ
- မှာ line break တစ်ခုထည့်ပါ
- အထူးအက္ခရာများကိုသုံးပါ
- ယနေ့နေ့စွဲ Include
- မှတ်ချက်ရေးသား
- စာသားအဖို့က HTML tags များ Apply
- tags များမှ HTML ကို attribute တွေ Add
links
- Link ကိုစာသားနဲ့ပုံရိပ်တွေကို
- site ကိုလင့်များ Check
- ကို default link ကိုအရောင်များ (link ကိုသွားရောက်ခဲ့ပြီး, ပျံဝဲ, တက်ကြွ) ကိုပြောင်း
- လင့်များအပေါ် tool ကိုအကြံပေးချက်များ Create
- Mailto လင့်များ Create
- ဝဘ်စာမျက်နှာကျောက်ဆူး Create
ပုံရိပ်တွေ
- စာမျက်နှာမှဂရပ်ဖစ် Add
- Edit ကိုပုံရိပ်များ
- ပုံရိပ်တွေအရွယ်အစားပြောင်းပါ
- ပုံရိပ်တွေမှ alt + စာသားထည့်
- ပုံရိပ်တွေမှနောက်ထပ်အသုံးပြုနိုင်စွမ်းရွေးချယ်စရာ Add
- ပုံရိပ်တွေနှင့်စာသား align
- တစ်စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုဖန်တီးပါ
- image ကိုမြေပုံများအားသုံးပါ
- tracing ပုံရိပ်တွေကိုသုံးပါ
- image ကိုနေရာသတ်မှတ်ချက်များကိုသုံးပါ
- Insert မီးပန်းက HTML
- Insert ကို Photoshop file တွေကို
စီမန်ကိန်း
- CS5 အတွက်နယူး CSS ကို starter အပြင်အဆင် * အပါဝင်သည်အခမဲ့ tempates ကိုသုံးပါ
- အပြင်အဆင်များအတွက် divs ထည့်ပါ
- အဆိုပါ CSS ကိုစတိုင်များ panel ကိုအတွက် divs ပြင်ရန်
- လုံးဝ positioned element တွေထည့်ပါ
- အိမ်ခြံမြေစစ်ဆေးရေးအတွက် format လုံးဝ positioned element တွေကို
- မင်းအရာရှိ, Grid နှင့်လမ်းညွှန်များကိုသုံးပါ
lists
- bulleted နှင့်ရေတွက်စာရင်း Add
- စာရင်းကျည်ဆံများနှင့်နံပါတ်များကို Customize
ဇယား
- စားပွဲတစ်ခု Create
- header ကိုအတန်းနှင့်ကော်လံ Add
- သုံးပါ ပွင့်လင်းပုံရိပ်တွေ ကိုဖွင့်စားပွဲဆဲလ်ကျင်းပရန်
- ပုံသေ width နဲ့ပြောင်းလွယ်ပြင်လွယ် width ကိုကော်လံ Create
- စားပွဲ၏နယ်စပ်စတိုင်များကိုပြောင်း
- စားပွဲတစ်ခုအတွင်းမှာစားပွဲတစ်ခုတွေကို embed
- သွင်းကုန် tabular data တွေအတွက်
ပုံစံများ
- တစ်ဦး Mailto ပုံစံကိုသုံးပါ
- ပုံစံလုပ်ရပ်များသတ်မှတ်
- စာသား, ရေဒီယို, checkbox ကို, ဖိုင်, ပုံရိပ်, select လုပ်ပါသေတ္တာများနှင့်က hidden ပုံစံလယ်ကွင်း Add
- fieldset နှင့်တံဆိပ်လယ်ကွင်းနှင့်သင်၏ပုံစံများကိုလက်လှမ်း Make
- ထုံးစံ Create ခလုတ်တင်သွင်း
- JavaScript ကို (Spry) နဲ့ပုံစံများကိုအတည်ပြုပြီး
ဒေတာဘေ့စနဲ့ PHP Scripting
- ဒေတာဘေ့စရန်သင့် site ကို Attach
- ကို set up တစ်ဦးက PHP / MySQL site ကို
- အဆိုပါဒေတာဘေ့စချိတ်ဆက်ရန် Spry ဒြပ်စင်ကိုသုံးပါ
- သင့်ရဲ့စာမကျြနှာသို့ data တွေကိုတ္ထုကိုထည့်သွင်းပါ
- တစ်ဦး Spry ဒေတာအရင်းအမြစ်သို့မဟုတ် display ကိုစမ်းသပ်ခြင်းနဲ့ကို update
- ဒီဇိုင်းအမြင်ရှုပ်ထွေးတဲ့ပြောင်းလဲနေသောက်ဘ်ဆိုက်များပြင်ရန်
- CS5 အတွက်နယူး * PHP ကို CMS သို့ဆိုဒ်များ (WordPress ကို, Joomla နှင့်ဒရူးပယ်လ်) စုဝေးဖို့အားလုံးသည် dynamically ဆက်စပ်ဖိုင်တွေရှာဖွေတွေ့ရှိ
- အဆိုပါ Zend framework ကိုနဲ့တူ Third-party မူဘောင်အပါအဝင် PHP ကိုကုဒ်များအတွက်စိတ်တိုင်းကျလူတန်းစားအရိပ်အမြွက်, * CS5 အတွက်နယူး
frames
- တစ်ဦး frame က်ဘ်ဆိုက် Build
- noframes အကြောင်းအရာပြင်ရန်
- သင့်ရဲ့ဘောင် format နဲ့စတိုင်
- က default ကို set up link ကိုပစ်မှတ် ဘောင်များအကြား
interactive Add
- ဓာတ်ပုံအယ်လ်ဘမ်ကို Build (အဘယ်သူမျှမရှည် CS5 အတွက်)
- web စာမျက်နှာများမှအသံက Add
- drop-down menu ကို Create
- အသုံးပြုမှု Dreamweaver အပြုအမူတွေ, Pop-up windows မဖွင့်ခုန် menus တွေဖန်တီး, အသံကစားရန်, လဲလှယ်ရေးအစီအစဉ်ပုံများ, နှင့်ပိုပြီး
- site တစ်ခုမှ RSS feeds Add
- တစ်စာမျက်နှာပေါ်တွင်မြှားရွှေ့အဖြစ် Flash ကိုစာသားမထည့်ပါ
- တစ်စာမျက်နှာပေါ်တွင်မြှားရွှေ့အဖြစ် CSS ကိုစာသားမထည့်ပါ
- အခြားသော plugins ထည့်ပါ
- Spry menu bar ထဲက, တဲဘ်တပ်ထားပြား, အကော်ဒီယန်, tool ကိုအစွန်အဖျားနှင့်ခေါက် panel ကို Add
- JavaScript ကိုသိရန်မလိုဘဲ, သင့်ရဲ့ site အသစ် Widgets တွေရှာတွေ့ဖို့ Widget လေး Browser ကိုသုံးပါ
သင့်ရဲ့စာမျက်နှာများစမ်းသပ်ရန်
- CS5 အတွက်နယူး * JavaScript နဲ့အပြန်အလှန်ဆက်သွယ်မှုကြောင့်ပြောင်းလဲမှုများကြည့်ဖို့တိုက်ရိုက်ကြည့်ရန်၌သင်တို့၏စာမျက်နှာများတွင်စမ်းသပ်
- သင့်ရဲ့ HTML ကိုမှန်ကန်ကြောင်းသက်သေပြ
- အတော်ကြာ browser များအတွက်သင့်ရဲ့စာမျက်နှာများကို preview
- အခြား operating system ထဲမှာသင့်ရဲ့စာမျက်နှာများကို preview မှအသုံးပြုမှု BrowserLab * CS5 အတွက်နယူး
- စာမျက်နှာများကိုမိုဘိုင်းကိရိယာများပေါ်တွင်ကြည့်ရှုပုံကိုစစျဆေးဖို့ Device ကိုဗဟိုကိုသုံးပါ
- check browser ကိုလိုက်ဖက်မှု
- သင့်ရဲ့ site ကိုအတူလုပ်ကိုင်ဖို့လိုအပ်ပါတယ်သောအရာကိုကိုက်ညီဖို့ setting များကိုပြောင်းလဲပါ
- ပြည်တွင်းရေး site ကိုလင့်များ Check
- (အဘယ်သူမျှမရှည် CS5 အတွက်) သင့် site ရဲ့အသုံးပြုနိုင်စွမ်းကိုစမ်းသပ်
- တစ်ဦးနှုတ်ကပတ်တော်ကိုစာရွက်စာတမ်း HTML ကိုပြောင်း
Dreamweaver Customize
- extensions တွေကို Add
- extensions တွေကို disable
- shortcuts တွေကိုနှင့်အတူ Dreamweaver Customize
သင့်စွမ်းရည်ကိုတိုးမြှင့်
- built-in keyboard shortcuts တွေကိုအသုံးပြုပါ
- ကုဒ်အတိုအထွာကိုသုံးပါ
- တင်းပလိတ်များ Create အသုံးပြု
- ထုံးစံတင်းပလိတ်များထံမှအသစ်သောစာမျက်နှာများကို Generate
- Update ကိုတင်းပလိတ်များ
- အဆိုပါ Dreamweaver စာကြည့်တိုက်နှင့်အတူအခြားတဖိုင်ကို Include
- စာကြည့်တိုက်ပစ္စည်းကိုအပ်ဒိတ်လုပ်
- အခြားသုံးပြီး SSI တဖိုင်ကို Include
- ရှာဖွေရန်နှင့်အစားထိုးရန်ကိုသုံးပါ