CSS je najbolji način za izradu dizajna web stranice
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. I tablice mogu biti vrlo teško za čitatelje čitača za analizu. 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 lakšim dok to radite, ali je morate 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. Osim toga, ako održavate web stranice kao član tima, svima morate objasniti način na koji tablice funkcioniraju ili ih očekuju da će poduzeti dodatno vrijeme kada trebaju izvršiti promjene.
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. A kada želite promijeniti izgled web-lokacije, jednostavno promijenite jednu CSS datoteku, a cijela web-lokacija ne prelazi svaku stranicu jednu po jednu za ažuriranje tablica za ažuriranje izgleda.
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.
U tablicama ne uvijek dobro ispisujte
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. Trebali biste upotrebljavati tablice samo za tablične podatke. Tablični podaci obično izgledaju kao nešto što bi se moglo prikazati u proračunskoj tablici ili možda u bazi podataka.
Ali HTML5 je promijenio pravila, a sada su tablice za izgled, a nisu preporučene, sada su važeći HTML. HTML5 specifikacija navodi: "Tablice se ne smiju upotrebljavati kao pomagala za oblikovanje".
Budući da su tablice za izgled teško za čitateljima zaslona razlikovati, kao što sam gore spomenuo.
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. HTML5 također preporučuje 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 kupci obično ne kažu točnu tehnologiju koju biste trebali koristiti za izradu svojih web stranica. Ali vas pitaju za nešto poput:
- Dostupne web stranice: projekti čiji čitatelji mogu vidjeti, mnoge su zemlje i korporacije sve više i više važnije smatraju dostupnima.
- Održive web stranice: dizajni koje mogu poduzeti sa sobom čak i ako ih nećete održavati u budućnosti.
- Fleksibilni dizajni: dizajni koji rade na mnogim preglednicima, rezolucijama i uređajima.
- Brzo preuzimanje stranica: brzina postaje sve važnija, čak i za SEO.
- Dizajn ispisa: stranice koje ispisuju bez posebnih skripti ili dodatnih stranica.
Ako ne možete isporučiti ono što klijenti traže, prestat će vam dolaziti za dizajne, možda ne i danas, ali možda iduće godine ili godinu dana kasnije. Možete li si stvarno dopustiti da puste vaše poslovanje jer niste spremni početi učiti 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 na način na koji su trebali biti izgrađeni - s CSS-om za izgled.