Tvorba grafických prvkov 1

Cieľ: poznať možnosti vytvárania grafických prvkov priamo v editore  na tvorbu web stránok.

Grafické prvky: pozadie stránky, rôzne časti stránky (header, navigacia, ikonky, …

1  Vytvoriť farebné pozadie stránky pomocou gradientu;

gradient – farebný lineárny prechod – online pomôcky:

http://www.css3factory.com/linear-gradients/   http://www.cssmatic.com/

2. Ukážka stránky s ikonkami – kuk Váš mail 😀

3. Fonty s ikonkami http://fontawesome.io/

4. Stiahnúť fonty a umiestniť vo webovom sídle do priečinku css

5. Zoznam ikoniek: http://fontawesome.io/icons/

6. Použiť rôzne možnosti použitia ikoniek vo vlastnom súbore, príklady

http://fontawesome.io/examples/

http://www.w3schools.com/icons/default.asp

Výstup:

1. Dva príklady na lineárny gradient (pre blok, pre celé pozadie stránky)
2. Zoznam ikoniek v riadku
3. Zmena veľkosti ikonky, nastavenie farby, tieňovania, …
4. Sociálne ikonky
5. Ikonky v navigačnom horizontálnom alebo vertikálnom menu