Tvorba grafických prvkov 2

1. FAVICON

• Favicon je malá ikonka, ktorá sa zobrazí v prehliadači vedľa internetovej adresy.
• Najčastejšie používané rozmery faviconu: 16 x 16, 32 x 32
• Na stránku môže byť vložená vo formáte bmp, jpg, jpeg, gif, alebo png.
• Zobrazenie faviconu zabezpečí nasledujúci kód v časti head <link rel=“shortcut icon“  href=“favicon.ico“ />

Výstup 1:

Vytvorte 4 návrhy obrázkov (text, grafika, fotka, miešaný s textom)

Vygenerujte favicony – pomôcka: http://favicon.htmlkit.com/favicon/

Favicony použite do rôznych podstránok a výsledok otestujte v prehliadači.

Skomprimovany priečinok mi pošlite na mail – názov priezvisko-favicon

2. Navigačné menu s použitím css3 súboru

Vytvorte priečinok css, kde budú potrebné css súbory a priečinok fonts.

Vytvorte súbor navigacia.html a style.css.

Použite normalize.css (stiahnuť z internetu) a stiahnite si Font Awesome pre ikonky v navigácii.

css priečinok:

fonts priečinok:

V súbore navigacia.html vytvorte <nav class=“top-nav“>… </nav>, v ktorej bude horizontálna navigácia s príslušnými ikonkami.

Výstup 2:

Výstup 3. Vytvoriť header

vhodný pre túto webovú stránku, rozmery 1300 × 400 pixelov