Opis kursa

Kurs Web dizajna je namenjen osobama koje žele da nauče da samostalno kreiraju web sajtove. U toku kursa, polaznik stiče široki spektar znanja vezan za najsavremenije tehnologije koje se koriste pri izradi web sajtova (HTML, HTML5, CSS, CSS3) i softverske alate za obradu fotografije (Adobe Photoshop).

U toku kursa Web dizajna polaznici rade na praktičnim projektima uz pomoć predavača.Polaznici svoj finalni projekat postavljaju na online server, gde će web sajt biti dostupan svima.

Šta ćete naučiti:

Uvod
Teorijski uvod u tehnologiju web pretraživača i šta sve obuhvata
Teorijski uvod u HTML i CSS tehnologije
Okruženje za razvoj sajta
Režim i pravila pisanja koda
HTML i CSS srodne tehnologije
Osnovni elementi i odredi u HTML i CSS tehnologijama
Struktura web sajta
Pravila na novom sajtu (boje, fontovi, raspored sadržaja)

HTML
Uvod u HTML – terminologija
Korišćenje komentara
Elementi HTML jezika
HTML forme – polja za unos i korišćenje atributa
Entiteti – specijalni karakteri
Integrisanje multimedijalnog sadržaja – Video / Audio, YouTube
Formatiranje sadržaja na stranici
Rad sa slikama i tekstualnim blokovima
Rad sa plejlistama (razvijenim i nerazvijenim)
Rad sa pravilima tabela i linkova (hiperlinkova) na ovom sajtu (boje, fontovi, raspored sadržaja)
HTML5

CSS
Uvod u CSS – terminologija
Razumevanje CSS koda
Korišćenje komentara
Razumevanje klasa i identifikatora
Definisanje CSS stila ( na koji način se stilovi primenjuju na HTML )
Formatiranje i fontovi (Google Fonts Custom Fonts)
Formatiranje boje i pozadine
CSS margine, rastojanje od ivica i veličine elemenata
Pozicioniranje elemenata sa CSS-om (float – clear)
Korišćenje CSS3 animacija, transformacija, tranzicija
CSS3 medija upit
Rad sa senkama i gradijentima
Rad sa Flexbox-om
Korišćenje Font Awesome

Raspored i kreiranje stranica
Kreiranje menija
Kreiranje galerije
Kreiranje stranice – O nama
Kreiranje kontakt forme
Implementacija Google Mapa
Newsletter koncept
Kreiranje potpisa (email-ovi sa potpisom)

Adobe Photoshop
Osnove grafičke obrade (Photoshop)
Obrada završnog dizajna PSD u HTML

Bootstrap
Osnove Bootstrap biblioteke
Bootstrap grid sistem
Bootstrap komponente

Završni projekat
Svaki polaznik kreira jedinstveni sajt u saradnji sa predavačem
Postavljanje projekta na server

Iskustva polaznika