Google Web dizaýnerinde banner döretmek

Anonim

Google Web dizaýnerinde banner döretmek

1-nji ädim: Başlamak

Google web dizaýny üçin web alyş-açan mugt ösüş gurşawy, CSS3 we HTML5 ulanyp, belli bir zatlar bilen, web sahypalary ýaly aýratyn zatlar bilen, web sahypalary ýaly aýratyn zatlar bilen, web sahypalary ýaly aýratyn zatlar bilen paýlaşyp, web sahypalaryny döretmek ýaly erkin ösüş gurşawy döretmek, belli bir zatlar bilen goşmak bilen maglumatlary döretmek ýaly möhüm zatlary döretmek ukybydyr. Ilki bilen bu guraly ulanmak üçin ilki bilen gurnama faýlyny resmi ýere göçürip almaly we gurmaly.

Resmi sahypadan Google Web dizaýnerini göçürip alyň

Maksatnama gurmak

  1. Baş sahypa-a gitmek üçin ýokarda geçiň we "Web dizaýner" düwmesine basyň. Programmanyň ýeke-täk Windows 7 we soňraky wersiýalarynyň goldaýandygyny üns üns beriň.
  2. Resmi web sahypasyndan Google Web dizaýnerini göçürip alyň

  3. Aýlamak penjiresinden başga-da, kompýuteriňizdäki bir ýer saýlaň we aşaky panelde bellenen düwmäni ulanyň.
  4. Google-da Google Web dizaýnerini tygşytlamak

  5. Diňe faýly halas edip, açylyş dabarasyny ýerine ýetirmek üçin çepe syçanjygyň çep düwmesine basyň. Netijede, gurnama penjiresi açylmaly.

    Google web dizaýnyny gurmak faýlyny kompýuterde açmak

    Bölüme prosedurasy öz ýerine doly awtomatiki usulyň ulgam disindäki beýleki programmalary goramak üçin ähli iş faýllaryny ýatda saklandyr.

  6. Google web dizaýner gurmak prosesi kompýuterde

Ygtyýarnama

  1. Internetde ýa-da umuman taslamalary ýat saklamak isleseňiz, Google-nyň içerki hyzmatlaryna aýratyn, bu goşmaça ygtyýarnamany ýerine ýetirmäge mynasypdyr. Munuň üçin programmany degişli nyşany ulanyp işlediň, hoş geldiňiz penjiresini ýapyň we ýokarky paneliňdäki "Giriş" düwmesine basyň.
  2. Google Web dizaýnerinde ygtyýarnama geçiş

  3. Google hasabyndan maglumatlary görkeziň, "Indiki" we zerur bolsa tassyklaň. Ondan soň hasap derrew käbir aýratyn sazlamalary talap ediler.
  4. Google-da Google web dizaýnerinde Google arkaly ygtyýarnama prosesi

Sazlamalary üýtgetmek

  1. Taýýarlamaga düşünmek, geljekde işini ýeňilleşdirmek üçin Programma üpjünçiliginiň esasy sazlamalaryna üýtgeşmeler girizmek islenýär. Baş panelini ulanmak, redaktirleme menýusyny giňeltmek we "Sazlama" utgaşdy.
  2. Google Web dizaýnerinde gurnama bölümine geçiň

  3. "MASS" TAP-yň "Top" goýmasynda "TA" -yň başlangyç hereketlerini çalt açyp, döredilen şablony saklamak üçin bukja belläň, ýörite yglan edilendigi üçin deslapky bahalary belläň.
  4. Google Web dizaýnerinde esasy sazlamalary üýtgetmek

  5. "Lautoution" re modemasynyň "redaktirleýşiň daşky görnüşiniň görnüşini öz içine alýar. Berlip sazlamalaryny üýtgetmek, göz -leri we baglary has takyk ýerleşmek üçin baglaýjy obýektleri sazlap bilersiňiz.
  6. Google web dizaýnerinde Sazlamalar

  7. "Google Web Dizaýner" sazlamalary bilen kod redaktory bar. Şeýlelik bilen, "Condecuter" stilinde "Dexting parametrlerini" esasly belläň we meselelere esasy borçnamalary goşuň.
  8. Google web dizaýnerinde koduň görnüşi sazlamalary sazlamalary

  9. Soňky TAX "Giňeldilen" bary-ýogy iki parametr - "Lomering" we "anketa" bar. Ilkinji ýagdaýda, ikinji element üýtgemäni döredýär, ikinji harp bolsa Redaktoryň alyp barýan iş meýdany üçin täze standart masştabyny goýmaga mümkinçilik berýär.

    Seresap boluň! Gaty göwrümli kesgitlän bolsaňyz, problemanyň ýoklugy bilen baglanyşykly kynçylyklar möhüm zatlara peýda bolup biler.

  10. Google web dizaýnerinde ösen sazlamalary görüň

Islendik üýtgeşmeler käbir ýol ýa-da başga bir ýolda, programmanyň täzeden başlamagy talap edýär. Redaktor bilen diňe işläp başlasaňyz, bellikleriň hersinde aýratyn bir element ulanyp, sazlamalary täzeden dikeltmegiň mümkinçiligini ýatdan çykarmaň.

2-nji ädim: banner döretmek

Programmany sazlamak bilen, Google web dizaýeri üçin ähli mümkinçilikleri ulanyp, banner üstünde işläp başlap bilersiňiz. Şeýle-de bolsa, bu çäräniň, Potoshopda diňe aýratyn ýaradylan taýýarlanan elementlere rugsat berýändigine rugsat beriň.

Gurallar bilen işlemek

  1. Düzülişini taýýarlandan soň gurallar bilen tanyşmaly. "Esasy üns" -iň ýokaryn bölüminde, kömekçi elementlere mümkinçilik berýär we öçürmäge mümkinçilik berýän "Görmek" тmelidir we öçürmäge mümkinçilik berýän "Görünmek" тmelidir we sanaw.
  2. Google web dizaýnerinde menýu görnüşini görüň

  3. "Penjiräniň" menýusyndan belli bir interfeýsi elementi wagtlaýyn öçürip bilersiňiz. Mysal üçin, statika baýdini almak isleseňiz, "çignesi" diňe işjeňleşer, şonuň üçin degişli bellikleri aýyrmak üçin iň amatly.
  4. Google web dizaýnerinde penjire menýusyny görüň

  5. Esasy redaktor gurallary çep sütünde görkezilýär. Her bir warianty göz öňünde tutmarys, köp adamlar döretmezlige, şeýle hem, özüňize synag synagyny maslahat berýäris.
  6. Google Web dizaýnerinde esasy gurallar panelini görüň

  7. Gurallar paneliniň birnäçe goşant bilen "BDCK ADYR" -iň "BDCRIT ADY" gowşuryldy. Styldyz parametrleri düzýän biri ýa-da başga bir baýdak obýekti we "CSS", "CSS", "CSS"
  8. Google web dizaýnerinde mahabat inspektorlaryny görüň

  9. Maksteriň hakynyň sag böleginiň sag bölegini, tekstiniň, enjamlaryň, häsiýetleri we gatçylary gözegçilikde saklamaga mümkinçilik berýän gurallar toplumy bar. Esasy funksiýalar ýaly, Windows bir taslama döretmek möhletinde özbaşdak öwrenmek has gowudyr.
  10. Google Web dizaýnerinde obýektiň häsiýetlerini görüň

  11. Gerek bolsa, "Wagtyň" tertibini "animasiýa bannerini döretmek üçin zerur bolsa. Şol bir wagtyň özünde Redaktoryň esasy meýdany dolandyrmak üçin kast ediň we lcm, şeýle hem masştab parametrleri bilen blok ulanyň.

Tertibi doldurmak

  1. Bannerti döretmegi öz üstüne eýe bolup, ýerleşiş gurandan soň, "häsiýetleri" goýmasyny we sahypada "doldurmak" bölümini ulanyň. Islendik reňk gurmak, şol sanda gradit ýa-da doly aç-açan bir fonda gurmak mümkin.
  2. Google web dizaýnerinde banner fon aýratynlyklaryny sazlaň

  3. Mundan başga-da nobatda öňünden taýýarlanan grafiki elementi goşuň. Muny aşaky paneliň "+" nyşanyna basyp, obýekt kitaphanasynda edip bilersiňiz.
  4. Google web dizaýnerinde grafiki elementleriň goşulmagyna geçmek

  5. Gerekli grafiki faýllary saýlaň we Açmak düwmesine basyň. Muny ähli zerur gatlaklar üçin iki gezek hem edip bilersiňiz, bu hereketleri gaýtalaýarlar.
  6. Google web dizaýnerinde grafiki elementleri goşmak prosesi

  7. Işletmek üçin islenýän şekili goýlangy belläň we redaktory esasy meýdana süýräň.

    Google Web dizaýnerinde banner üçin suratlary goşmak

    Obýektiň ýerleşişiniň ýerleşýän ýerine adaty süýräp, işjeň saýlanylyş bilen adalatly süýräp we utgaşdyrmak bilen dolandyryp bilersiňiz. Zerur bolsa, elmydama gollanmalary ulanyp bilersiňiz.

  8. Google web dizaýnerindäki bannerdäki suratlary ýerleşdirmek

  9. Iş meýdanynda grafiki faýly ýa-da gurluş redaktorynyň goýmasynda ýa-da gurluş redaktorynyň goýmasynda, "StiwITA" -ni aç ". Näçe, mysal üçin serhet sazlamalary ýa-da indikatorlar barlygy bolan has köp mümkinçilikden köp.
  10. Google Web dizaýnerinde baýdakda suratlaryň häsiýetlerini üýtgetmek

  11. Banner dizaýny tekstiň barlygyny üpjün edýän bolsa, standart Google web dizaýneri guralyny ulanyp degişli elementi goşup bilersiňiz. Çep paneldäki "T" nyşanyna basyň, esasy redaktoryň penjiresine basyň we islenýän nyşanlaryň toplumyny giriziň.

    Google web dizaýnerindäki banner üçin tekst goşmak

    Tekste dolandyrmak üçin "Sebit redaktoryny" goýmasyny, "Tekst" goýmasynda alyň we degişli parametrleri kesgitläň.

  12. Google Web dizaýnerinde bannerdäki tekst häsiýetlerini üýtgetmek

Animasiýany düzmek

  1. "Wagt görkezmesiniň" blokynda animasiýa netijelerini goşup we sazlap bilersiňiz. Başlamak üçin "+" nyşany bolan "nyşan" düwmesini basyň.
  2. Google web dizaýnerinde möhlet bilen işlemek

  3. Namesatlaryň arasyndaky ".5s" nyşan nyşanyna giriň we parametrleri zerur goýuň. Mysal üçin, geçişiň dowamlylygyny we stilini üýtgedip bilersiňiz.
  4. Google web dizaýnerindäki çarçuwalaryň arasyndaky geçişleri gurmak

  5. "Wagt görkezme" esasynda her bir aýratyn blok beýlekilerden doly garaşsyz. Animasiýa etmek üçin käbir zatlary siziň pikirdarlaryňyza üýtgediň we oýun düwmesini ulanyp netijäni barlaň.

    Google web dizaýnerinde banner üçin animasiýany döretmek

    Redaktirleme amalyny gutarandan soň, Gaýtadan düwmäni ulanyň. Bu tükeniksiz animasiýa döreder.

  6. Google web dizaýnerinde banner üçin üstünlikli döredilen animasiýa

Wakalary goşmak

  1. Ýerleşişine düşünmekde düşünişmek, aýratyn elementler ýa-da tutuş banner üçin geçiş çärelerini goşmaly. Muny her pudagyň gözegçilik indektorynda wakalary açyň sütünini açyň we aşaky panelde "+" nyşany açyň.
  2. Google web dizaýnerinde täze çäräni döretmek üçin gidiň

  3. "Maksatly" sanawyndan açýan penjirede, salgylanma boljak bir obýekti saýlaň.
  4. Google web dizaýnerindäki maksatlary kesgitlemek

  5. Hadygdan içinde "Mouse" sahypasyny giňeltmek we "basyň" saýlaň. Netijemiň talaplaryna baglylykda dürli gurnamalar birleşdirip bilersiňiz.
  6. Google web dizaýnerinde waka häsiýetlerini kesgitlemek

  7. Mundan başga-da, "Hereket" sanawyndan, google beýanlagyny açyň we "Geçiş" bahasyny kesgitläň. Şeýle saýlaw etmek ulanyjynyň internetde zerur sahypasyna gidýändigi üçin şeýle saýlaw eder.
  8. Google Web dizaýnerinde wakalary kesgitlemek

  9. "Ajaýyp" hökmünde, bir "Gwd-mahabat" wersiýasyny saýlaň.
  10. Google web dizaýnerindäki alyjy wakalary kesgitlemek

  11. "Intif" meýdançasyndaky soňky tapgyrda. Görkezijiler »Baglanyşygyň baglanyşygyny gysgaça barlaň we islenýän sahypany görkezip," URL "dolduryň. Saklamak üçin "OK" ulanyň.
  12. Google web dizaýnerinde tamamlanan wakalar sazlamalary

Çeşme kody bilen işlemek

  1. DEDÜNI BAŞGA BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN BOLAN kody döredilende ýer döredýär. Iň ýokary paneliň sag tarapyndaky "kody" düwmesini ulanyp, "kody" düwmesini ulanyp bilersiňiz.
  2. Google Web dizaýnerinde kod redaktoryna gidiň

  3. Diňe belli bir wizual redaktor däl-de, eýsem "wizual redaktor" ulanyp, BANAN gurluşyna üýtgeşmeler girizip bilersiňiz, ýöne taslama faýlynda kod bilen göni işleýär. Köp ownuk-ute-de deňleşdirilende ýa-da programma berilmeýän wakalara goşulanda bu örän peýdaly bolup biler.
  4. Google Web dizaýnerinde kod görüň we üýtgediň

Beýan edilen hereketler, programmanyň garamazdan, banner döretmek üçin ýeterlik bolmaly. Şol bir wagtyň özünde, bu gurallary birleşdiriň mümkinçilikleri ep-esli giňeldýärsiňiz.

3-nji ädim: Tamamlamak

Banner gutarandan soň, sahypada ýerleşdirmäge taýyn bolanda, soňky ädime baryp bilersiňiz. Ilki bilen, hakyky web sahypasyndaky işiňiziň nämä gerekdigini barlamaga mynasypdyr.

Deslapky syn

  1. Ýokarky paneliň üstünde goşmaça menýu açmak üçin deslapky Appe düwmesini basyň. Bu ýerde, Banneriň a meýdan ýazyljak brauzerini kesgitläp bilersiňiz.
  2. Google web dizaýnerinde banner

  3. Bannerleriň ähli funksiýalaryny açylanda we käbir aýratynlyklar bilen käbir aýratynlyklar bilen saklanýar. Mysal üçin, animasiýany gursaň hem, hemme zat diňe bir iş.
  4. Google Web dizaýnerinden banner

  5. Zerur bolsa, elmydama beýleki adamlara netijäni görkezip bilersiňiz. Muny etmek üçin "paýlaşmak baglanyşygyny alyň" saýlaň we Google Hasaba girişi tassyklaň.

    Google web dizaýnerinde baýdak görmek üçin umumy giriş baglanyşygyny döretmek

    Netijede, ekranda ýokarda görkezilişi ýaly baýdakda görmek üçin baglanyşyk peýda bolar. Elbetde, diňe hasabyňyz bar bolsa mümkindir.

  6. Google web dizaýnerinde baýdak görmek üçin mugt giriş baglanyşyklary

Gorag we neşir etmek

  1. Taslamany halas etmek üçin, ilkinji gezek faýl menýusyny açyň we Saklamak opsiýasyny ulanyň. Ondan soň çeşme üçin çeşme üçin ýüz tutar we soňra açyşda ýazylyp bilner.
  2. Google webiaderde Banner bilen bolan gurluşyk gurmak prosesi

  3. Taslama boýunça "Nýutl" aýdym-sazyň ýokarky sag burçundaky aýlawy açmak we Saklagyň ýerlerinden birini saýlamak arkaly açmak üçin sahypada ýerleşdirip bilersiňiz.
  4. Google web dizaýnerinde baýdak çap etmek prosesi

  5. Siziň pikir alyşanyňyzda diňe islenýän penjiresizden çykyp, diňe islenýän bellik gutularyndany goýberiň we "Nýutl" -a "neşir" düwmesine basyň. Şeýlelik bilen, taslamanyň ululygyna garamazdan, çaltlyk bilen tygşytlamak.

    Google Web dizaýnerinde banneriň çap edilmeginiň tamamlanmagy

    Netijede, bukjany tygşytlaýyş ýerinde tapyp bilersiňiz. Sup başlamasyndaky banneriň ýerleşdirilmegi sahypanyň garaşlylygy bilen baglanyşykly we umuman, indi ätiýaçlandyryş prosedurasyna degişli däl.

Koprak oka