Sadržaj
Suvremeni web sastoji se od nekoliko aspekata, tu su tehnički, funkcionalni i estetski, svaki od ovih aspekata važan je u istoj mjeri kao i drugi, međutim kada je osoba sličnija jednom od njih, oni ih zanemaruju njih, ostalo.U tom smislu, kada je osoba više povezana s tehničkim aspektom, općenito zanemaruje estetski aspekt, gdje je funkcionalni aspekt križ između obojega, jer neće sve što je vrlo estetsko biti funkcionalno, i činjenica da koristimo sve najnovije tehnologije ne čine ni web stranicu ni projekt.
The CSS To je način na koji možemo ugraditi estetski dio u web na prijateljski način za programere, a služi i kao univerzalni jezik za komunikaciju s korisničkim iskustvom i dizajnerima front-enda, budući da je to način da se pogledati bilo koju web stranicu.
Što je CSS?CSS je jednostavan jezik koji se koristi za definiranje stilova koji se mogu primijeniti u dokumentima HTMLSpominjanjem stilova riječi želimo reći da možemo kontrolirati sve, od načina na koji se vide fontovi na web stranici, do implementacije pokazivača miša, boja, slika, izgleda zaslona itd.
CSS je standard i u nadležnosti je W3C, tako da svaki preglednik koji ima podršku za CSS Isto bi trebalo funkcionirati ako se pridržavate uputa koje je izdala ova institucija.
Što je CSS3?CSS3 je razina specifikacije CSS, četvrta je specifikacija od kada postoji CSS, CSS2, CSS2.1 a sada CSS3Svaka specifikacija polazi od prethodne i svaka uključuje poboljšanja, nove stilove i nove načine njihove primjene. Specifikacije ovih implementacija mogu se vidjeti na webu www.w3.org/Style/CSS:
POVEĆAJTE
Koja je svrha CSS -a?Uloga koju treba odigrati CSS na našim web stranicama je pripremiti naše strukture za predstavljanje, odnosno izraditi HTML koje smo izgradili izgledaju dobro da bi bile prikazane korisniku. Ovo se može činiti pomalo glupim za reći, međutim tu dolaze tri faktora koja smo spomenuli na početku, HTML bez stilova može biti funkcionalan i može koristiti vrlo moderne tehničke elemente, no sam po sebi neće biti estetski ; To znači da iako je naša web stranica najbolja, bez CSS činit će se donekle nepotpunim.
Prednosti korištenja CSS -a
- Prezentaciju odvajamo od strukture, što pomaže da naša web stranica bude modularna.
- Stilski listovi CSS mogu ih dijeliti sve stranice web stranice, tako da postižemo dosljednost i štedimo posao.
- S CSS možemo stvoriti stilove za različite uređaje i okruženja.
- Održavanje web stranice koju ste implementirali CSS mnogo je lakše.
Moderni preglednici
U prvim danima modernog weba, govorimo o 90 -ima, bilo je malo opcija za web preglednike, čak su neki bili i plaćeni, ali najviše se sjećamo sigurno rata Internet Explorer Y NetscapeTo je dalo poticaj da se uzme u obzir funkcionalni aspekt, međutim, rat je značilo da svaki preglednik ima svoja pravila i to je web developeru onemogućilo život. Trenutno imamo mnogo opcija preglednika, a velika većina je besplatna za korisnika, najvažnije su:
- Google Chrome.
- Safari.
- Mozilla Firefox.
- Opera.
- Internet Explorer.
POVEĆAJTE
WebKitTo je motor otvorenog koda i koristi ga Krom Y SafariIako svaki koristi isti mehanizam, njihova implementacija nije nužno ista, pa mogu postojati razlike među preglednicima.
Tropski gušterTo je motor koji je razvila Mozilla, a koristi ga Firefox. Ovaj je motor također otvorenog koda, pa možemo pronaći preglednike koji ga dijele.
PrestoTo je motor koji koristi Opera i vlasnički je pa ćemo ga vidjeti samo kao dio proizvoda svoje matične tvrtke.
TrozubacTo je motor Internet Explorer i trenutno je dostupan samo u ovom pregledniku i Microsoftovim proizvodima.
Ove su informacije vrlo važne jer ne koriste samo strojni preglednici te strojeve, već i mobilni preglednici, klijenti poput upravitelja e -pošte, pa čak i neke aplikacije. Ako poznajemo motor, možemo pogledati na određeniji način kako bismo mogli pristupiti tehničkom aspektu koji ih regulira.
Stari preglednici
Do sada smo govorili o najpopularnijim opcijama preglednika na tržištu, no nismo istraživali pojedinosti o njihovim verzijama. Svaki put kad dođe do implementacijske promjene standarda CSS svaki preglednik obično se ažurira kako bi uključio promjenu ili nove funkcionalnosti. Zbog toga su stare verzije povučene u prošlost i stoga je njihova razina kompatibilnosti niža.
Ono što se događa je da se svi korisnici ne mogu ažurirati iz mnogih razloga, nedostatka dozvola, nekompatibilnosti s važnim aplikacijama na svom sustavu, pa čak ni iz sigurnosnih razloga tvrtke u kojoj rade, koji moraju testirati nove preglednike s istim sustava.
To znači da imamo vrlo moderne web stranice koje možda neće raditi u starim preglednicima, zbog čega ovaj aspekt moramo uzeti s oprezom tijekom izgradnje naših web stranica.
Najneugodniji slučaj
Vrlo je potreban odjeljak za razgovor Internet Explorer, a da ne govorimo samo o lošim stvarima, jer smatramo da je ova velika američka tvrtka na spektakularan način doprinijela razvoju računalne i informacijske tehnologije na globalnoj i povijesnoj razini.
POVEĆAJTE
Ovdje su najmlađi mogli pomisliti zašto su nastavili razvijati za te preglednike, a odgovor je jednostavan, unatoč svemu Internet Explorer jedan je od najčešće korištenih preglednika u svijetu jer je integriran u Windows prema zadanim postavkama koji je i najčešće korišteni operacijski sustav.
Nedavno je 2015. objavljeno da će ovaj preglednik biti ukinut, no njegov nasljednik još nije u potpunosti otkriven, a kada se komercijalno pusti u rad moći ćemo vidjeti hoće li se stari problemi nastaviti ili ne.
CSS više od stilova
Sva ta znanja su neophodna, možemo puno znati o uputama CSS ali ako ne poznajemo pozadinu, možemo patiti, od implementacije s najboljim praksama do problema s klijentima koji ne vide iste stvari koje mi vidimo, a sve zbog korištenja određene verzije preglednika. Trenutno postoje okviri koji nam pomažu u prevladavanju svih ovih nedaća, međutim, kad nam treba nešto vrlo specifično, općenito tu funkciju moramo izvesti od nule i tu moramo znati osnove CSS.
Na kraju ovog vodiča mogli smo to vidjeti CSS To je mnogo više od jednostavnog jezika i puno je više od stilova, možemo reći da je ključna osnovna komponenta za naše web stranice i ima veze s mnogim aspektima, poput svega što smo vidjeli o preglednicima, motorima i čak i pitanja kompatibilnosti.
