နောက်ခံဗီဒီယို Create စေရန်မည်သို့၏အပိုင်း 3

05 ၏ 01

Adobe ကမူဆယ်ရန်ဗီဒီယိုပေါင်းထည့်ခြင်း

နောက်ခံတွင်ဗီဒီယိုမူဆယ်အတွက်အခမဲ့ widget ကကျေးဇူးတင်ထည့်သွင်းဖို့လွယ်ကူပါတယ်။

Adobe ကမူဆယ်၏တကယ်စိတ်ဝင်စားဖို့ရှုထောင့်ကစာပမြေားကိုထုတ် တင်. ရန်အသုံးပြုမှအလားတူလုပ်ငန်းအသွားအလာသုံးပြီး web စာမျက်နှာများဖန်တီးဖို့အတွက်သင့်ကိုခွင့်ပြုသောကွောငျ့ဖွစျသညျ။ သငျသညျ site တစ်ခုသို့မဟုတ်စာမျက်နှာတည်ဆောက်ဒါပေမယ့် HTML5 ကို, CSS နဲ့ JavaScript ကိုအတူကျွမ်းကိုထိခိုက်မည်မဟုတ်သောကုဒ်၏နက်ရှိုင်းတဲ့နားလည်မှုမလိုအပ်ပါဘူး။

အစဉ်အလာကို web ဗီဒီယိုကိုပုံမှန်အားဖြင့် HTML5 ကိုဗီဒီယို API ကိုအသုံးပြုခြင်းမှတဆင့်ထည့်သွင်းသော်လည်း, Adobe ကမူဆယ်က "Widgets တွေ" ခေါ်ဆိုသောအရာကိုတဆင့်အတူတူပါပဲစုံ။ widgets သတ်သတ်မှတ်မှတ်လုပ်ငန်းများကိုများအတွက်လိုအပ်သော HTML ကို 5 ဖန်တီးပေမယ့်စာမျက်နှာကိုပုံနှိပ်ထုတ်ဝေသောအခါ code ကိုရေးဖို့မူဆယ်တစ်လွင်ပြင်-ဘာသာစကား interface ကိုအသုံးပြုပါ။

ဒီလေ့ကျင့်ခန်းအတွက်, ငါတို့သည်သင်တို့မူဆယ်အရင်းအမြစ်ကနေအခမဲ့အဘို့, ဒေါင်းလုဒ်ဆွဲနိုင်ပါသည်ရာဝစ်ဂျက်ကိုသုံးပါသွားနေကြသည်။ အခါ widget က downloads,, သင်လုပ်ဖို့လိုအပ်တယ်အပေါငျးတို့သ .zip file ကိုဖွင့်လှစ်ခြင်းနှင့်ပြည့်ဖန်သားပြင်ဗီဒီယိုဖိုင်တွဲထဲမှာ .mulib file ကို double-click ဖို့ဖြစ်ပါတယ်။ ဤသည်ကို Adobe မူဆယ်သင့်ရဲ့မိတ္တူထဲသို့ install လုပ်ပါလိမ့်မယ်။

05 ၏ 02

ဘယ်လို Adobe ကမူဆယ် CC ကိုအတွက်နောက်ခံဗီဒီယိုသည်တစ်ဦးကစာမျက်နှာကိုပြင်ဖို့အတွက်

ကျနော်တို့ aa အသစ်သော site ကိုဖန်တီးစာမျက်နှာအတိုင်းအတာ setting ခြင်းဖြင့်စတင်ပါ။

အဆိုပါ widget က installed နှင့်အတူ, သငျသညျယခုဗီဒီယိုကိုသုံးပါလိမ့်မည်စာမကျြနှာကိုဖနျတီးနိုငျသညျ။

သငျသညျစတင်ခင်မှာ, သင့်မူဆယ် site ကိုတစ်ဖိုင်တွဲဖန်တီးပါ။ အဲဒီဖိုင်တွဲထဲမှာအတွင်းပိုင်းအခြားဖိုလ်ဒါကိုဖန်တီး - ငါ "မီဒီယာ" ကိုသုံးပါ - နှင့်ဖိုင်တွဲသို့ဗီဒီယိုသင့်ရဲ့ mp4, နှင့် webm ဗားရှင်းရွှေ့။

သငျသညျမူဆယ်ကို select လုပ်ပါ File> New ကိုဆိုက်ကိုဖွင့်သည့်အခါ။ အဆိုပါ Layout ပေးတဲ့ dialog box ကိုကနဦး Layout အဖြစ် Desktop ကို select လုပ်ပါနှင့် 1200 နှင့် 900 ဖို့စာမျက်နှာအကျယ်နှင့်စာမျက်နှာအမြင့်တန်ဖိုးများကိုပြောင်းလဲဖွင့်လှစ်တဲ့အခါမှာ။ OK ကိုကလစ်နှိပ်ပါ။

နှစ်ချက်မာစတာစာမျက်နှာဖွင့်ဖို့အစီအစဉ်အမြင်အတွက်မာစတာစာမျက်နှာကိုကလစ်နှိပ်ပါ။ သခင် 's Page အတွက် Header ကိုရွှေ့ဖွင့်လှစ်ခြင်းနှင့် Footer ထိပ်နှင့်စာမျက်နှာ၏အောက်ဆုံးမှလမ်းညွှန်အခါ။ သင်အမှန်တကယ်ဒီဥပမာတစ်ခု Header ကိုနှင့် Footer မလိုအပ်ပါဘူး။

05 ၏ 03

Adobe ကမူဆယ် CC ကိုအတွက်ဖန်သားပြည့်နောက်ခံဗီဒီယို Widget ကိုသုံးပါရန်ကိုဘယ်လို

သင်ပြုရန်လိုအပ်ပါတယ်အားလုံးဗီဒီယိုအမည်များကို add နှင့်ဝစ်ဂျက်ကြွင်းသောအရာကိုင်တွယ်ကြကုန်အံ့ဖြစ်ပါတယ်။

အဆိုပါဝစ်ဂျက်ကိုသုံးပြီးအသေကောင်ရိုးရှင်းပါသည်။ သင်ပြုရန်လိုအပ်ပါတယ်ပထမဦးဆုံးအရာကြည့်ရန်> အစီအစဉ် Mode ကိုရွေးချယ်ခြင်းအားဖြင့် Plan ကိုကြည့်ရန်ဖို့အတွက်ပြန်သွားဖို့ဖြစ်ပါတယ်။ အဆိုပါအစီအစဉ်ကြည့်ရန်နှစ်ဆဖွင့်လှစ်တဲ့အခါမှာသူကဖွင့်ဖို့ပင်မစာမျက်နှာကိုကလစ်နှိပ်ပါ။

အဆိုပါစာကြည့်တိုက် panel ကိုဖွင့်ပါ - က Interface ကို select လုပ်ပါ Window> စာကြည့်တိုက်၏ညာဘက်အခြမ်းအပေါ်မဖွင့်လျှင် - နှင့် [MR] မျက်နှာပြင်အပြည့်နောက်ခံဗီဒီယိုဖိုင်တွဲကိုချ twirl ။ စာမကျြနှာမှဖိုင်တွဲရန်အဝစ်ဂျက်ကိုဆွဲယူပါ။

သင့်အနေ Options ကိုဗီဒီယိုများ၏ mp4, နှင့် webm ဗားရှင်းများ၏အမည်များထည့်သွင်းရန်သင့်အားမေးပါသတိထားမိပါလိမ့်မယ်။ သူတို့သင်သည်ထိုသူတို့ထားရှိရှိရာ folder ထဲမှာစာလုံးပေါင်းနေကြသည်အတိအကျအတိုင်းအမည်များကိုရိုက်ထည့်ပါ။ သင်တစ်ဦးအမှားလုပ်ဘူးသေချာစေရန်တစ်ခုမှာနည်းနည်းလှည့်ကွက်သည့် mp4, ဗီဒီယိုက၏နာမကိုကော်ပီကူးခြင်းနှင့်အရာက Options menu ရဲ့ MP4 ကိုနှင့် WEBM ဒေသများသို့ paste ရန်ဖြစ်ပါသည်။

တဦးတည်းကိုအခြားလှည့်ကွက်: အားလုံးဒီ widget ကမသင်တို့အဘို့က HTML 5 code များကိုရေးသားဖို့ဖြစ်ပါတယ်။ သင်ဝစ်ဂျက်အတွက် <> တွေ့မြင်ကြောင့်သင်ဤပြောပြနိုင်ပါတယ်။ ဤကိစ္စတွင်ခုနှစ်, သင် pasteboard မှပေါ်ဝဘ်စာမျက်နှာကိုချွတ်ပယ် widget ကနေရာနိုင်ပြီးနေဆဲအလုပ်လုပ်ပါလိမ့်မယ်။ ဒီနည်းလမ်းကသင်စာမျက်နှာပေါ်တွင်နေရာချပါလိမ့်မယ်ဆိုအကြောင်းအရာများနှင့်အတူဝင်ရောက်စွက်ဖက်မထားဘူး။

05 ၏ 04

ဗီဒီယို Add နှင့် Adobe ကမူဆယ် CC ကိုခုနှစ်တွင်တစ်ဦးက 's Page စမ်းသပ်ဖို့ကိုဘယ်လို

သငျသညျထို site သို့မဟုတ်စာမျက်နှာကိုစမ်းသပ်သည့်အခါ Ther ကဗီဒီယိုပါဝင်သည်။

သင်ဗီဒီယိုများ play လိမ့်မည်ဟု code ကိုထည့်သွင်းခဲ့ကြသော်လည်း, မူဆယ်နေဆဲသူတို့အားဗီဒီယိုများတည်ရှိသည်ဘယ်မှာသဲလွန်စမရှိပါ။ ဒီကို select လုပ်ပါဖိုင်မှတ်တမ်းကို fix မှ> လွှတ်တင်ခြင်းသည်ဖိုင်များထည့်ပါ။ အပ်လုဒ်ပေးတဲ့ dialog box ကို, သင့်ဗီဒီယိုများ်ဖိုင်တွဲဖို့ navigate သူတို့ကိုရွေးပြီး Open ကိုကလစ်နှိပ်ပါဖွင့်လှစ်တဲ့အခါမှာ။ သူတို့အပ်လုဒ်လုပ်ထားပြီသေချာဖို့, ပိုင်ဆိုင်မှုများ panel ကိုဖွင့်လှစ်ခြင်းနှင့်သင်သည်သင်၏နှစ်ခုဗီဒီယိုများကြည့်ရှုသင့်ပါတယ်။ ရုံ panel ကိုမှာသူတို့ကိုစွန့်ခွာ။ သူတို့ကစာမကျြနှာပျေါတှငျထားရှိခံရဖို့မလိုအပ်ပါဘူး။

ဒီတစ်ခုတည်းစာမျက်နှာကြောင့်, Browser ကိုခုနှစ်တွင် File> Preview ကိုဆိုက်ကို Browser ကိုခုနှစ်တွင်စီမံကိန်းကို select လုပ်ပါ File> Preview ကို 's Page စမ်းသပ်ရန်သို့မဟုတ်ရန်။ သင့်ရဲ့ default အဘရောက်ဇာကိုဖွင့်လှစ်ခြင်းနှင့်ဗီဒီယိုပါလိမ့်မယ် - ငါ့အမှု၌အပူပိုင်းမိုးသက်မုန်တိုင်း - ကစားခြင်းကိုစတင်ပါလိမ့်မယ်။

ဤအချက်မှာ, သင်ကပုံမှန်ဝဘ်စာမျက်နှာအဖြစ်မူဆယ် file ကိုပြုမူဆက်ဆံနိုင်ပြီးပင်မစာမျက်နှာအကြောင်းအရာ add နှင့်ဗီဒီယိုကအောက်မှာဆော့ကစားပါလိမ့်မယ်။

05 ၏ 05

Adobe ကမူဆယ် CC ကိုခုနှစ်တွင်တစ်ဦးကဗီဒီယိုပိုစတာ Frame က Add လုပ်နည်း

အမြဲတမ်းမဆိုဗွီဒီယိုကိုစီမံကိန်းပိုစတာဘောင်ထည့်ပါ။

ဒါကကျနော်တို့ကဒီမှာအကြောင်းပြောနေတာနေကြသည်ဝဘ်သည်နှင့်, ဆက်သွယ်မှုမြန်နှုန်းပေါ်မူတည်ပြီးသင့်ရဲ့ user တစ်ယောက်က page ကိုဖွင့်လှစ်နိုင်ပြီးဗီဒီယိုဝန်နေစဉ်အလွတ်မျက်နှာပြင်မှာစိုက်ကြည့်ခြင်းကိုအကောင်းတစ်ဦးအခွင့်အလမ်းလည်းမရှိ။ ဒါကကောင်းသောအရာမဟုတ်ပါ။ ဤတွင်အန္တရာယ်များ၏ဤနည်းနည်းနှင့်အတူကိုင်တွယ်ရန်မည်သို့မည်ပုံပါပဲ။

ဒါဟာဗီဒီယိုဝန်နေချိန်မှာပေါ်လာပါလိမ့်မည်သည့်ဗီဒီယို, တစ်ပိုစတာဘောင်ထည့်သွင်းရန်တစ်ဦး "အကောင်းဆုံးအလေ့အကျင့်" ဖြစ်ပါတယ်။ ဤသည်များသောအားဖြင့်ကဗီဒီယိုကနေ frame ရဲ့ full-size ကိုမျက်နှာပြင်, shot ဖြစ်ပါတယ်။

Browser ကိုအပေါ်တစ်ချိန်ကပိုစတာ frame ကိုကလစ်နှိပ်ထည့်ရန်စာမျက်နှာ၏ထိပ်မှာဖြည့်ပါ။ အဆိုပါပုံရိပ် link ကိုနှိပ်ပြီးအသုံးပြုရရန်ပုံရိပ်မှ navigate ။ အဆိုပါအဝတ်အစားအစမ်းဝတ်ဧရိယာထဲမှာ, ရာထူးဧရိယာထဲမှာရေးစင်တာပွိုင့်ဖြည့်စွက်ခြင်းနှင့်နှိပ်ပါကို select လုပ်ပါစကေး။ ဒါကပုံရိပ်ကိုအမြဲအခါဘရောက်ဇာရဲ့ viewport အရွယ်အစားအပြောင်းအလဲများကိုပုံရဲ့အလယ်ဗဟိုကနေစကေးလိမ့်မယ်သေချာပါလိမ့်မယ်။ သင်တို့သည်လည်း image ကိုစာမကျြနှာကိုဖြည့်မြင်လိမ့်မည်။

နောက်ထပ်နည်းနည်းလှည့်ကွက်မှာအနည်းဆုံးတစ်ပိုစတာဘောင်ပေါ်လာဖို့ခဏတစ်ယူမယ့်အမှုအတွက် Solid-မဟုတ် white- ဝစွာအရောင်ရှိသည်ဖို့ဖြစ်ပါတယ်။ ဒီလိုလုပ်ဖို့မူဆယ်အရောင်ကောက်ယူသူဖွင့်ဖို့အရောင် chip ကို click လုပ်ပါ။ အဆိုပါ eyedropper tool ကို Select လုပ်ပါနှင့်ပုံရိပ်ကိုအတွက်မြင်သာထင်သာအရောင်ကိုကလစ်နှိပ်ပါ။ ကိုလက်စသတ်သောအခါ, dialog box ကိုဖြည့်သည့် Browser ကိုပိတ်လိုက်ဖို့စာမျက်နှာပေါ်တွင်ကလစ်လုပ်ပါ။

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

ဒီစီးရီး၏နောက်ဆုံးအစိတ်အပိုင်းတစ်ခုဝဘ်စာမျက်နှာရဲ့နောက်ခံအရောင်သို့ဗွီဒီယိုတစ်ခု slides သော HTML5 ကိုကုဒ်ရေးသားဖို့သင်မည်သို့ပြသထားတယ်။