Google Web Designer 6.0 Uvek tražimo nova rešenja kako bismo nešto uradili brže i bolje, a još ako uz to savladamo i neke nove veštine – tim bolje. Ovog puta predstavljamo Google Web Designer. To je kompleksan program koji u sebi sadrži moćan set alatki i velik broj mogućnosti, ali je pre svega namenjen za brzo i lako konstruisanje oglasa i reklama. To su uglavnom mali formati koji se umeću u već postojeće sajtove preko GoogleAddsa, ali postoji opcija i za sopstveni izbor rezolucije. Sem reklama i oglasa, ovaj program opremljen je bogatim arsenalom opcija i mogućnosti koje dozvoljavaju da veb-sajt pravite „od nule”, da se koristite vizuelnim builderom, ali i code editorom. Međutim, krenimo redom...Web Designer nije softver sa skromnim interfejsom i malo opcija koje su namenjene početnicima. Ipak, uz samo malo truda i početnici se mogu lako snaći, bar kada je u pitanju dizajn reklama za Google. Interfejs je podeljen na pet glavnih delova: linija sa osnovnim alatkama, timeline, osnovna radna površina, i podešavanja s leve i desne strane, gde se nalaze sve informacije i sva podešavanja konkretnog elementa na kome radite u tom trenutku. Program će vam najpre ponuditi da odaberete template, koji se sastoji od fajla u nekoj od Google predefinisanih rezolucija i sa elementima galerije, videa ili jednostavne animacije od koje će se sastojati vaša buduća reklama. Vaše je da importujete slike, video ili tekst (a možda i sve to) i sastavite svoju reklamu.Ukoliko su vaše potrebe skromne, i proces rada je jednostavan. Po drag and drop principu postavite sve komponente gde treba da budu (slike i tekst na reklami) i postavite link ka kome će klik na reklamu voditi i odete na eksport. Ukoliko želite animaciju, moraćete da se poslužite timelineom koji će vam pomoći da u vremenu odredite kada će se koja komponenta pojaviti i na koji način. Neke od osnovnih ponuđenih opcija za animaciju su slide in/out, ease in/out i slično. Da biste proverili šta ste tačno uradili i kako to izgleda, imate dve opcije. Prva je da odmah u kliknete na Play iznad timelinea i pokrenuće se animacija. Ukoliko želite pun doživljaj, onda vam preporučujemo da isprobate pravi Preview, koji dobijate klikom na istoimeni taster u gornjem desnom uglu. Ova opcija sve što ste animirali stavlja u internet browser, na taj način vam pružajući uvid u to kako će se sve videti kada stvarno bude postavljeno na neku veb-stranicu. Ukoliko ste zadovoljni rezultatom, vreme je da animaciju eksportujete i tek tada ćete videti šta je sve Web Designer uradio za vas. Eksport se obavlja preko par klikova mišem, a folder koji dobijate kao krajnji rezultat sadrži čitav paket fajlova. Jedan od njih je glavni HTML fajl, dok su ostali prateći CSS i JS fajlovi koji su neophodni da bi vaša animacija radila. Sve te fajlove program je napravio za vas, a da vi pritom niste morali ni da otvorite Code View. Međutim, Web Designer ostavlja prostora i za one koji žele da naprave čitav sajt, a ne samo malu animaciju. Ako se odlučite za ovaj korak, trebalo bi da ste napredniji korisnik i da poznajete i HTML, CSS i JS, jer ipak morate razumeti šta program može da uradi za vas i kako da prepoznate tu opciju unutar programa, kao i šta ćete ipak morati „peške” da iskodirate u Code View prozoru. Ovakav poduhvat bio bi mnogo lakši kada bi postojali neki, makar potpuno jednostavni, šabloni za čitave veb-sajtove, ali nema ih. Prosto je neverovatno da je ovaj program doživeo svoje šesto izdanje, a da još uvek ne postoji ni jedan jedini template za ceo sajt. Ukoliko vaše potrebe prevazilaze puko pravljenje reklama za GoogleAdds, odaberite opciju Custom pri izboru početne rezolucije, pripremite svoj layout, importujte sve slike i video-klipove koje želite da ubacite i istražujte po interfejsu počevši „od nule”. Stvar je jedino u tome što vam u tom slučaju treba više i vremena i veštine. U Library možete da ubacite sve od slika i GIF-ova koji vam mogu zatrebati u radu, a odmah pored možete naći i Components koji sadrži gotove elemente kakvi su tasteri, galerije, mape, polja za tekst ili, recimo, 3D komponente koje su još uvek u beta verziji. Savetujemo da svakoj slici, tekstu i bilo kom elementu dodate ID kako biste se kasnije snašli u CSS i JS kodu koji ćete dorađivati. Takođe, svakoj komponenti koju dodate na radnu površinu, bilo da je dodata iz komponenata ili ste je vi sami napravili i ubacili iz biblioteke, možete desnim klikom miša dodati event. Odmah se otvara novi, manji prozor u vidu upitnika gde je potrebno samo da odaberete opcije: na koji tačno event (klik ili dodir) će se odigrati koja opcija (recimo, otvoriti nova stranica ili otići na neki spoljni link). Meni morate da dizajnirate sami, kao i kontakt formu, a za sve složenije funkcije otvorite CodeView i proverite koliko ste vešti u suvom programiranju. CSS kod možete da dodate i u DesignView prozoru: obeležite element kom želite da dodate neku osobinu u CSS-u i u donjem levom uglu pojaviće se polje za asistirano pisanje CSS kodova. Odmah pored je i Responsive tab gde možete upisati pravila za responzivnost vaše stranice. U CodeView prozoru dočekaće vas kompletan kod sa svim HTML, CSS i JS linijama koda, uredno smeštenim u body, style i script tagove. Tu možete da dodate sve ono što niste pronašli u Design prozoru i sve ono što ste zamislili, a Web Designer još uvek ne nudi na neki drugi, brži način. Ono što nam se dopalo kod ovog programa je što ne možemo da ga uporedimo sa tipičnim drag and drop alatkama ili tipičnim code editorima, pa čak ni sa Adobe Flashom, iako sadrži elemente svih ovih programa. Spreman je da dočeka poznavaoca veb-dizajna i pohvali se svim svojim opcijama iako je potrebno malo prilagođavanja. Gordana RADOVIĆ | | |
