Kurs CSS – početni nivo

Kurs je namenjen početnicima u web dizajnu, polaznicima koji poznaju osnove HTML-a i svima koji žele da unaprede vizuelni izgled jednostavnih stranica.

Preporučeno prethodno znanje: Preporučuje se osnovno poznavanje HTML elemenata i strukture HTML dokumenta, jer se CSS pravila primenjuju na njih.

Tokom nastave polaznik će kroz praktičan rad učiti da:

• Povezuje CSS sa HTML dokumentom i piše osnovna stilska pravila.
• Koristi selektore, pseudo-klase i svojstva za tekst.
• Razume padding, border, margin i druga svojstva modela kutije.
• Koristi svojstva display, visibility, overflow i pozadinske stilove.
• Upoznaje float i position i primenjuje ih na jednostavnim primerima.
• Stilizuje zaglavlje, sekcije sadržaja, članak i podnožje stranice.

CSS je jedna od osnovnih tehnologija front-end razvoja, jer određuje prikaz i raspored sadržaja. Koristi se u web dizajnu i pri održavanju izgleda postojećih stranica. Ovaj osnovni kurs ne predstavlja potpunu obuku za savremeni responzivni dizajn i napredne CSS tehnike.

Individualna nastava (1 polaznik) traje 12 školskih časova, mikro grupa (2–3 polaznika) 12 školskih časova, a standardna grupna nastava (4 i više polaznika) 14 školskih časova. Nastava se može realizovati uživo u prostorijama Akademije Oxford ili online. Svi moduli iz dostavljenog plana obuhvaćeni su prilagođenim fondom časova, a dodatno vreme u grupi služi za vežbanje i zajedničku proveru rezultata.

Moći ćete da napišete osnovna CSS pravila, oblikujete tekst i okvire elemenata i primenite jednostavne tehnike raspoređivanja pri izradi statičke stranice.

1. Uvod u CSS – Sintaksa i povezivanje sa HTML-om; selektori elementa, ID i klasa; komentari, grupisanje i kontekstualni selektori; pseudo-klase i tekstualni stilovi. Praktičan rad: stilizovanje kratkog HTML dokumenta.
2. Box model – Padding, border, outline, margin, display, visibility, overflow i pozadinska svojstva. Praktičan rad: oblikovanje razmaka i granica elemenata.
3. Float i position – Priprema projekta, float i rešavanje rasporeda elemenata, upoznavanje sa position svojstvom i primerom rasporeda stranice. Praktičan rad: postavljanje elemenata na stranicu.
4. CSS kodiranje – primer 1 – Globalni stilovi, raspored, glavno zaglavlje i uvodna sekcija sa člankom. Praktičan rad: oblikovanje prvog dela ogledne stranice.
5. CSS kodiranje – primer 2 – Sekcija vesti, podnožje stranice, lista društvenih mreža i osnovni transition efekti. Praktičan rad: završavanje stilizovanja ogledne stranice.

Na kursu se radi u editoru koda i web pregledaču, u jezicima HTML i CSS.