Stilska tablica (veb razvoj)

Veb stilska tablica predstavlja formu odvajanja sadržaja i naslova za veb dizajn u kojim je jezik za pravljenje baze (HTML ili HHTML) veb stranice koji sadrži semantički sadržaj i strukturu, ali ne definiše svoj vizuelni izgled (stil). Umesto toga, izgled se definiše u spoljašnjoj stilskoj tablici koristeći jezik stilske tablice kao što su CSS ili XSLT. Ovakav pristup dizajnu je poznat kao "odvajajući" zato što u velikoj meri zamenjuje prethodnu metodologiju u kojoj je definisan izgled stranica kao i struktura.

Osnovna filozofija ove metodologije je poseban slučaj odvajanja problema.

Benefiti

Razdvajanje stila i sadržaja ima svojih prednosti, ali je jedino praktična nakon poboljšanja u popularnim veb pregledačima kao što je CSS na primer.

Brzina

Generalno gledano, iskustvo korisnika pri korišćenju sajta sa stilskim tablicama će generalno biti brži od sajtova koji ne koriste tehnologiju. "Uglavnom" će se prva stranica učitati mnogo sporije - zato što stilska tablica i sadržaj moraju da budu premešteni. Sledeće stranice će se učitati mnogo brže zato što ne postoji stilska informacija koja bi trebalo da se skine - CSS fajl će već biti u skladištu pretraživača.

Sposobnost snabdevanja

Držeći sve stilove prezentacija u jednom fajlu, može se smanjiti vreme održavanja i redukovati šansa za greške, čime se poboljšava doslednost prezentacije. Na primer, boja fonta povezana sa vrstom teksta može biti naznačena - samim tim i laka za izmenu - kroz ceo vebsajt jednostavno tako što se promeni jedan kratak string karaktera u jedan fajl. Alternativni pristup, koristeći stilove ugrađene u svaku pojedinačnu stranicu, zahtevao bi težak, dugotrajan fajl i fajl koji je sklon greškama.

Pristupačnost

Sajtovi koji koriste CSS preko XHTML-a ili HTML-a su lakši za podešavanje tako da se oni ponašaju slično u različitim pretraživačima (Internet eksplorer, Mozila fajerfoks, Opera, Safari, itd.).

Sajtovi koji koriste CSS-ovo "grandiozno degradiranje" u pretraživačima, onemogućeni su da prikažu grafički sadržaj, kao npr. Lynx, ili oni koji su toliko stari da ne mogu da korise CSS. Pretraživač ignoriše CSS koji ne razume, kao što je CSS 3 izveštaj. Ovo omogućava širokom spektru korisničkih agenata da pristupe sadržaju sajta čak i ako ne mogu da menjaju stilske tablice ili nisu dizajnirani grafičkom mogućnošću. Na primer, pretraživač koristi obnavljajući displej za slepe za izlaz koji bi mogao zanemariti raspored informacija u potpunosti, ali bi korisnik i dalje imao pristup celokupnom sadržaju.

Prilagođavanje

Ako se raspored informacija stranice čuva eksterno, korisnik može da isključi raspored informacija u potpunosti, ostavljajući sajt bar sadržaj u vidljivoj formi. Autori sajta mogu takođe ponuditi više stilskih tablica, koji se mogu koristiti za promenu izgleda sajta bez menjanja sadržaja.

Većina modernih veb pretraživača takođe dozvoljava korisnicima da definišu sopstvenu stilsku tablicu, što može uključivati pravila koja nadjačavaju pravila autora rasporeda. Ovo omogućava korisnicima da bolduju svaki hiperlink na svakoj strani koju posete.

Doslednost

Zato što semantički fajl sadrži samo značenje onog što je autor hteo da prenese, stilizovanje različitih elemenata sadržaja nekog dokumenta je veoma dosledan. Na primer, naslovi, iskošeni tekst, liste i matematički izrazi svi imaju dosledano primenjeno svojstvo doslednosti iz spoljašnje stilske tablice. Autori ne moraju istovremeno da brinu o svojstvu izgleda stranice i o kompoziciji stranice. Ovi prezentujući detalji se mogu zanemariti do samog čina prezentacije.

Prenosivost

Odlaganje prezentujućih detanja do samog čina prezentacije znači da se dokument može jednostavno ponovo koristiti za potpuno drugačiju prezentaciju koja sadrži novu stilsku tablicu koja je već pripremljena za novu sredinu i u skladu je sa elementarnim ili strukturalnim vokabularom semantičkog dokumenta. Pažljivo pravljen dokument za veb stranice, može se lako štampati kao jasno ograničen dokment sa kompletnim delovima kao što su heder i futer, brojevi stranica i generisani sadržaj, jednostavno dodavanjem nove stilske tablice.

Današnje praktične mane

Trenutne specifikacije (na primer, XHTML, XSL, CSS) i softverski alati koji sprovode ove specifikacije su dostižne jedino u ranim fazama zrelosti. Dakle, postoje neki praktični problemi sa kojima se suočavaju autori koji žele da prihvate ovaj metod razdvajanja sadržaja i izgleda.

Teško usvajanje bez raščlanjavanja i generisanja alata

Dok su specifikacije izgleda prilično dobre i još uvek u razvijanju, softverski alati se sporo prilagođavaju. Većina glavnih veb developera alata i dalje podržava pomešan izgled prezentacije i sadržaja. Samim tim, autori i dizajneri radeći sa GUI baziranim alatima, teško prate semantički veb metod. Pored GUI alata, skladišta za uprošćavanje stilskih tablica će pomoći da što pre dođe do usvajanja ovih metoda.

Vidi još

• Razdvajanje problema
  

Spoljašnje veze

• CSS Zen Garden: Sajt koji izaziva dizajnere da stvaraju nove rasporede stranica bez izmene XHTML izvora. Postoji na desetine rasporeda. CSS izvor se može videti na svakom rasporedu.