Izrada stilova za Web stranice

Pre nego što krenemo sa predstavljanjem programa, ukratko ćemo objasniti šta su to stilovi (style sheets). CSS (Cascade Style Sheet) jeste grupa instrukcija koja govori Web čitaču kako da iscrta neki element na stranici. Zato se iz ugla stilova mora usvojiti ideja da je HTML stranica skup elemenata nad kojima se kreiraju stilovi. Kada Web čitač učita stranicu nad kojom su primenjeni stilovi (u obliku linka ili uneti na samoj stranici), on će te stilove koristiti za formatiranje elemenata koji čine tu stranicu. Tokom godina stilovi su prešli put od jednog novog načina za prikaz stranica pa sve do stadijuma kada se može reći da su neizbežan pratilac svake dobro formatirane Web stranice. Kolika je primena CSS-ova i kako oni utiču na vizuelni identitet stranice, govori i činjenica da se jedna stranica može prikazati na dva potpuno drugačija načina samo izmenom ovih stilova.

Stilovi se mogu automatski generisati ili pisati od nule. I u jednom i u drugom slučaju može da vam pomogne Style Master. To je CSS editor sa punom podrškom za ručno editovanje stilova koje nakon izrade možete povezati sa HTML dokumentima. Najjednostavniji način za izradu stilova jeste korišćenje čarobnjaka. U nekoliko koraka ovde možete podesiti vrstu fonta, način formatiranja teksta, prikaz naslova... Čarobnjaci, međutim, ne dozvoljavaju korisniku da ima punu kontrolu nad svim objektima na stranici, već se mogu koristiti samo za jednostavnije primene ili kao neka vrsta automatskog generatora stilova na kojima se kasnije mora dodatno raditi da bi se dobilo tačno ono što želite. Stoga svakako preporučujemo da se malo više zadubite u editor i njegove opcije. Naravno, u programu postoji i kolekcija gotovih šablona kojima taj početni deo posla možete maksimalno da ubrzate.

Radni deo ekrana programa mogli bismo da podelimo na dve celine, iako ih vizuelno ima mnogo više. Levi deo ekrana je namenjen prikazu pravila koja su iskorišćena u konkretnom projektu. Ispod njih je mali preview ekran koji prikazuje efekat pravila koje je trenutno u fokusu. Gornja polovina središnjeg dela ekrana predstavlja tekst editor u kojem se prikazuje sadržaj CSS dokumenta na kojem se trenutno radi. Ova tri prozora predstavljaju prvu celinu koja je namenjena za klasično editovanje. Drugu celinu čine dva prozora. U velikom Preview prozoru može se videti kompletan izgled stranice sa pripadajućim stilovima, dok se u desnom delu ekrana nalazi prozor sa svojstvima svakog elementa koji se nalazi na stranici. Svi ovi prozori su međusobno povezani i izmena u jednom prozoru automatski će se reflektovati na izmene u svim ostalim prozorima. Na primer, ako u editorskom delu promenite font za prikaz teksta na stranici, automatski će se taj font pojaviti i u Preview prozoru i u Properties meniju gde se podešavaju fontovi. Generisani stilovi se pomoću odgovarajućih čarobnjaka mogu pridružiti postojećim HTML stranicama ili snimiti u samostalan CSS fajl koji će se pozivati iz HTML stranice.

Pre nego što se odlučite za nabavku ovog programa treba da raščistimo jednu stvar. Style Master NIJE editor Web stranica i HTML dokumenata. Njime nećete moći da napravite Web sajt. On predstavlja samo pomoćno sredstvo kojim možete da definišete izgled stranice ili kompletnog sajta i da ta setovanja pridružite odabranim HTML dokumentima koji su ranije kreirani u nekom HTML editoru. Ako se ovo usvoji, Style Master može da postane neizostavan pomoćnik u kreiranju Web sajtova.

Branislav BUBANJA