CSS
CSS
Poleg HTML-ja je za ustvarjanje spletnih strani najpomembnejši jezik CSS. S HTML-jem podamo vsebino, s CSS-jem pa jo nato oblikujemo in razporejamo, da naredimo stran pregledno in privlačno uporabnikom. V tečaju se bomo naučili pisati CSS kodo za oblikovanje, ki bo sledila modernim spletnim smernicam.
Začeli bomo z uvodom, v katerem bomo razložili nastanek in delovanje jezika ter njegovo sintakso, nato pa se bomo takoj prek praktičnih primerov s posnetki zaslona lotili programiranja. Osvojili bomo izbiranje različnih kosov vsebine, ki jim bomo dodali poljubne sloge in tako našo stran naredili unikatno.
Poskrbeli bomo za to, da bomo zagotovili pravilno delovanje v vseh spletnih brskalnikih. Ste se kdaj vprašali, kako brskalniki sploh vedo, kako naj izrišejo spletno vsebino? Dotaknili se bomo mnogo teh podrobnosti in s tem zajeli koncepte razporejevanja strani. Še več – stran bomo prilagodili različnim napravam, kot so mobilni telefoni, tablični računalniki, prenosniki in namizni računalniki.
Za konec pa vam bomo predstavili še nekaj naprednejših orodij in vam podali napotke, kako najti informacije o poljubni lastnosti CSS-ja, kadar koli jih boste potrebovali.
V tem tečaju se boš naučil:
- Kaj je CSS in kako ga pravilno pišemo?
- Kako izberemo različne dele vsebine HTML-ja in jih oblikujemo?
- Kako CSS sodeluje s HTML-jem?
- Na kakšen način brskalniki prikazujejo vsebino?
- Kje najti dokumentacijo, informacije o CSS-ju?
- Kako našo stran prilagoditi različnim brskalnikom in napravam?
- Kako razporediti elemente na strani na poljuben način – jim dati robove, obrobe?
- Kako delamo z barvami, ozadji, pisavami in različnimi merskimi enotami?
Komu je tečaj namenjen?
Tečaj je namenjen predvsem začetnikom v spletnem razvoju, bodisi bodočim spletnim razvijalcem, ki bodo razvijali spletne aplikacije in strani s pisanjem kode, ali pa avtorji blogov/drugih vsebin. Koristen je tudi za vse, ki z naštetimi sodelujejo – še posebej dizajnerjem uporabniške izkušnje (UX). Priporočljivo je predhodno osnovno znanje HTML-ja, ni pa obvezno.
-
Uvod v CSS
- Uvod v tečaj
- Potrebščine
-
Osnove CSS-ja
- Kaj je CSS?
- Privzeti slogi brskalnikov
- Sintaksa CSS-ja
- Osnovni tipi selektorjev
- Kako CSS sodeluje s HTML-jem?
- Vključitev CSS-ja v HTML
- Kako brskalniki uveljavijo sloge?
- Osnove CSS-ja: Izziv
- Osnove CSS-ja: Rešitev izziva
-
Specifikacije CSS-ja
- Preteklost in sedanjost CSS-ja
- Reference, dokumentacija
- Brskalniška podpora funkcij
-
Koncepti CSS-ja
- Normalizacija in reset
- Delo s pisavami
- Razumevanje modela škatle
- Notranji in zunanji odmiki
- Robovi in ozadja
- Delo z barvami
- Merske enote
- Brskalniške predpone
- Specifikacije CSS-ja: Izziv
- Specifikacije CSS-ja: Rešitev izziva
-
Razporeditev strani
- Strukturiranje strani
- Pozicioniranje elementov
- Floati
- Flexbox
- Mreža s CSS Grid
-
Delo s CSS-jem
- Organiziranje CSS-ja
- Vzdrževanje CSS-ja z nadzorom različic
- Uporaba razvijalskih orodij
- Validiranje CSS-ja
-
Odzivni CSS
- Uvod v odzivni spletni dizajn
- Delo s pravili media
- Kaj je mobile-first?
-
Naprednejši CSS
- Ogrodja za CSS
- CSS predprocesorji
-
Zaključek
- Kako nadaljevati z učenjem?