Čarobni štapić +381 (0)61 755 74 77

HTML i CSS – Osnovni kurs za početnike

-50 % 398.00 199.00 €

Dostupno: 71 komada


Ovaj kurs je namenjen potpunim početnicima koji žele da naprave svoje prve web stranice. Kroz praktičan rad i jednostavne primere, polaznici će korak po korak savladati osnove HTML‑a i CSS‑a i steći sigurnost da samostalno kreiraju osnovne projekte.

Nije potrebno nikakvo predznanje. 

Za kurs je potreban desktop ili laptop računar sa internet konekcijom.

Nastava i vežbe sa izvode na našim online sistemima u okviru sajta. Nije potrebna nikakva dodatna oprema ili softver. 

HTML i CSS – Osnovni kurs za početnike

O HTML i CSS kursu

„HTML i CSS osnovni kurs“ je praktičan uvod u frontend osnove. Kroz jasno strukturisane lekcije i mini‑projekte savladaćete semantiku HTML‑a, selektore i box model u CSS‑u, tipografiju, boje i osnove responsivnog dizajna. Kurs je idealan za početnike i one koji žele da postave čvrste temelje pre JavaScript‑a. Kao deo šireg razvoja, povezuju se teme kao što su dizajn sajta i responsivni layout, a polaznici dobijaju smernice kako se naučeno kasnije primenjuje na izrada sajtova, tehničku SEO optimizaciju (struktura naslova, alt atributi, performanse) i standarde održavanja (Održavanje sajta).

HTML & CSS Osnovni Kurs – Plan lekcija

Na sledećem linku možete pogledati gradivo koje je se obrađuje HTML & CSS

01 – Uvod u HTML

Šta se uči:

  • Šta je HTML i čemu služi

  • Osnovna struktura HTML dokumenta

  • Rad u browseru i editoru Opis: Polaznici se upoznaju sa osnovama web tehnologije, kako funkcioniše HTML i kako izgleda najjednostavnija web stranica.

02 – Semantički HTML

Šta se uči:

  • Razlika između semantičkih i nesemantičkih tagova

  • Elementi kao što su <header>, <main>, <section>, <article>, <footer>

  • Pravilna organizacija sadržaja Opis: Uči se kako da HTML bude čitljiv i logičan, kako za ljude tako i za pretraživače i asistivne tehnologije.

03 – CSS selektori

Šta se uči:

  • Osnovni selektori (element, .class, #id)

  • Kombinovani i hijerarhijski selektori

  • Pseudo-klase i pseudo-elementi Opis: Polaznici uče kako da ciljano stilizuju elemente na stranici koristeći različite selektore.

04 – Box model

Šta se uči:

  • Padding, border, margin

  • width, height, overflow

  • Vizuelno razumevanje prostora oko elemenata Opis: Uči se kako svaki HTML element funkcioniše kao kutija i kako se manipuliše njegovim dimenzijama i razmakom.

05 – Tipografija i boje

Šta se uči:

  • Rad sa fontovima i veličinama

  • Boje u CSS‑u: HEX, RGB, nazivne boje

  • font-family, line-height, text-align Opis: Fokus je na vizuelnom identitetu sajta kroz tekstualni stil i boje.

06 – Layout: inline-block

Šta se uči:

  • Razlika između inline, block, inline-block

  • Raspoređivanje elemenata u redove

  • Problemi sa razmakom i kako ih rešiti Opis: Uči se kako da se elementi poređaju horizontalno bez korišćenja naprednijih tehnika.

07 – Flexbox

Šta se uči:

  • display: flex i flex-direction

  • justify-content, align-items, gap

  • Praktični primeri rasporeda elemenata Opis: Polaznici savladavaju modernu tehniku za fleksibilno raspoređivanje sadržaja.

08 – Grid

Šta se uči:

  • display: grid i grid-template-columns/rows

  • gap, grid-area, fr jedinice

  • Kombinovanje sa Flexbox‑om Opis: Uči se kako da se stranica podeli u kolone i redove za kompleksniji layout.

09 – Responsive

Šta se uči:

  • @media queries

  • Mobilni-first pristup

  • Prilagođavanje fontova, paddinga i rasporeda Opis: Polaznici uče kako da stranica izgleda dobro na svim uređajima — od telefona do desktopa.

10 – Mini projekat

Šta se uči:

  • Kombinovanje svih prethodnih lekcija

  • Izrada jednostavne web stranice sa navigacijom, sadržajem i footer‑om

  • Testiranje i optimizacija Opis: Polaznici primenjuju sve što su naučili i izrađuju svoj prvi pravi projekat.