WYSIWYG Web Builder 15

Bavite se veb-dizajnom ili možda na jednostavan način želite da napravite sajt za sopstvene potrebe? Evo nečega što bi moglo da vam pomogne! WYSIWYG Web Builder naoružan je drag and drop alatkama, ali ima prostora i za dodavanje koda ukoliko je to potrebno. Ovaj program dozvoljava građenje veb-sajta na tri načina koji međusobno mogu da se dopunjavaju, uz već pomenuto ručno ubacivanje linija koda kada za to postoji potreba.

Interfejs neodoljivo podseća na onaj iz MS Officea. Izgleda da je i autoru ovog programa palo na pamet da na ovaj način približi program većem broju klijenata – u poznatom okruženju ćete se lako snaći. Radna površina zauzima centralni deo ekrana, a oko nje su raspoređeni meniji sa grupisanim alatkama. S desne strane je meni za konstruisanje broja stranica i njihovog odnosa. To je mesto gde upisujete koje sve stranice budući sajt treba da ima, kao i koje od njih će biti u glavnom meniju, a koje u padajućim menijima i podmenijima. U istom dijalogu nalaze se i opcije za kloniranje stranice, importovanje već postojeće stranice, pravljenje novog foldera, brisanje nepotrebnih stranica i slično. Takođe, ovde su i opcije za uređivanje svake stranice ponaosob kakve su, na primer, meta-tagovi, boje koje će se koristiti, na koji način će sadržaj stranice biti centriran i tako dalje.

Odmah ispod je dijalog koji definiše sve propertiese i sadrži opcije sa njihovu izmenu. Svaka komponenta koju odaberete na radnoj površini (meni, slika, tekst, galerija...) ovde može da bude uređena po vašoj meri. Pre svega dodelite joj neki ID koji će vama u budućem radu ukazivati na to koji je to element. Nakon toga uređujete posebne osobine koje se obično uređuju u CSS-u, a ovde jednostavno popunite neku vrstu obrasca i završili ste posao. Sem ukoliko vam se dopadaju podrazumevane vrednosti – onda čak i ne morate ništa da dirate. Svaki element zavisno od vrste ima svoj set vrednosti koje treba da definišete. Ovo je mesto gde možete ubaciti i CSS animacije i eventove, sve zavisi od dostupnosti opcija na određenom elementu.

S druge strane radne površine nalaze se još dva dijaloga. Oba sadrže elemente koje možete da ubacite, ali se oni razlikuju po složenosti. Gornji dijalog – Toolbox, sadrži baš mnogo elemenata i opcija. Ovde po drag and drop principu na radnu površinu možete da ubacite sve od običnih linija, teksta, fotografija, pa do složenijih elemenata kakve su meniji, galerije, delovi kontakt formi, loaderi, tabele, pa do vrlo složenih animacija i menija. Svaki od ovih elemenata na radnu površinu dolazi u nekoj osnovnoj varijanti, što znači da ni dimenzijama ni bojama nije baš privlačan oku. Vaše je da ga doterate pomoću opcija koje će se pojaviti u gornjem delu interfejsa, a koje su specifične za svaki element. To znači da slike, odnosno njihovo uređivanje, ima svoje opcije dok, recimo, tabele imaju svoj set opcija za uređivanje. Na radnoj površini određujete dimenzije svakog od elemenata, kao i gde će biti pozicioniran, dok boje, font i dodatne opcije uređujete pomoću dodatnih dijaloga.

Ukoliko vam ovo nije dovoljno brzo i teško vam je da se dizajnerski pronađete, dijalog Blocks nudi neka gotova rešenja. Ovde su ponuđeni gotovi meniji, kontakt forme, blokovi sa linkovima ka društvenim mrežama, galerije i slično. One su već funkcionalne i dizajnirane tako da je vaše samo da izmenite tekst i ubacite svoje slike ili još neki potreban podatak. Ti blokovi mogu da se slažu jedan ispod drugog, tako da nakon par načinjenih koraka možete da imate single page sajt. Desnim klikom miša na svaki postojeći element, bez obzira na to da li je on pravljen ručno ili je deo gotovog bloka, pozivate povelik meni u kojem se nalaze skoro sve dostupne opcije. Iste te opcije se nalaze i u gornjem delu interfejsa pri vrhu ekrana, ali su ovde sve na jednom mestu i ne morate da ih tražite.

Ukoliko vam i slaganje veb-strane od blokova deluje kao previše posla, preporučujemo vam da pogledate gotove šablone koje dobijate u paketu sa programom. Iako ih ima dosta, nisu baš privlačni kada je u pitanju dizajn. Dizajner je inspiracijom ostao negde na početku ovog veka, ali uz male izmene i dodatke, i šabloni mogu da posluže, naročito korisnicima sa skromnijim potrebama.

Za vreme rada, iako na radnoj površini vidite sve što će se na strani nalaziti, dragocena je opcija Preview. Ona vam daje tačan uvid u to kako će šta izgledati, ne samo zato što na radnoj površini ne možete da vidite video-klipove i animacije, a u browseru možete, već i zato što stranicu možete da pogledate u svim browserima koje ste instalirali, pa tako uočite da li postoje neki problemi i razlike od browsera do browsera.

Kada dođete do tačke da ste zadovoljni izgledom i sadržajem projekta, treba da ga sačuvate. Sjajna stvar je što minuli rad možete da sačuvate kao budući šablon. Dakle, jednom se malo pomučite da dođete do lepog dizajna, a sledećih nekoliko puta možete samo malo da ga prilagodite i posao je završen. Kada eksportujete projekat, dobićete HTML stranice sa svim pratećim CSS i JS fajlovima, kao i folder sa slikama. Sve što vam je potrebno za upload biće smešteno u jedan folder, a ukoliko želite da doradite sajt u nekom kod editoru, i to vam je na raspolaganju – svi fajlovi su već povezani.

Za kraj ćemo istaći da ovaj program ima i dosta mana, pre svega dešava se da elementi koje koristite nisu kompatibilni, pa tako ne možete da odredite širinu strane ili ona bude različita na različitim komponentama. Zatim, dešava se da blok koji ste uzeli iz dijaloga Blocks „ne vidi” onaj iz dijaloga Toolbox pa se jednostavno pozicionira preko njega. Takođe, ne možete ni da obavite ručno raspoređivanje elemenata, već program prati isključivo raspored po kome ste ih dodali. Uglavnom, workflow je često otežan nekim nelogičnostima koje su nam pokvarile opšti utisak. Ocenićemo da ovaj program vredi taman onoliko kolika mu je cena, ali ni cent više.

Gordana RADOVIĆ