HTML5 & CSS3
Na svijetu trenutno postoji više od milijardu web sajtova, a dok čitate ovu rečenicu pokrenuto je 15 novih. Nauči i ti kako da kreiraš svoj prvi web sajt koji će biti prilagođen svim uređajima.
-
HTML5 – OsnoveHTML5 – Početak rada6m 31sHTML5 – Elementi14m 29sHTML5 – Atributi19m 18sHTML5 – Naslovi4m 53sHTML5 – Paragrafi7m 4sHTML5 – Linkovi21m 12sHTML5 – Oblikovanje teksta10m 12sHTML5 – Stil13m 16sHTML5 – Slike16m 22sHTML5 – Tabele11m 29sHTML5 – Liste11m 41sHTML5 – Forme18m 4sHTML5 – iframe7m 52s
-
HTML5 – Napredni nivo
-
HTML5 – Karakteristike
-
CSS3 – Osnove
-
CSS3 – Box model
-
CSS3 – Napredni nivoCSS3 – Obrisi0sCSS3 – Kursori0sCSS3 – Overflow0sCSS3 – Units0sCSS3 – Display0sCSS3 – Pozicija0sCSS3 – Slojevi (Layers)0sCSS3 – Float0sCSS3 – Alignment0sCSS3 – Pseudo klase0sCSS3 – Pseudo elementi0sCSS3 – Media Types0sCSS3 – Sprites0sCSS3 – Opacity0sCSS3 – Attribute Selectors0sCSS3 – Validation0s
-
CSS3 – OsobineCSS3 – Border0sCSS3 – Color0sCSS3 – Background0sCSS3 – Gradients0sCSS3 – Text Overflow0sCSS3 – Shadows0sCSS3 – 2D Transforms0sCSS3 – 3D Transforms0sCSS3 – Transitions0sCSS3 – Animations0sCSS3 – Multi Layouts0sCSS3 – Box Sizing0sCSS3 – Flexsible0sCSS3 – Filteri0sCSS3 – Media Queries0s
Šta sve pokriva kurs?
Serija HTML tutorijala pokriva sve osnove HTML-a, uključujući elemenate i atribute, način oblikovanja teksta pomoću HTML oznaka, metode dodavanja podataka o stilu dokumenta, tehniku umetanja slika i tabele, postupak kreiranja popisa i obrasci kao i način uključivanja drugih HTML dokumenata unutar trenutnog dokumenta itd.
Nakon što se upoznate sa osnovama, preći ćete na sljedeći nivo koji objašnjava koncept doctype-a, metode kreiranja izgleda web stranica, važnost dodavanja meta informacija na web stranice, način dodavanja skripti, tehnike prikazivanja posebnih znakova, anatomiju URL-a i još mnogo toga. Konačno, istražićete neke napredne stvari uvedene u HTML5 kao što su: nove vrste unosa, crtanje grafike na web stranici, uključivanje audio i video zapise u dokument, spremanje podataka na strani klijenta pomoću web pohrane, keširanje datoteka kao i kako dobiti korisničke geografske koordinate, stvaranje aplikacije za povlačenje i spuštanje itd.
Serija CSS tutorijala pokriva sve osnove CSS-a, uključujući ideju odabira, načine postavljanja boja i pozadine, način oblikovanja fontova i teksta, stilizovanje UI elemenata poput hiperveza, lista, tabela itd. kao i koncept CSS box modela i tako dalje. Jednom kada ovladate osnovama, preći ćete na sljedeći nivo koji objašnjava način postavljanja dimenzija i poravnanja elemenata, metode za pozicioniranje elemenata na web stranici, korištenjem slika, kao i koncept relativne i apsolutne pozicije, model vizuelnog oblikovanja, prikaz i vidljivost, slojeve, pseudo klase i elementi, listove stilova zavisne o medijima i tako dalje.
Konačno, istražićete neke napredne oznake uvedene u CSS3 poput gradijentnih boja, efekta sjene, 2D i 3D transformacije, alfa transparentnosti, kao i način stvaranja prelaznog i animacijskog efekta, fleksibilnog izgleda, efekta filtra i još mnogo toga.
Šta ćete naučiti na kursu:
- Objavljivanje dokumenta na mreži s tekstom, slikama, popisima, tabelama itd.
- Web pristupe kao što su slike, videozapisi ili pristup drugom HTML fajlu putem hiperveza (linka).
- Kreiranje obrazca za prikupljanje korisničkih unosa kao što su ime, adresa, e-pošte, komentari itd.
- Uključivanje slika, video zapise, zvučnih snimaka, flash filmova, aplikacija i drugih HTML fajlova.
- Kreiranje izvanmrežih verziju web stranica koje rade bez interneta.
- Pohranjivanje podataka u web pretraživač korisnika i pristup podacima.
- Pronalaženje trenutne lokacije posjetitelja vaše web stranice.
- Primjena stila na HTML elemente.
- Prikaz web stranice na različitim uređajima (računaru, tabletu, mobilnom telefonu).
- Stilizovanje dinamičnih stanja elemenata kao što su: lebdenje, fokus itd.
- Promjena položaja elementa na web stranici.
- Promjena prikaza postojećih elementa na web stranici.
- 2D ili 3D transformacija elemenata poput razmjera, rotiranja, nagiba itd.
- Kreiranje efekata animacije i prelaza bez upotrebe JavaScript-a.
Ovdje se popis ne završava, postoje mnoge druge zanimljive stvari koje možete učiniti s HTML i CSS-om. O svima njima ćete detaljno saznati u samome kursu.
Svako poglavlje ovoga kursa sadrži puno primjera iz stvarnog svijeta koje možete isprobati i testirati pomoću mrežnog uređivača. Ovi će vam primjeri pomoći da bolje shvatite koncept ili temu. Sadrži i pametna rješenja, kao i korisne savjete i važne napomene.
Šta uključuje kurs
- 23 sata video materijala
- Sertifikat
- 7 Sekcija
- Video / tekstualne lekcije
- Doživotni pristup
Milos Mihaljica
4,9Ocijena predavača28
Učenika10
Kursevi14
OcijenaPozdrav, Moje ime je Miloš Mihaljica i u IT svijetu sam već preko 10 godina. Mnogi od Vas me znaju i sa YouTube-a gdje uz moje tutorijale uči preko 10 hiljada ljudi.