WYSIWYG Web Builder 11

U martovskom broju predstavili smo program RocketCake koji predstavlja jednostavan i elegantan način da se napravi sajt koji će biti lepo prikazan na svim ekranima bez obzira na njihove dimenzije. U to vreme je još bila aktuelna verzija 10.4.6 WYSIWYG Web Buildera (u daljem tekstu, WWB) koja nije kvalitetno podržavala tu mogućnost. U međuvremenu je izašla verzija 11 koja je sa sobom donela tu nedostajuću notu prilagodljivog (responsive) dizajna i u ovaj dosta poznati program za izradu veb sajtova.

WWB je odavno poznat kao radno okruženje pomoću kog je moguće na lak način doći do kvalitetnog sajta. Iz imena se odmah vidi da je reč o softveru koji se čvrsto drži filozofije WYSIWYG (What You See Is What You Get), koja kaže da će konačni rezultat biti jednak onome što trenutno vidite na vašem ekranu. Korisnički interfejs vizuelno podseća na Microsoft Office zbog korišćenja Ribbon paleta alatki, ali ga je jednostavno moguće pretvoriti u klasični oblik sa padajućim menijima, što se pozitivno odražava na menadžment radnim prostorom. Sa leve strane se nalazi panel sa elementima koji se mogu postaviti u okviru veb stranice, centralni deo je posvećen editoru, dok su sa desne strane smešteni paneli za svojstva izabranih objekata i menadžer fajlova koji ulaze u sastav projekta.

Program kao da ima za cilj da što bolje sakrije postojanje HTML koda, što možda jeste dobra stvar za početnike, ali oni nešto iskusniji to mogu uzeti kao nedostatak. Kôd je moguće videti preko opcije Page HTML, ali ga nije moguće menjati. Doduše, postoji metod za ubacivanje HTML ili JavaScript sadržaja unutar stranice preko elementa iz palete alatki pod nazivom HTML, ali o tome nešto kasnije. Stranice možete kreirati „od nule” ili uz pomoć već gotovih šablona. Istina, uz program ih dolazi samo nekoliko (ne preterano atraktivnih), ali je sa sajta moguće besplatno preuzeti na desetine drugih.

Već smo nagovestili da ova verzija podržava rad sa prilagodljivim dizajnom. Za tu namenu se ispod područja editora nalaze dve male ikonice: Add breakpoint i Manage breakpoints. Klikom na prvu dobijamo dijalog prozor u kome se od nas traži da definišemo rezoluciju na kojoj će se aktivirati ta tačka prekida, kao i da li se to odnosi na portretni ili pejzažni režim prikaza. Opcija Manage breakpoints, s druge strane, služi kao mesto sa koga možete vršiti izmene na postojećim tačkama prekida. Definisanjem različitih stilova moguće je odrediti ponašanje svakog pojedinačnog objekta na stranici u zavisnosti od trenutne rezolucije, što i jeste glavna novost verzije 11.

Program ima impresivnu paletu elemenata koji se mogu koristiti za konstrukciju sajta. Oni su podeljeni u 11 logičkih kategorija i spomenućemo samo one najzanimljivije. Potkategorija Standard sadrži neke od tradicionalnih elemenata jezika HTML. Tu se našlo mesta za tabele, linkove, zaglavlja, liste i još neke. Pomenuli smo ranije da je moguće ubacivati i HTML/JavaScript kod preko elementa istog naziva iz ove potkategorije. To se čini tako što se upiše kod unutar dijaloga i odredi mesto gde će on biti smešten u okviru stranice. U dijalogu je i polje Resources unutar koga možemo staviti jQuery funkcije za izvođenje određenih zadataka. Potkategorija Images sadrži alatke za prikazivanje (logično) fotografija. Osim jednostavnog postavljanja slika na sajt, u mogućnosti smo da ih prikazujemo kao slideshow ili u obliku galerije. Tu je i element koji automatski menja fotografiju prilikom prelaska strelice miša (hover), kao i onaj koji će u istim okolnostima na njoj elegantno ispisati neki tekst. Potkategorija Drawing sadrži zanimljiv skup „crtačkih” elemenata koji više priliče nekom programu za vektorsku grafiku nego onom za izradu sajtova. Možemo slobodno reći da je WWB po kvalitetu i kvantitetu ponuđenih opcija iz ove oblasti daleko ispred konkurencije.

Kategorija Form Controls sadrži elemente koji se koriste za prikupljanje/upisivanje podataka od strane korisnika sajta. Moramo istaći da smo prijatno iznenađeni jednostavnošću koju nudi „čarobnjak” za kreiranje ove vrste sadržaja. U potkategoriji Media se našlo mesto za elemente koji omogućavaju jednostavno ugrađivanje audio i video sadržaja bez obzira na to da li je u pitanju Flash ili HTML format. Podržani su i elementi za prikazivanja videa preuzetog sa servisa YouTube i Vimeo. Potkategorija Navigation sadrži veliki broj moćnih instrumenata za pravljenje menija i drugih elemenata navigacije. Izbor je veoma veliki i teško da će se naći neko ko bi rekao da tu nešto nedostaje. Vrlo je zanimljiva i potkategorija PayPal eCommerce koja će na jednostavan način integrisati ovaj popularni servis plaćanja na vaš sajt. Interesantne mogućnosti se kriju i u potkategoriji jQueru UI. Tu je smešten veći broj naprednih upravljačkih elemenata iza kojih stoji popularna ekstenzija jezika JavaScript. Što je najlepše, umesto da se mučite sa učenjem programskog jezika (mada je to dobra i korisna ideja), vi jednostavno ubacujete na stranicu ono što je neko drugi pripremio za vas.

Program ima i veliki broj opcija namenjenih naprednim korisnicima, a koje nećemo detaljno opisivati. Mnogo je toga ostalo neopisano i u vezi mogućnosti koje pruža tehnologija CSS3 sa svojim animacijama i transformacijama koje je na lagan način moguće dodeliti skoro svakom objektu. Unutar programa se nalazi i kvalitetan modul za obradu slika koji nudi neočekivano mnogo mogućnosti.

WWB 11 izrastao je u moćnu platformu za kreiranje veb sajtova. Iako je bazično orijentisan prema neprofesionalcima, on u sebi sadrži mnogo alatki koje prevazilaze znanje i mogućnosti „običnih korisnika”. Mišljenja smo da bi mnogo bolje bilo da je ostavljena mogućnost direktne izmene HTML koda, ali i ovako nije loše. Za sve one koji ne žele da se petljaju sa klasičnim CMS-ovima i ne pristaju na njihova ograničenja, WWB je odlično rešenje za sajtove manjeg obima.

Igor S. RUŽIĆ