HTML/CSS – fond časova 24 individualno, 36 grupno
HTML i CSS
HTML je programski jezik koji služi za kreiranje sadržaja veb stranica. Stilizacija i dizajn veb stranica vrši se pomoću jezika CSS. Oba ova jezika izvršavaju se na klijentskoj strani, odnosno u browser-u. Poznavanje HTML i CSS programskih jezika predstavlja osnovu za pravljenje veb sajtova i čini polaznu tačku za učenje i rad u veb tehnologijama.
Šta ćete naučiti
- Kodiranje i postavljanje HTML elemenata u veb stranicu
- Stilizaciju i dizajn veb sajtova
- Kreiranje kompletnih veb sajtova
- Postavljanje veb sajtova na servere
- Bićete sposobni da radite kao veb dizajner
Opširnije
HTML i CSS su dva najvažnija programska jezika koje svaki novi veb programer treba da nauči. Oni su takođe najlakši i najosnovniji. Ukoliko ste zainteresovani da naučite kako da pravite veb stranice, ali imate ograničeno ili nikakvo iskustvo sa kodiranjem, ovaj kurs će vam pomoći da brzo i lako naučite HTML i CSS!
Putem ove obuke steći ćete temeljno razumevanje i znanje HTML-a i CSS-a. Kurs se fokusira na to da počnete da učite pisati kod i razumete osnove kodiranja kako biste mogli da učite radeći. Po završetku ovog kursa moći ćete u potpunosti da koristite HTML i CSS i da postanete profesionalac.
Ovaj kurs je namenjen svakome, a posebno ambicioznim veb dizajnerima, blogerima, programerima. Vlasnici preduzeća mogu imati koristi od učenja HTML i CSS-a. Ovaj kurs je takođe namenjen svima koji planiraju da postanu veb programer ili veb dizajner. HTML i CSS su osnovna prva dva jezika koja morate savladati. HTML je potreban svima koji žele da se uključe u razvoj veba, nema načina da se to zaobiđe. Mogućnost istovremenog učenja s CSS-om omogućava vam da za kratko vreme postanete profesionalni veb dizajner!
Sa pravim načinom razmišljanja, razumevanjem i primenom učenja na ovom kursu, odmah ćete početi da krenete putem profesionalnog veb dizajnera i programera.
Plan i program
- Uvod i osnovni HTML tagovi
- HTML elementi – struktura i vrsta tagova
- Komentari u kodu
- Zaglavlje stranice
- Atributi
- Naslovi i pasusi
- Formatiranje teksta
- Slike, linkovi i liste
- Citati
- Boje – imenovanje i korišćenje RGB, HEX, HSL, RGBA, HSLA kodova
- Apsolutno i relativno adresiranje datoteka
- Linkovi
- Slike
- Liste – ul, ol i liste sa više nivoa
- Tabele i dugmići
- Tabele – redovi, ćelije, zaglavlja, spajanje ćelija, osobine
- Blokovski i linijski elementi
- Ubacivanje sadržaja drugih web stranica u sajt
- Dugmići
- Forme
- Struktura
- Input elementi – tekst, šifra, email, submit, reset, broj, datum, radio dugmići, checkbox, url
- Upload fajlova
- Select liste
- HTML 5
- Video zapisi – ubacivanje u stranicu
- Audio zapisi – ubacivanje u stranicu
- Youtube zapisi
- Strukturalni elementi stranice
- Header
- Aside
- Nav
- Section
- Main
- Footer
- Uvod u CSS
- CSS sintaksa i vezivanje CSS stila sa HTML-om
- Stilizovanje osnovnih HTML tagova
- Kreiranje sopstvenih silova – klase i identifikatori
- Selektori
- Boje, blokovi i tekst
- Pozadina elemenata – slika, boja, ponavljanje, pozicija, pokretljivost
- Dimenzije i mere
- Okviri elemenata
- Margin i padding
- Box model
- Stilizovanje teksta
- Fontovi – font family i font face
- Ikonice – Font Awesome
- Stilizacija standardnih elemenata
- Linkovi – osobine hover, vistited, active
- Tabele
- Liste
- Prikaz elemenata – block i inline
- Pozicioniranje elemenata – statične, relativne, apsolutne i fiksne pozicije
- Overflow – prekoračenje veličine elemenata
- Float i clear – slaganje elemenata
- Pozicije, navigacija i forme
- Horizontalno i vertikalno pozicioniranje sadržaja u elementima
- Kombinatori i nasleđivanje
- Pseudo klase i identifikatori
- Providnost elemenata
- Navigacioni i padajući meni
- Predefinisanje HTML atributa
- Stilizovanje forme
- Kompozicija i efekti
- Kompozicija i struktura elemenata WEB stranice – projektovanje
- Zaobljenje uglova
- Prelivi i senke
- 2D i 3D transformacija i tranzicija elemenata
- Animacija elemenata
- Tooltips
- Prilagodljivanje stranice različitim uređajima – Responsive WEB site i Media upiti
- Container i Wrapper
- Praktični rad
- Praktični rad – Implementacija responsive web portala zasnovanog na HTML/CSS tehnologiji
- Praktični rad
- Praktični rad – Implementacija responsive web portala zasnovanog na HTML/CSS tehnologiji