WEBDESIGNER – Programátor webstránok

Ponúkame vám komplexný kurz v ktorom získate nasledujúce vedomosti a zručnosti, počas 27 vyučovacích hodín.

Úvod do tvorby web stránok:

1. Čo je internet, čo je web stránka
2. Spôsoby tvorby web stránok
3. Editory na písanie stránok
4. Inštalácia vhodného editora
5. Princíp zobrazenia web stránky

Počítačová grafika

1. Princíp vektorovej a rastrovej grafiky. Ich výhody, rozdiely a využitie. Formát súborov vhodný pre web stránky.
2. Grafický dizajn web stránky.
   1. Príprava, návrh a zakreslenie dizajnu.
   2. Vhodne zvolené farby. Korporátny dizajn.
   3. Optimalizácia obrázkov.
   4. Odkiaľ stiahnuť obrázky pre webstránku.
3. Tvorba vektorovej grafiky.

HTML

1. Štruktúra html dokumentu
   1. Hlavička stránky
   2. Telo stránky
   3. Vytvorenie nového projektu
2. Párové a nepárové značky. Komentár v kóde
3. Úprava textu
   1. Tvorba nadpisov
   2. Tvorba odstavca textu
   3. Zalomenie riadka
   4. Logické a fyzické formátovanie textu
4. Zoznam
   1. Číslovaný
   2. Nečíslovaný
5. Vkladanie obrázka, videa
   1. Typy používaných obrázkov
   2. Atribúty vloženého obrázka
6. Hypertextové odkazy
   1. Textový odkaz
   2. Odkaz z obrázka
   3. Odkaz na mail, telefónne číslo
   4. Absolútny odkaz
   5. Relatívny odkaz
   6. Odkaz na súbor (súbor na stiahnutie)
   7. Použitie zoznamu a odkazu na vytvorenie menu stránky
   8. Menu pre one page web
7. Tvorba tabuliek
   1. Tvorba záhlavia tabuľky
   2. Tvorba buniek
   3. Orámovanie buniek, tabuľky
   4. Nastavenie okrajov buniek
8. Validácia web stránok
9. Záver HTML

CSS

1. CSS súbor
   1. Čo je CSS
   2. CSS v HTML súbore
   3. Externé CSS
   4. Selektory v CSS alebo prečo sú to kaskádové štýly

• • • Typové selektory
    • Triedy alebo class
    • Identifikátory

2. Úprava textu a práca s farbami
   1. Spôsoby zadávania farieb
   2. Farba pozadia stránky, textu a odkazov
   3. Zmena fontu – priamy zápis, externý font alebo web fonty
3. Margin, padding a border
4. CSS box model, blok level elementy, inline elementy a inline – blok elementy
5. Reset CSS. Normalize CSS
6. Float, z-index
7. Vytvárame menu
8. Responzívny, adaptívny a liquid dizajn
9. Percentá, em a iné jednotky
10. Robíme layout stránky
11. 1. Štruktúra stránky
    2. Vývojár
    3. Pokročilá práca s textom (tiene, ikony)
    4. Obrázky na pozadí vložené cez CSS
    5. Farebné pozadie stránky – gradient
    6. Animácie v CSS
    7. Viac stĺpcový layout stránky
    8. Favicons
    9. Hosting a FTP
    10. Preprocesor Sass, framework Bootstrap

Preprocesor SASS, framework BOOTSTRAP