ဘယ်လို Dreamweaver အတွက်ကြည့်ရန်အတွက်ရွှေ့ Image ကိုဖန်တီး

တစ်ဦးကစာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်ကိုသင်သို့မဟုတ်သင့်ရဲ့ဖောက်သည်ကကျော်မောက်မိတ်ဆက်လာသောအခါအချို့သောအခြားပုံရိပ်မှပြောင်းလဲသောပုံတစ်ပုံဖြစ်ပါတယ်။ ဤရွေ့ကားလေ့ထိုကဲ့သို့သောခလုတ်သို့မဟုတ် tabs များအဖြစ်အပြန်အလှန်ခံစားမှုကိုဖန်တီးရန်အသုံးပြုကြသည်။ ဒါပေမယ့်သင်ရုံအကြောင်းကိုဘာမှထဲကစာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်များကိုဖန်တီးနိုင်ပါတယ်။

ဒီသင်ခန်းစာသင်တို့တွင်စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုဖန်တီးဖို့ဒီဇိုင်းပြုလုပ် Dreamweaver ။ ဒါဟာ Dreamweaver ၏အောက်ပါဗားရှင်းသုံးပြီးလူတွေကိုအသုံးပြုရန်ရည်ရွယ်:

• Dreamweaver MX
• Dreamweaver MX 2004
• Dreamweaver 8
• Dreamweaver CS3
• Dreamweaver CS4
• Dreamweaver CS5
• Dreamweaver CS6

ဒီသင်ခန်းစာအတွက်လိုအပ်ချက်များကို

• Dreamweaver
  အထက်တွင်ဖော်ပြထားသောဗားရှင်းတစ်ခုမှာ။
• တစ်ခုကမူရင်းပုံရိပ်
  ဒီပုံကိုပိုကောင်းအောင်သေချာအောင်လုပ်ပါ။ ဒါဟာသင့်ရဲ့စာမကျြနှာကိုပိုမိုလျင်မြန်စွာ load ကူညီပေးပါမည်။
• အဆိုပါစာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်
  ဤပုံသည်မူလပုံရိပ်ကဲ့သို့တူညီသောရှုထောင့်ဖြစ်သင့်သည်။ နှင့်အညီ, မူရင်းပုံရိပ်ကဲ့သို့စာမျက်နှာဝန်ကြိမ်ကိုကူညီ optimized ရပါမည်။
• တစ်ဦးကဝဘ်စာမျက်နှာ
  ဒါဟာသင့်ရဲ့စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုထည့်သွင်းပါလိမ့်မယ်ရှိရာက HTML စာမျက်နှာဖြစ်ပါသည်။

06 ၏ 01

Started Get

1. Dreamweaver Start
2. သင်သည်သင်၏စာမျက်နှာပေါ်တွင်မြှားရွှေ့ချင်ရှိရာဝဘ်စာမျက်နှာကိုဖွင့်

06 ၏ 02

တစ်ဦးကြည့်ရန်အတွက်ရွှေ့ပုံရိပ် Image ကို Object ကိုထည့်ပါ

Dreamweaver တစ်စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုဖန်တီးရန်လွယ်ကူစေသည်။

1. အဆိုပါ Insert menu ကိုသွားပြီးမှ "Image ကို္တု" sub-menu ကိုမှဆင်း။
2. "Image ကိုစာမျက်နှာပေါ်တွင်မြှားရွှေ့" သို့မဟုတ် "ကြည့်ရန်အတွက်ရွှေ့ပုံရိပ်" ကိုရွေးချယ်ပါ

Dreamweaver ၏အချို့ဗားရှင်းအဟောင်းအစား "Interactive မှပုံများ" ဟုအဆိုပါပုံရိပ်္တုကိုခေါ်ပါ။

06 ၏ 03

Dreamweaver ကိုပြောပြပါအဘယျသို့ Images ကိုအသုံးပြုနည်း

Dreamweaver သင်သည်သင်၏စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုဖန်တီးရန်အတွက်ဖြည့်စွက်ရန်လိုအပ်လယ်ကွင်းနဲ့ပေးတဲ့ dialog box ကိုဝင်လာသည်။

image ကိုအမည်

ဤစာမျက်နှာကိုထူးခြားသောကြောင်းပုံရိပ်တစ်ခုအမည်အားရွေးချယ်ပါ။ ဒါဟာအလုံးစုံတို့သည်တခုတည်းသောစကားလုံးဖြစ်သင့်ပေမယ့်သငျသညျနံပါတ်များ, underscores (_) နှင့်ကို hyphens ကိုသုံးနိုင်သည် (-) ။ ဤသည်ကိုပြောင်းလဲ image ကိုသိရှိနိုင်ဖို့အသုံးပြုလိမ့်မည်။

မူရင်းပုံရိပ်

ဒီအစာမကျြနှာပျေါမှာထွက်စတင်မည်သောပုံရိပ်၏ URL သို့မဟုတ်တည်နေရာဖြစ်ပါတယ်။ သငျသညျကိုသုံးနိုင်သည် ဆွေမျိုးသို့မဟုတ်အကြွင်းမဲ့အာဏာလမ်းကြောင်းကို URLs များကို ဤမြေကွက်၌။ ဤသည်သင်၏ဝဘ်ဆာဗာပေါ်တွင်သို့မဟုတ်သင်စာမျက်နှာနှင့်အတူ upload တင်ပါလိမ့်မယ်စေသည်ရှိကွောငျးပုံရိပ်တစ်ခုဖြစ်သင့်တယ်။

စာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်

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

ကြိုတင်ထည့်သွင်းထားကြည့်ရန်အတွက်ရွှေ့ပုံရိပ်

ကစာမျက်နှာပေါ်တွင်မြှားရွှေ့ပိုမိုလျင်မြန်စွာပေါ်လာကူညီပေးသည်ဘာဖြစ်လို့လဲဆိုတော့ဒီ option က default အနေဖြင့်ရွေးချယ်ထားသည့်ဖြစ်ပါတယ်။ ယင်းစာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုကြိုတင်တင်ထားရန်ရွေးချယ်ခြင်းအသုံးပြုပုံက်ဘ်ဘရောက်ဇာကိုကျော်မောက်လိပ်သည်အထိတစ်ဦး cache ထဲတွင်ကသိမ်းဆည်းထားမည်ဖြစ်သည်။

alternate စာသား

ကောင်းသောအခြားစာသားကို သင့်ရဲ့ပုံရိပ်တွေကိုပိုမိုသုံးစွဲနိုင်စေသည်။ မည်သည့်ရုပ်ပုံများကိုထည့်သွင်းတဲ့အခါမှာသင်အမြဲအခြားစာသားတချို့အမျိုးအစားကိုအသုံးပြုသင့်ပါတယ်။

နှိပ်လိုက်တဲ့အခါ, URL ကိုရန် Go

သူတို့တစ်တွေစာမျက်နှာပေါ်တွင်တဦးတည်းကိုမြင်သောအခါလူအများစုသည်ပုံတစ်ပုံကို click ပါလိမ့်မယ်။ ဒါကြောင့်သူတို့ကိုသင်နှိပ်အောင်၏အလေ့အထအတွက်ဖြစ်သင့်ပါတယ်။ ဒီ option ကသင်သူတို့ပုံရိပ်ကိုအပေါ်ကိုကလစ်နှိပ်ပါသောအခါအဖို့ကြည့်ရှုသူယူစာမျက်နှာသို့မဟုတ် URL ကိုသတ်မှတ်ခွင့်ပြုပါတယ်။ ဒါပေမဲ့ဒီ option ကိုတစ်စာမျက်နှာပေါ်တွင်မြှားရွှေ့ကိုဖန်တီးရန်မလိုအပ်ပါ။

သင်တို့ရှိသမျှသည်လယ်ကွင်းပြီးစီးခဲ့ပါတယ်အခါ, Dreamweaver သင့်ရဲ့စာမျက်နှာပေါ်တွင်မြှားရွှေ့ image ကိုဖန်တီးရှိသည်ဖို့ OK ကိုကလစ်နှိပ်ပါ။

နောက်စာမျက်နှာတွင် Dreamweaver ရေးသားခဲ့သည်သော script ကိုပြသသည်။

06 ၏ 04

Dreamweaver ကိုသင်များအတွက် JavaScript ကိုစာရေး

သငျသညျကုဒ်-အမြင်အတွက်စာမျက်နှာဖွင့်ဖွင့်ဆိုပါကသင်က Dreamweaver သင့်ရဲ့ HTML document ရဲ့ အတွက် JavaScript ကိုတစ်ပိတ်ပင်တားဆီးမှုည့သိမြင်ပါလိမ့်မယ်။ ဤသည်ပိတ်ပင်တားဆီးမှုသင်အဘို့ရွေးချယ်လျှင်ရုပ်ပုံများကိုသူတို့အပေါ်မှာမောက်လိပ်နှင့်ကြိုတင်ထည့်သွင်းထား function ကိုရသောအခါဖလှယ်ရှိသည်ဖို့လိုအပ်ပါတယ် 3 လုပ်ဆောင်ချက်များကိုပါဝင်သည်။

function ကို MM_swapImgRestore ()
function ကို MM_findObj (ဎ, ဃ)
function ကို MM_swapImage ()
function ကို MM_preloadImages ()

06 ၏ 05

Dreamweaver အဆိုပါကြည့်ရန်အတွက်ရွှေ့များအတွက် HTML ကိုထည့်ပေးသည်

သငျသညျ Dreamweaver အဆိုပါစာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်များကိုကြိုတင်ထားရှိသည်ဖို့ရှေးခယျြခဲ့လျှင်, သင်သည်သင်၏ပုံရိပ်တွေကိုပိုမိုလျင်မြန်စွာ load နိုင်အောင်ကြိုတင်ထည့်သွင်းထား script ကိုခေါ်ပါရန်သင့် document ရဲ့ခန္ဓာကိုယ်ထဲမှာ HTML code တွေဟာမြင်လိမ့်မည်။

onload = "MM_preloadImages ( 'shasta2.jpg')"

Dreamweaver လည်းသင့်ရဲ့ image ကိုအားလုံးကိုကုဒ်ဖြည့်စွက်ခြင်းနှင့် (သင်တစ်ဦး URL ကိုထည့်သွင်းလျှင်) ကချိတ်ဆက်ထားပါတယ်။ အဆိုပါစာမျက်နှာပေါ်တွင်မြှားရွှေ့သောအဘို့ကို onmouseover အဖြစ်နှင့် attribute တွေ onmouseout အဆိုပါကျောက်ဆူး tag ကိုထည့်သွင်းထားသည်။

onmouseout = "MM_swapImgRestore ()"
onmouseover = "MM_swapImage ( 'Image1', '', 'shasta1.jpg' ', 1)"

06 ၏ 06

အဆိုပါကြည့်ရန်အတွက်ရွှေ့အထဲကစမ်းသပ်

အဆိုပါအပြည့်အဝအလုပ်လုပ်တဲ့စာမျက်နှာပေါ်တွင်မြှားရွှေ့ပုံရိပ်ကိုမြင် Shasta'`s စိတ်ထဲပေါ်ရာလေ့လာပါ။