"Google Web Designer" reklamos kūrimas

1 žingsnis: Pradėkite

"Google Web Designer" yra nemokama plėtros aplinka žiniatinklio valdytojams, teikiantiems galimybę kurti tinklalapius, įskaitant atskirus daiktus, tokius kaip antraštės, naudojančios CSS3 ir HTML5. Jei norite naudoti šį įrankį, pirmiausia reikia atsisiųsti diegimo failą iš oficialios svetainės ir įdiegti.

Atsisiųskite "Google Web Designer" iš oficialios svetainės

Programos diegimas

1. Spustelėkite pirmiau pateiktą nuorodą, kad galėtumėte eiti į dabar puslapį ir spustelėkite mygtuką "Atsisiųsti interneto dizaineris". Atkreipkite dėmesį, kad programa palaiko tik "Windows 7" ir vėlesnes versijas.



2. Per Išsaugoti iššokantį langą, pasirinkite vietą kompiuteryje ir naudokite mygtuką, pažymėtą apatiniame skydelyje.



3. Eikite į aplanką, tiesiog išsaugotą failą ir dukart spustelėkite kairįjį pelės mygtuką, kad atliktumėte atidarymą. Kaip rezultatas, montavimo langas turi būti atidarytas.

   

   Pats diegimo procedūra atliekama visiškai automatiniu režimu, išsaugant visus darbinius failus į katalogą su kitomis sistemos disko programomis.

Leidimas

1. Jei norite išsaugoti projektus internete ar apskritai, sukurkite "Google" vidaus paslaugas, tai papildomai verta atlikti leidimą. Norėdami tai padaryti, paleiskite programą naudodami atitinkamą piktogramą, uždarykite lauko langą ir spustelėkite mygtuką "Prisijungti" viršutiniame skydelyje.



2. Nurodykite "Google" paskyros duomenis, spustelėkite "Kitas" ir prireikus patvirtinkite. Po to paskyra bus nedelsiant pridėta, nereikalaujant kai kurių atskirų nustatymų.

Keičiant nustatymus

1. Supratęs su preparato, dabar pageidautina keisti pagrindinius programinės įrangos nustatymus, kad būtų lengviau dirbti ateityje. Naudojant viršutinį skydelį, išplėsti meniu Redaguoti ir pasirinkite "Nustatymai" sąrašo pabaigoje.



2. "Main" skirtuke, galite pakeisti pradinį programos elgesį greitai atverti projektus, priskirti aplanką, kad išsaugotumėte sukurtus šablonus, taip pat nustatykite numatytasis skelbimo specifikacijos vertes.



3. Toliau pateiktame puslapyje "Layout Peržiūrėti režimas" yra redaktoriaus išvaizdos parametrai. Pateiktų nustatymų keitimas, tinklelio ir įrišimo objektus galite reguliuoti tikslesnę elementų išdėstymą.



4. "Google Web Designer" turi kodų redaktorių su savo nustatymais. Taigi, "Code Viewer" skirtuke, galite priskirti dizaino stilių, nustatykite formatavimo parametrus ir pridėkite pagrindinius privalomus uždavinius.



5. Paskutiniame skirtuke "išplėstiniame" yra tik du parametrai - "prisijungimas" ir "paraiškų skalė". Pirmuoju atveju įtraukimas sukurs pakeitimo žurnalą, o antrasis elementas leidžia nustatyti naują standartinę redaktoriaus darbo sritį.

   Būk atsargus! Jei nustatote per daug masto, problemos su erdvės stoka ekrane gali pasirodyti svarbiems daiktams.

Bet kokie pakeitimai padarė tam tikrą būdą ar kitą reikia iš naujo paleisti programą. Jei pradėsite dirbti su redaktoriumi, nepamirškite iš naujo nustatyti nustatymus naudojant atskirą elementą kiekviename skirtuke.

2 žingsnis: "Banner" sukūrimas

Konfigūruodami programą, galite pradėti dirbti su reklama naudodami visas "Google Web Designer" parinktis. Tačiau atkreipkite dėmesį, kad ši priemonė yra išskirtinai kaip vizualinis redaktorius, leidžiantis jums paskelbti tik paruošti elementai, kurie yra sukurti atskirai, pavyzdžiui, "Photoshop".

Dirbti su įrankiais

1. Pasirašius išdėstymą, reikia susipažinti su įrankiais. Viršutiniame pagrindiniame skydelyje, sąrašo "View" nusipelno, leidžianti įjungti ir išjungti pagalbinius elementus.



2. Per "Window" meniu galite laikinai išjungti konkretų sąsajos elementą. Pavyzdžiui, jei norite sukurti statinį reklamą, "laiko juosta" tik trukdys, todėl geriausia pašalinti tinkamą pažymėjimą.



3. Pagrindinės redaktoriaus įrankiai pateikiami kairiajame stulpelyje. Mes nemanėsime kiekvienos galimybės, nes ne visi elementai naudojami kuriant, tačiau rekomenduojame eksperimentuoti save.



4. Šalia įrankių juostos pateikiama "skelbimų" su keliais įnašais. Ypatingas dėmesys nusipelno "įvykių", atsakingų už veiksmus su vienu ar kitu reklaminiu objektu "ir" CSS ", kur yra nustatyti stiliaus parametrai.



5. Dešinėje programos dalyje taip pat yra įrankių rinkinys, leidžiantis valdyti spalvą, tekstą, objektų, savybių ir paprasto sluoksnių. Kaip ir pagrindinė funkcijų rinkinys, "Windows" yra geriau mokytis savarankiškai mokytis projekto kūrimo procese.



6. Jei reikia, naudojant "TIMELINE" gali būti sukurtas animacinis reklama. Tuo pačiu metu, valdyti pagrindinę sritį redaktoriaus, naudokite tvirtinimo vietos ir LCM, taip pat bloko su masto parametrus.

Užpildymas. \ T

1. "Banner" sukūrimas visada prasideda fone, todėl po to paruošdami išdėstymą atidarykite skirtuką "Savybės" ir puslapio bloke, naudokite "Užpildyti" poskirsnį. Galima įdiegti bet kokią spalvą, įskaitant gradientą arba visiškai skaidrią foną.



2. Toliau eilėje pridėkite iš anksto paruoštus grafinius elementus. Tai galite padaryti Objekto bibliotekos skirtuke, spustelėję "+" piktogramą apatiniame skydelyje.



3. Pasirinkite norimus grafinius failus ir spustelėkite Atidaryti. Tai galima padaryti tiek vienu metu visiems reikalingų sluoksnių, atskirai, kartoti šiuos veiksmus.



4. Norėdami prisitaikyti, spauskite norimą vaizdą objekto bibliotekoje skirtuke ir vilkite redaktorių į pagrindinę sritį.

   

   Galite kontroliuoti objekto vietą su įprastu tempimu ir masteliu su aktyviu atrankos įrankiu. Jei reikia, visada galite naudoti vadovus.



5. Pasirinkus grafinį failą darbo vietoje arba skirtuke "Struktūrinis redaktorius, atidarykite" savybes ". Yra daug daugiau nei daugiau galimybių nei fono atveju, pavyzdžiui, pasienio nustatymai ar įtraukos.



6. Jei reklama dizainas numato tekstą, galite pridėti atitinkamą elementą naudodami standartinę "Google Web Designer" įrankį. Spustelėkite kairėje pusėje esančią piktogramą "T", spustelėkite pagrindinį redaktoriaus langą ir įveskite norimą simbolių rinkinį.

   

   Norėdami valdyti tekstą, "Struktūrinio redaktoriaus" skirtuko sluoksnis pasirinkite "Tekstas" ir nustatykite atitinkamus parametrus.

Animacijos nustatymas

1. "Timeline" bloke galite pridėti ir konfigūruoti animacijos poveikį. Norėdami pradėti, spustelėkite mygtuką "Pridėti piktogramą" su piktograma "+".



2. Spustelėkite piktogramą ".5s" tarp rėmų ir nustatykite reikalingus parametrus. Pavyzdžiui, galite pakeisti perėjimo trukmę ir stilių.



3. Kiekvienas individualus "tvarkaraščio" blokas yra visiškai nepriklausomas nuo kitų. Norėdami sukurti animacijas, pakeiskite kai kuriuos daiktus į savo nuožiūra ir patikrinkite rezultatą naudodamiesi mygtuku.

   

   Baigę redagavimo procesą, naudokite pakartotinį mygtuką. Tai sukurs begalinę animaciją.

Įveskite įvykius

1. Supratęs su išdėstymu, jums reikia pridėti pereinamojo laikotarpio įvykius atskiriems elementams arba visam visai reklamjui. Norėdami tai padaryti, sektoriaus inspektoriaus stulpelyje, atidarykite skirtukus įvykius ir spustelėkite "+" piktogramą apatiniame skydelyje.



2. Lange, kuris atsidaro iš "Paskirtumo" sąrašo, pasirinkite objektą, kuris bus nurodytas.



3. Renginio puslapyje išplėsti "pelės" puslapį ir pasirinkite "Click". Priklausomai nuo rezultatų reikalavimų, galite sujungti skirtingus įrenginius.



4. Toliau nuo "veiksmų" sąrašo atidarykite "Google" deklaraciją ir nustatykite "perėjimo" reikšmę. Toks pasirinkimas bus padaryti, kad vartotojas eina į konkretų puslapį jums reikia internete.



5. Kaip "gavėjas", pasirinkite vieną "GWD-AD" versiją.



6. Paskutiniame lauko etape "Identif. Indikatoriai »Patikrinkite nuorodą į nuorodą ir užpildykite" URL ", nurodydami norimą puslapį. Norėdami išsaugoti, naudokite "Gerai".

Dirbti su šaltinio kodu

1. Kaip minėjome, "Google Web Designer" yra įmontuotas kodas redaktorius. Jis gali būti įjungtas naudojant mygtuką "Kodas" dešinėje viršutinio skydelio pusėje.



2. Jūs galite padaryti pakeitimus į reklaminę struktūrą, naudojant ne tik vizualinį redaktorių, bet ir tiesiogiai dirbant su kodu projekto faile. Tai gali būti labai naudinga, kai išlyginant daug mažų elementų arba pridėti neįvykdytus įvykius.

Aprašytus veiksmus turėtų būti pakankamai pakankamas, kad būtų sukurtas reklama, nepriklausomai nuo paraiškos. Tuo pačiu metu galite žymiai išplėsti galimybes derinant šias priemones.

3 žingsnis: užbaigimas

Kai reklama yra baigta ir paruoštas vietai svetainėje, galite eiti į paskutinį žingsnį. Visų pirma, verta patikrinti, kaip atrodo jūsų darbas realiame tinklalapyje.

Peržiūra

1. Viršutiniame skydelyje spustelėkite mygtuką Peržiūra, kad atidarytumėte papildomą meniu. Čia galite nurodyti naršyklę, su kuria bus atidarytas reklama.



2. Atidarius visas funkcijas ir išvaizdą, išvaizda, bet su kai kuriomis funkcijomis. Pavyzdžiui, net jei įdiegėte begalinį animacijos pasikartojimą, viskas bus ribojama tik viena iteracija.



3. Jei reikia, visada galite parodyti rezultatus kitiems žmonėms. Norėdami tai padaryti, pasirinkite "Gauti bendrinimo nuorodą" ir patvirtinkite prieigą prie "Google" paskyros.

   

   Kaip rezultatas, ekrane pasirodys nuoroda, kad galėtumėte peržiūrėti reklamą tokiu režimu, kaip aprašyta pirmiau. Žinoma, tai yra įmanoma tik tuo atveju, jei turite paskyrą.

Išsaugojimas ir paskelbimas

1. Norėdami išsaugoti projektą, pirmiausia atidarykite failo meniu ir naudokite taupymo parinktį. Po to šaltinio failas bus išsaugotas kompiuteryje ir vėliau galima atidaryti vėliau.



2. Jūs galite parengti projektą į svetainę atidarant "Publish" meniu viršutiniame dešiniajame programos kampe ir pasirinkdami vieną iš išsaugojimo vietų.



3. Pakeiskite leidinio lango parametrus savo nuožiūra, paliekant tik norimas žymės langelius ir spustelėkite "Publish". Taigi taupymas vyksta greitai, nepriklausomai nuo projekto dydžio.

   

   Kaip rezultatas, aplanką galima rasti išsaugoti vietoje. Banerio vieta svetainėje skiriasi priklausomai nuo svetainės priklausomybės ir apskritai nebėra priklauso kūrimo procedūrai.