Cvičenia HTML & CSS

Vytvorte DIVy ako na obrázkoch

  1. Box s nadpisom
  2. Box s nadpisom
  3. Menu s položkami
  4. Menu s položkami
  5. Menu s položkami
  6. Menu s položkami
  7. Obtekaný obrázok s popisom
  8. "Iniciála"
  9. Dva boxy z cvičenia 1 vedľa seba
  10. Rozloženie DIVov na webstránke
  11. Vytvorte štýl (v samostatnom CSS súbore) pre túto stránku (.html). V HTML súbore NIČ NEMEŇTE! Inšpirácia z minulých rokov
  12. Vytvorte publikovateľný a použiteľný CSS template, teda jeden .css súbor s definíciami štýlov a tri .html súbory (homepage, subpage, fotogaléria) so šablónou stránky a použitými štýlmi, výplňovým textom (Lorem Ipsum) a prípadne obrázky (placeholders) ak nejaké použijete.

    Váš template musí byť porovnateľnej estetickej kvality ako obdobné templaty na free css templates webstránkach, teda:
    - dostatočne náročná štruktúra (hlavička/baner, patička, stĺpce/sidebary, news...)
    - zladenie farieb, fontov, prípadných placeholder-obrázkov, bezpätkové fonty pre rozsiahlejšie texty, rozmiestnenie elementov (padding/margin)
    - ak chcete, stránka môže mať namiesto Lorem Ipsum aj obsah (tému)
    - stránka musí byť validná na HTML5