Učenje pisanja CSS izgleda može biti lukav, pogotovo ako ste upoznati s upotrebom tablica za izradu fantastičnih izgleda web stranica. Ali dok HTML5 omogućuje tablice za izgled, to nije dobra ideja.
Tablice nisu dostupne
Baš kao i tražilice, većina čitača zaslona čitaju web stranice redoslijedom da su prikazani u HTML-u, a tablice mogu biti vrlo teško za analizu čitača zaslona. To je zato što sadržaj u izgledu tablice, iako linearan, ne uvijek ima smisla kada se čita lijeva na desno i od vrha do dna. Osim toga, s ugniježđenim tablicama i različitim rasponima na staničnim ćelijama, stranica je vrlo teško shvatiti.
To je razlog zbog kojeg HTML5 specifikacija preporučuje tablice za izgled i zašto HTML 4.01 to ne dopušta. Pristupačne web stranice omogućuju više ljudi da ih koriste i predstavljaju marku profesionalnog dizajera.
S CSS-om možete odrediti odjeljak koji pripada lijevoj strani stranice, ali ga postavite u HTML. Zatim čitači zaslona i tražilice podjednako će pročitati važne dijelove (sadržaj) prvi i manje važne dijelove (navigaciju) posljednje.
Stolovi su lukav
Čak i ako izradite tablicu s web editorom, vaše web stranice i dalje će biti vrlo komplicirane i teško ih održavati. Osim najjednostavnijih dizajna web stranice, većina tablica izgleda zahtijeva korištenje velikog broja atributa i ugniježenih tablica.
Izgradnja stola može se činiti jednostavnim dok to radite, ali nakon što to učinite trebate ga održavati. Šest mjeseci niz liniju možda nije lako zapamtiti zašto ste ugniježili tablice ili koliko je stanica bilo u redu i tako dalje. Da ne spomenemo, ako održavate web stranice kao član tima, morate objasniti svima koji su uključeni kako tablice funkcioniraju ili ih očekuju da zauzimaju dodatno vrijeme kada trebaju napraviti izmjene.
CSS može biti kompliciran kao dobro, ali održava prezentaciju odvojenu od HTML-a i čini ga lakšim održavati na duži rok. Osim toga, s CSS izgledom možete napisati jednu CSS datoteku i stilirati sve svoje stranice tako da izgledaju na taj način. Zatim, kada želite promijeniti izgled svoje web stranice, jednostavno promijenite jednu CSS datoteku i cijela web stranica se mijenja - više ne prolazi kroz svaku stranicu jednu po jednu kako bi ažurirali tablice kako bi ažurirali izgled.
Tablice su nepopustljive
Iako je moguće izraditi tablične izglede s postotkom širine, često su sporije učitavanje i mogu dramatično promijeniti izgled izgleda. Ali ako upotrebljavate određene širine za svoje tablice, završite s vrlo krutim izgledom koji neće izgledati dobro na monitorima koji su različiti od vaših.
Izrada fleksibilnih izgleda koji izgledaju dobro na mnogim monitorima, preglednicima i rezolucijama relativno je jednostavan. Zapravo, pomoću CSS medijskih upita možete izraditi zasebne dizajne za različite zaslone veličine.
Ugniježđene tablice učitavaju sporije od CSS za isti dizajn
Najčešći način izrade fantastičnih izgleda s tablicama je "gniježđenje" tablica. To znači da se jedan (ili više) stol nalazi unutar drugog. Više tablica koje su ugniježđene, to će više trajati web preglednik da bi prikazao stranicu.
U većini slučajeva, izgled tablice koristi više znakova za stvaranje od CSS dizajna. A manje znakova znači manje za preuzimanje.
Tablice mogu povrijediti optimizaciju tražilice
Najčešći raspored stvoren tablicom ima navigacijsku traku na lijevoj strani stranice i glavni sadržaj s desne strane. Kada koristite tablice, to (općenito) zahtijeva da se prvi sadržaj koji se prikazuje u HTML-u navigacijska traka s lijeve strane. Tražilice kategoriziraju stranice na temelju sadržaja, a mnogi motori određuju da je sadržaj prikazan na vrhu stranice važniji od ostalih sadržaja. Dakle, stranica s početnom navigacijom na lijevoj strani izgleda da ima sadržaj koji je manje važan od navigacije.
Pomoću CSS-a možete staviti važan sadržaj na svoj HTML, a zatim upotrijebiti CSS kako biste utvrdili gdje bi se trebalo nalaziti u dizajnu. To znači da će tražilice prvo vidjeti važan sadržaj, čak i ako ga dizajn smanje na stranici.
Stolovi ne uvijek dobro ispisuju
Mnogi dizajn stolova ne ispisuju dobro jer su jednostavno preširovi za pisač. Dakle, kako bi im odgovarali, preglednici će odrezati tablice i ispisati odjeljke ispod, što rezultira vrlo disjointed stranicama. Ponekad završite sa stranicama koje izgledaju dobro, ali cijela desna strana nedostaje. Druge stranice ispisuju odjeljke na različitim listovima.
S CSS-om možete stvoriti zasebni list stila samo za ispis stranice.
Tablice za izgled nisu važeće u HTML 4.01
HTML 4 specifikacija navodi: "Tablice se ne smiju upotrebljavati isključivo kao sredstva za oblikovanje sadržaja dokumenta jer to može predstavljati probleme prilikom prikazivanja na ne-vizualni medij."
Dakle, ako želite napisati valjani HTML 4.01, ne možete koristiti tablice za izgled. Tablice podataka trebali biste upotrebljavati samo tablice, a tablični podaci općenito izgledaju kao nešto što se može prikazati u proračunskoj tablici ili možda u bazi podataka.
Međutim, HTML5 je promijenio pravila, a sada se tablice za izgled, a nisu preporučene, sada smatraju valjanim HTML-om. HTML5 specifikacija navodi: "Tablice se ne smiju upotrebljavati kao pomagala za oblikovanje". To je zato što su čitači zaslona teško razlikovati tablice za izgled, kao što je prethodno spomenuto.
Korištenje CSS-a za položaj i izgled Vaših stranica je jedini valjani HTML 4.01 način za dobivanje nacrta na kojima ste koristili tablice za stvaranje, a HTML5 preporučuje i ovu metodu.
Tablice za izgled mogu utjecati na vaše izglede za posao
Kako sve više i više novih dizajnera uči HTML i CSS, vaše vještine u izradi tabličnih rasporeda bit će sve manje i manje tražene. Da, istina je da korisnici obično ne kažu točnu tehnologiju koju biste trebali koristiti za izradu web stranica, ali zahtijevaju sljedeće:
- Pristupačne web stranice: dizajne koje se mogu pregledati čitačima zaslona su mandat mnogih zemalja, a korporacije sve više i više važnije smatraju pristupačnost.
- Održive web stranice: dizajni koje mogu poduzeti s njima čak i ako ih nećete održavati u budućnosti.
- Fleksibilni dizajni: projekti koji rade na mnogim preglednicima, rezolucijama i uređajima.
- Brzo preuzimanje stranica: brzina postaje sve važnija, čak i za SEO.
- Dizajni za ispis: stranice koje se ispisuju bez posebnih skripti ili dodatnih stranica.
Ako ne možete isporučiti ono što klijenti traže, prestat će dolaziti k vama radi dizajna - razdoblja. Možete li si stvarno dopustiti da puste vaše poslovanje zbog toga što niste spremni naučiti i ugraditi tehniku koja je bila u upotrebi od kraja 1990-ih?
Moral: Saznajte kako koristiti CSS
CSS može biti teško naučiti, ali vrijedno je vrijedno truda. Ne zadržavajte svoje vještine od stagnacije. Naučite CSS i izradite svoje web stranice onako kako su trebali biti izgrađeni - s CSS-om za izgled.
