U izradi web stranice, css omogućava oblikovanje vizualnog izgleda web stranice.
Duži kôd uzrokuje sporije učitavanje web stranice. Css omogućava uporabu manje kôda. Korištenjem css pravila i njihovom primjenom na sva ili samo neka pojavljivanja html elementa unutar web stranice, smanjuje se veličina css datoteke.
CSS stilove koristite za vizualno oblikovanje web stranice. Odvajanje html kôda i css stilova čini web stranicu čitljivijom i omogućava jednostavnije kôdiranje.
CSS omogućava uporabu oblikovanja više stranica web sjedišta istovremeno, korištenjem vanjske css datoteke. Dizajn web sjedišta je jedinstven, pa se stoga css stilovi mogu, često nepromijenjeni, primijeniti na iste elemente unutar cijelog web sjedišta.
Kada trebate promijeniti izgled jednog ili više css stilova koji se koriste unutar web sjedišta, trebate ih promijeniti samo na jednom mjestu i oni će biti promijenjeni za cijelo web sjedišta. Nema potrebe za pojedinačno mijenjanje svake pojedinačne stranice.
Responzivni web dizajn je danas jednostavno neizbježan. Web stranice moraju biti potpuno vidljive i dostupne na svim uređajima i veličinama zaslona. Bio to mobilni uređaj, tablet, prijenosno računalo ili smart tv uređaj, css omogućava potrebnu prilagodbu prikaza. To više nije izbor, nego uvjet dostupnosti web sjedišta svim korisnicima.
Sve što css prikazuje nalazi se u kutiji. Model kutije i njegovo razumijevanje je prvi korak u izradi kvalitetnog web sjedišta.
Želite li primijeniti css stilove na html elemente trebate ih selektirati. Css pruža velik broj različitih selektora.
Ponekad se primjenjuju dva ili više css pravila na jedan element. Naučite kako web preglednik određuje težinu selektora css pravila.
Neka css svojstva se nasljeđuju kada im nismo dodijelili vrijednost. Naučite kako se nasljeđivanje primjenjuje na elemente.
Postoji više načina dodjele boje uporabom css stilova. Saznajte koji su najčešći načini dodjele vrijednosti boja.
Kako zadati veličinu elementa koristeći css? Naučite koje mjerne jedinice pri tome možete koristiti i razliku između njih.
Postoje različiti načini prikaza elemenata na zaslonu koristeći css stilove. Naučite kakav je to blok, inline, flex, grid i table prikaz.
Prikaz flexboxa je jednodimenzionalan. Služi za prikaz u jednom redu, a glavna os je redak ili stupac.
Grid prikaz omogućava dvodimenzionalni prikaz, zajedno upravljajući prikazom u redcima i stupcima.
Pseudo elementi daju mogućnost dodavanja dodatnog sadržaja, bez potrebe promjene html kôda.
Pomoću pseudo klasa primjenjujemo različita css svojstva ovisno o stanju html elementa. Tako možemo prilagoditi dizajn ovisno o korisniku.
Animacije su odličan način privlačenja pozornosti korisnika. Možemo ih primjenjivati uporabom css svojstava.
Sudionik u projektu: Stvaranje novih prilika za gospodarstvo temeljeno na znanju u području računalstva i računalnog inženjerstva. U okviru projekta je načinjen novi strukovni kurikulum za smjer Tehničar za računalstvo.
Područje: Skriptni jezici i web programiranje 1 i 2 te Uvod u baze podataka i Dizajn baza podataka. Niz godina predavao iste i izradio vježbe za učenike.
Online instrukcije
Gradivo srednje škole
Trajanje sata 45 minuta
Gradivo fakulteta
Izrada projekta
Online instrukcije
Gradivo fakulteta
Trajanje sata 45 minuta
Izrada projekta
Online instrukcije
Gradivo fakulteta
Trajanje sata 45 minuta
Izrada projekta
HTML i CSS su mi sada mnogo razumljiviji. Budući kako nismo imali mnogo vremena, radili smo intenzivno što je dovelo do brzog napretka. Zadatci koje sam rješavao pomogli su mi steći praktično iskustvo u izradi web stranica.
Bilo mi je zadovoljstvo raditi s Mihovilom. Dobro objašnjava stvari i uvijek nas je spreman poučiti više. Topla preporuka za svakoga, pogotovo za one koji trebaju brzo svladati gradivo.
Želite li usavršiti znanje web dizajna ili web programiranja i trebate online instrukcije? Javite se!
