Google Web Designer တွင်နဖူးစည်းစာတန်းတစ်ခုကိုဖန်တီးခြင်း

အဆင့် 1: စတင်ရန်

Google Web Designer သည် 0 က်ဘ်မီဂတ်များအတွက်အခမဲ့ဖြည့်တင်းသောဖွံ့ဖြိုးရေးပတ်ဝန်းကျင်ဖြစ်သည်။ ဤကိရိယာကိုအသုံးပြုရန်ပထမ ဦး ဆုံးအနေဖြင့် installation file ကိုတရားဝင်ဆိုဒ်မှဒေါင်းလုပ်ဆွဲရန်နှင့် install လုပ်ရန်လိုအပ်သည်။

Google Web Designer ကိုတရားဝင် site မှ download လုပ်ပါ

အစီအစဉ်တပ်ဆင်ခြင်း

1. ယခုစာမျက်နှာသို့သွားရန်အထက်တွင်ဖော်ပြထားသော link ကိုနှိပ်ပြီး "Download Web Designer" ခလုတ်ကိုနှိပ်ပါ။ ဤအစီအစဉ်သည် Windows 7 နှင့်နောက်ပိုင်းဗားရှင်းများကိုသာထောက်ပံ့ကြောင်းသတိပြုပါ။



2. Save Pop-up 0 င်းဒိုးမှတစ်ဆင့်သင်၏ကွန်ပျူတာပေါ်တွင်နေရာတစ်ခုကိုရွေးပြီးအောက်ခြေ panel တွင်မှတ်သားထားသောခလုတ်ကိုသုံးပါ။



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

   

   တပ်ဆင်မှုလုပ်ထုံးလုပ်နည်းကိုအလိုအလျောက် အသုံးချ. အလုပ်လုပ်နေသောဖိုင်များအားလုံးကို system disk ရှိအခြားပရိုဂရမ်များနှင့်အတူ directory သို့သိမ်းဆည်းသည်။

အခွင့်အာဏာပေးခြင်း

1. အကယ်. သင်သည်အင်တာနက်သို့မဟုတ်ယေဘုယျအားဖြင့်စီမံကိန်းများကိုသိမ်းဆည်းလိုပါက Google ၏ 0 န်ဆောင်မှုများအတွက်အထူးသဖြင့်အလံကိုဖန်တီးလိုပါက၎င်းသည်ခွင့်ပြုချက်ကိုပြုလုပ်သင့်သည်။ ထိုသို့ပြုလုပ်ရန် program ကိုသင့်တော်သော icon ကို အသုံးပြု. Run ပြီး Welcome 0 င်းဒိုးကိုပိတ်ပြီးထိပ် panel ပေါ်ရှိ "Login" ခလုတ်ကိုနှိပ်ပါ။



2. ဂူဂဲလ်အကောင့်မှအချက်အလက်များကိုသတ်မှတ်ပါ, "Next" ကိုနှိပ်ပါ။ လိုအပ်ပါကအတည်ပြုပါ။ ထို့နောက်တစ် ဦး ချင်းစီချိန်ညှိချက်များမလိုအပ်ဘဲအကောင့်ကိုချက်ချင်းဖြည့်စွက်ပါလိမ့်မည်။

ချိန်ညှိချက်များပြောင်းလဲခြင်း

1. ကြိုတင်ပြင်ဆင်မှုကိုနားလည်ပြီး၎င်းသည်အနာဂတ်တွင်အလုပ်ကိုလွယ်ကူချောမွေ့စေရန် software ၏အခြေခံချိန်ညှိချက်များကိုပြောင်းလဲရန်ယခုနှစ်လိုဖွယ်ဖြစ်သည်။ အပေါ်ဆုံး panel ကို သုံး. Edit menu ကိုချဲ့ထွင်ပြီးစာရင်းအဆုံးတွင် "Settings" ကိုရွေးချယ်ပါ။



2. "Main" tab တွင်ပရိုဂရမ်၏ကန ဦး အပြုအမူများကိုလျင်မြန်စွာဖွင့်လှစ်နိုင်ရန်အတွက်ပရောဂျက်များကိုလျင်မြန်စွာဖွင့်ရန်,



3. အောက်ပါစာမျက်နှာ "layout view mode" တွင်အယ်ဒီတာ၏အသွင်အပြင် parameters များပါရှိသည်။ တင်ပြထားသည့်ချိန်ညှိချက်များကိုပြောင်းလဲခြင်းသည်ဒြပ်စင်များပိုမိုတိကျသောနေရာချထားရန်အတွက်ဇယားကွက်နှင့် binding အရာဝတ္ထုများကိုချိန်ညှိနိုင်သည်။



4. Google Web Designer တွင်၎င်း၏ချိန်ညှိချက်များနှင့်အတူကုဒ်အယ်ဒီတာရှိသည်။ ထို့ကြောင့် "Code Viewer" tab တွင်, သင်သည်ဒီဇိုင်းပုံစံကိုသတ်မှတ်နိုင်သည်, formatting parameters တွေကိုသတ်မှတ်ပြီးအလုပ်များအတွက်သော့ခလောက်ထည့်ပါ။



5. "တိုးချဲ့" သော tab တွင် parameters နှစ်ခုသာပါ 0 င်သည်။ "logging" နှင့် "လျှောက်လွှာစကေး" ဖြစ်သည်။ ပထမအကြိမ်တွင်ပါ 0 င်မှုသည်အပြောင်းအလဲမှတ်တမ်းတစ်ခုဖန်တီးပေးလိမ့်မည်။ ဒုတိယအနေဖြင့်အယ်ဒီတာ၏အလုပ် area ရိယာအတွက်စံသတ်မှတ်ထားသောပမာဏအသစ်တစ်ခုကိုသတ်မှတ်ရန်ခွင့်ပြုသည်။

   သတိထားပါ! အကယ်. သင်သည်စကေးအလွန်အကျွံသတ်မှတ်ထားပါကမျက်နှာပြင်ပေါ်ရှိအာကာသမရှိသောပြ problems နာများသည်အရေးကြီးသောပစ္စည်းများအတွက်ပေါ်လာနိုင်သည်။

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

အဆင့် 2: နဖူးစည်းစာတန်းတစ်ခုကိုဖန်တီးခြင်း

ပရိုဂရမ်ကိုပြုပြင်ခြင်းအားဖြင့်သင်သည် Google Web Designer အတွက်ရွေးချယ်စရာများအားလုံးကို အသုံးပြု. သင်နဖူးစည်းစာတန်းကိုစတင်လုပ်ကိုင်နိုင်သည်။ သို့သော်ဤကုစားသည်ဓာတ်ပုံများကိုရုပ်မြင်သံကြားအယ်ဒီတာတစ် ဦး အနေနှင့်သီးသန့်ဖြစ်သည်, ဥပမာ, Photoshop တွင်သီးခြားပြုလုပ်ထားသောအဆင်သင့်ပြုလုပ်သည့်ဒြပ်စင်များကိုသာတင်ရန်ခွင့်ပြုသည်။

ကိရိယာများနှင့်အတူအလုပ်လုပ်ကြသည်

1. layout ကိုပြင်ဆင်ပြီးနောက်ကိရိယာများနှင့်အကျွမ်းတဝင်ရှိရန်လိုအပ်သည်။ အဓိကအာရုံစိုက်မှု၏ထိပ်ပိုင်း panel တွင် List "View" ထိုက်တန်သည်အရန်ဒြပ်စင်များကိုဖွင့ ်. ပိတ်ရန်ခွင့်ပြုသည်။



2. "0 င်းဒိုး" menu မှတစ်ဆင့်သင်တစ် ဦး အထူးသဖြင့် interface ကိုယာယီ disable လုပ်နိုင်ပါတယ်။ ဥပမာအားဖြင့်, သင်သည်တည်ငြိမ်သောနဖူးစည်းစာတန်းတစ်ခုပြုလုပ်လိုပါက "အချိန်ဇယား" သည် 0 င်ရောက်စွက်ဖက်ခြင်းသာဖြစ်သည်။ ထို့ကြောင့်သင့်လျော်သော tick ကိုဖယ်ရှားရန်အကောင်းဆုံးဖြစ်သည်။



3. အဓိကအယ်ဒီတာကိရိယာများကိုဘယ်ဘက်ကော်လံတွင်တင်ပြသည်။ ရွေးစရာတစ်ခုစီကိုကျွန်ုပ်တို့မစဉ်းစားပါ, သို့သော်ပစ္စည်းအားလုံးကိုဖန်တီးသောအခါသင်ကိုယ်တိုင်စမ်းသပ်ရန်ကျွန်ုပ်တို့အကြံပြုပါသည်။



4. toolbar ကိုဘေးတွင်ပံ့ပိုးမှုများစွာရှိသော "ကြေငြာချက်ကြော်ငြာများ" ကိုတင်ပြသည်။ အထူးဂရုပြုခြင်းသည် "ဖြစ်ရပ်များ" တစ်ခုသို့မဟုတ်အခြားအရာတစ်ခုသို့မဟုတ်အခြား style parametersters ကိုသတ်မှတ်ထားသည့် "CSS" နှင့် "CSS" ကိုတာဝန်ယူသင့်သည်။



5. ပရိုဂရမ်၏ညာဘက်အပိုင်းတွင်၎င်းတွင်အရောင်, စာသား, ဖွဲ့စည်းပုံ, ဖွဲ့စည်းပုံ, ဂုဏ်သတ္တိများနှင့်ရိုးရှင်းစွာအလွှာများကိုထိန်းချုပ်ရန်ခွင့်ပြုသည့်ကိရိယာများလည်းရှိသည်။ အဓိကလုပ်ဆောင်ချက်များကဲ့သို့ပင်ပြတင်းပေါက်များသည်စီမံကိန်းတစ်ခုဖန်တီးရန်လုပ်ငန်းစဉ်တွင်လွတ်လပ်စွာလေ့လာခြင်းသည်ပိုမိုကောင်းမွန်သောအရာများဖြစ်သည်။



6. လိုအပ်ပါက "အချိန်ဇယား" ကိုအသုံးပြုပြီးကာတွန်းအလံကိုဖန်တီးနိုင်သည်။ တစ်ချိန်တည်းမှာပင်အယ်ဒီတာ၏အဓိက area ရိယာကိုစီမံခန့်ခွဲရန်, clamping space နှင့် lcm ကို အသုံးပြု. စကေး parameters များနှင့်လုပ်ကွက်ကိုသုံးပါ။

layout ကိုဖြည့်ခြင်း

1. နဖူးစည်းစာတန်းတစ်ခုကိုဖန်တီးခြင်းသည်နောက်ခံဖြင့်အမြဲတမ်းစတင်သည်, ထို့ကြောင့် layout ကိုပြင်ဆင်ပြီးနောက် "Properties" tab ကိုဖွင့်ပြီး "Properties" tab ကိုဖွင့်ပါ။ Gradient သို့မဟုတ်ပွင့်လင်းမြင်သာသောနောက်ခံအပါအ 0 င်မည်သည့်အရောင်ကိုမဆိုတပ်ဆင်ရန်ဖြစ်နိုင်သည်။



2. နောက်ထပ်တန်းစီတွင်ကြိုတင်ပြင်ဆင်ထားသည့်ဂရပ်ဖစ်ဒြပ်စင်များကိုကြိုတင်ပြင်ဆင်ထားပါ။ အောက်ခြေ panel ပေါ်ရှိ "+" icon ကိုနှိပ်ခြင်းဖြင့်အရာဝတ္ထုစာကြည့်တိုက် tab တွင်သင်ပြုလုပ်နိုင်သည်။



3. လိုချင်သောဂရပ်ဖစ်ဖိုင်များကိုရွေးချယ်ပြီး Open ကိုနှိပ်ပါ။ ၎င်းကိုသီးခြားအလွှာအားလုံးအတွက်နှင့်သီးခြားစီပြုလုပ်နိုင်ပြီးသီးခြားစီပြုလုပ်နိုင်သည်။



4. အရာဝတ္ထုစာကြည့်တိုက် tab ပေါ်ရှိတပ်မက်လိုချင်သောပုံရိပ်ကိုလိုက်လျောညီထွေဖြစ်အောင်လုပ်ပြီးအယ်ဒီတာကိုအဓိက area ရိယာသို့ဆွဲယူပါ။

   

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



5. Workspace ရှိဂရပ်ဖစ်ဖိုင်ကိုရွေးချယ်ခြင်းသို့မဟုတ်ဖွဲ့စည်းတည်ဆောက်ပုံဆိုင်ရာအယ်ဒီတာဘောင်ပေါ်တွင် "Properties" ကိုဖွင့်ပါ။ နောက်ခံအခြေအနေတွင်ပိုမိုဖြစ်နိုင်ချေများထက်ဥပမာ, နယ်စပ်ချိန်ညှိချက်များသို့မဟုတ်အုတ်ချက်များ,



6. အကယ်. Banner Design သည်စာသား၏တည်ရှိမှုကိုထောက်ပံ့ပေးနိုင်ပါက Google Web Designer Tool ကို အသုံးပြု. သင့်တော်သောအကြောင်းအရာကိုထည့်နိုင်သည်။ ဘယ်ဘက်အခြမ်းရှိ "T" icon ကိုနှိပ်ပါ, အဓိကတည်းဖြတ်သူ 0 င်းဒိုးကိုနှိပ်ပါ။

   

   စာသားကိုထိန်းချုပ်ရန် "ဖွဲ့စည်းတည်ဆောက်ပုံဆိုင်ရာအယ်ဒီတာ" tab တွင် layer ကိုရွေးပါ။ "text" ကိုချဲ့ထွင်ပြီးသင့်လျော်သော parameters တွေကိုချထားပါ။

ကာတွန်း setting

1. "Timeline" ပိတ်ပင်တားဆီးမှုတွင်ကာတွန်း၏သက်ရောက်မှုများကိုသင်ထည့်ပြီး configure လုပ်နိုင်သည်။ စတင်ရန် "+" အိုင်ကွန်နှင့် "add icon" ခလုတ်ကိုနှိပ်ပါ။



2. ဘောင်များအကြား ".5s" အိုင်ကွန်ကို နှိပ်. သင်လိုအပ်သည့် parameters တွေကိုသတ်မှတ်ပါ။ ဥပမာအားဖြင့်, သင်သည်အသွင်ကူးပြောင်းမှု၏ကြာချိန်နှင့်ပုံစံကိုပြောင်းလဲနိုင်သည်။



3. "အချိန်ဇယား" ပေါ်ရှိတစ် ဦး ချင်းစီသည်အခြားသူများ၏လုံးဝလွတ်လပ်မှုလုံးဝရှိသည်။ ကာတွန်းများကိုဖန်တီးရန်, ပစ္စည်းအချို့ကိုသင်၏ဆုံးဖြတ်ချက်ဖြင့် ပြောင်းလဲ. Play ခလုတ်ကို အသုံးပြု. ရလဒ်ကိုစစ်ဆေးပါ။

   

   Edit ကိုပြီးစီးပြီးနောက်ထပ်ခါတလဲလဲခလုတ်ကိုသုံးပါ။ ၎င်းသည်အဆုံးမဲ့ကာတွန်းဖန်တီးလိမ့်မည်။

ဖြစ်ရပ်များကိုထည့်ခြင်း

1. layout ကိုနားလည်ပြီး, တစ် ဦး ချင်းဒြပ်စင်တစ်ခုသို့မဟုတ်အလံတစ်ခုလုံးအတွက်အသွင်ကူးပြောင်းမှုဖြစ်ရပ်များကိုသင်ထည့်သွင်းရန်လိုအပ်သည်။ ဤသို့ပြုလုပ်ရန်ကဏ္ sector စစ်ဆေးရေးကော်လံတွင်ဖြစ်ရပ်များ tab ကိုဖွင့်ပြီးအောက်ခြေ panel ရှိ "+" icon ကိုနှိပ်ပါ။



2. "ရည်ရွယ်ချက်" စာရင်းမှဖွင့်လှစ်သော 0 င်းဒိုးတွင်ကိုးကားမည့်အရာဝတ္ထုတစ်ခုကိုရွေးချယ်ပါ။



3. ဖြစ်ရပ်စာမျက်နှာတွင် "mouse" စာမျက်နှာကိုချဲ့ထွင်ပြီး "Click" ကိုရွေးပါ။ ရလဒ်အတွက်လိုအပ်ချက်များပေါ် မူတည်. ကွဲပြားသောတပ်ဆင်မှုများကိုပေါင်းစပ်နိုင်သည်။



4. "Action" စာရင်းမှ Google ကြေငြာချက်ကိုဖွင့ ်. "အကူးအပြောင်း" ကိုဖွင့်ပါ။ ဤကဲ့သို့သောရွေးချယ်မှုသည်၎င်းကိုအင်တာနက်ပေါ်တွင်သင်လိုအပ်သည့်စာမျက်နှာသို့သွားရန်၎င်းကိုပြုလုပ်လိမ့်မည်။



5. "လက်ခံသူ" အနေဖြင့် "GWD-AD" ဗားရှင်းတစ်ခုတည်းကိုရွေးချယ်ပါ။



6. field ကို "field" အတွက်နောက်ဆုံးအဆင့်မှာ။ အညွှန်းကိန်းများ» link ကိုဖြတ်လမ်းသို့ link ကိုစစ်ဆေးပြီးလိုချင်သောစာမျက်နှာကိုသတ်မှတ်ခြင်းဖြင့် "URL" ကိုဖြည့်ပါ။ သိမ်းဆည်းရန် "OK" ကိုသုံးပါ။

အရင်းအမြစ်ကုဒ်နှင့်အတူအလုပ်လုပ်ပါ

1. ကျွန်ုပ်တို့ဖော်ပြခဲ့သည့်အတိုင်းဂူဂဲလ်ဝက်ဘ်ဒီဇိုင်နာတွင် built-in Code Editor တွင်ပါ 0 င်သည်။ အပေါ်ဆုံး panel ၏ညာဘက်ခြမ်းရှိ "code" ခလုတ်ကို အသုံးပြု. ၎င်းကိုဖွင့်နိုင်သည်။



2. သင်သည် Visual Editor ကိုသာမကဘဲ Banner ဖွဲ့စည်းပုံကိုပြောင်းလဲနိုင်သည်။ သေးငယ်တဲ့ဒြပ်စင်တွေအများကြီးကို align လုပ်ဖို့ဒါမှမဟုတ်ပရိုဂရမ်မှမပေးနိုင်တဲ့အဖြစ်အပျက်တွေကိုထည့်ပေါင်းတဲ့အခါဒါကအရမ်းအသုံးဝင်နိုင်ပါတယ်။

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

အဆင့် 3: ပြီးစီးခြင်း

အဆိုပါနဖူးစည်းစာတန်းကိုပြီးစီးသောအခါ site ပေါ်တွင်နေရာချထားရန်အဆင်သင့်ဖြစ်လျှင်နောက်ဆုံးခြေလှမ်းသို့သွားနိုင်ပါတယ်။ ပထမ ဦး စွာမည်သည့်ဝက်ဘ်စာမျက်နှာပေါ်တွင်သင်၏အလုပ်ကိုမည်သို့ပုံဖော်သည်ကိုစစ်ဆေးသင့်သည်။

တင်ကူးသိမြင်

1. အပေါ်ဆုံး panel တွင်အပိုဆောင်း menu ကိုဖွင့်ရန် Preview ခလုတ်ကိုနှိပ်ပါ။ ဤနေရာတွင်သင်နဖူးစည်းစာတန်းဖွင့်လှစ်မည့် browser ကိုသင်သတ်မှတ်နိုင်သည်။



2. လုပ်ဆောင်ချက်များကိုဖွင့်ပြီးနဖူးစည်းစာတန်း၏အသွင်အပြင်ကိုဖွင့်သောအခါ, သို့သော်အချို့သောအင်္ဂါရပ်များနှင့်အတူ။ ဥပမာအားဖြင့်, သင်သည် Animation ၏အဆုံးမဲ့အထပ်ထပ်ကိုသင် install လုပ်ထားရင်တောင်,



3. လိုအပ်ပါကအခြားသူများအတွက်ရလဒ်ကိုသင်အမြဲသရုပ်ပြနိုင်ပါသည်။ ဤသို့ပြုလုပ်ရန် "Sharing Shing Link" ကိုရွေးချယ်ပြီး Google အကောင့်သို့ဝင်ရောက်ခွင့်ကိုအတည်ပြုပါ။

   

   ရလဒ်အနေဖြင့်အထက်တွင်ဖော်ပြထားသည့်အတိုင်းထိုကဲ့သို့သော mode ကိုကြည့်ရှုရန်မြင်ကွင်းပေါ်တွင် link တစ်ခုပေါ်လာလိမ့်မည်။ ဟုတ်ပါတယ်, သင်အကောင့်ရှိလျှင်သာဖြစ်နိုင်သည်။

ထိန်းသိမ်းစောင့်ရှောက်ခြင်းနှင့်ထုတ်ဝေခြင်း

1. စီမံကိန်းကိုသိမ်းဆည်းရန် File menu ကိုဖွင့်ပြီး Save option ကိုသုံးပါ။ ထို့နောက်အရင်းအမြစ်ဖိုင်ကိုကွန်ပျူတာပေါ်တွင်သိမ်းဆည်းထားပြီးနောက်ပိုင်းတွင်ဖွင့်နိုင်သည်။



2. ပရိုဂရမ်၏ညာဘက်အပေါ်ထောင့်ရှိ "Public" menu ကိုဖွင့်ပြီးသိမ်းဆည်းရန်နေရာတစ်ခုကိုရွေးချယ်ခြင်းဖြင့် site ပေါ်တွင်နေရာတစ်ခုကိုပြင်ဆင်ရန်စီမံကိန်းတစ်ခုပြင်ဆင်နိုင်သည်။



3. သင်၏ဆုံးဖြတ်ချက်ဖြင့်ပုံနှိပ်ထုတ်ဝေမှုရှိ 0 င်းဒိုးရှိ parameters များကိုပြောင်းလဲခြင်း, လိုချင်သော checkboxes များကိုသာချန်ထားပြီး "Publish" ကိုနှိပ်ပါ။ ထို့ကြောင့်စီမံကိန်း၏အရွယ်အစားမည်သို့ပင်ရှိပါစေငွေစုသည်လျင်မြန်စွာဖြစ်လာသည်။

   

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