1.1 Části webové stránky

1.1 Části webové stránky

Z jakých částí se skládá webová stránka?
Podívej se na webovou stránku "jinýma očima" a všímej si tří prvků, které na ní jsou:

1. Obsah

informace na stránce - texty, nadpisy, obrázky, videa, menu,...

2. Vzhled

jak stránka vypadá - barvy, velikosti písma, velikosti obrázků, pozadí, font písma,
rozmístění prvků na stránce - odstavce, bloky, sloupce, zarovnání textu,...

3. Funkce

co stránka dělá - hypertextové odkazy, formuláře (okénka k vyplnění), přihlašování, animace, chat, objednávání, přehrávání, stahování,...

 

  1. Zobraz si webovou stránku naší školy a najdi na ní tři příklady OBSAHU, tři příklady VZHLEDU a tři příklady FUNKCÍ.
  2. Zobraz si webovou stránku seznam.cz a najdi na ní tři příklady OBSAHU, tři příklady VZHLEDU a tři příklady FUNKCÍ.
  3. Totéž najdi na nějaké další stránce - např.:
    https://www.facebook.com/zsvsechovice
    http://www.vsechovice.eu/
    http://moodle.zsvsechovice.cz
    http://cs.wikipedia.cz
    https://recepty.vareni.cz/vyhledavani/

 

Rozšíření: 

Prozkoumej stránky podrobněji, zaměř svoji pozornost na:

- uspořádání a rozmístění textů, obrázků a dalších prvků na stránce
- Kde je na stránce umístěno nejdůležitější sdělení?

- jaké barvy jsou využity na stánce: barvy pozadí, písma, grafických prvků, 
- Kolik barev je použito?

- jak je stánka přehledná, jde hned vidět vše potřebné nebo jsi na ní musel něco hledat
- jakým dojmem stránka působí? jaké pocity v tobě vyvolává?

  1. Spočítej, kolik základních barev je na výše uvedených stránkách (mimo obrázky) použito: barvy nadpisů, textů, pozadí,...
    Pokud je zde například přechod od světle zelené po středně zelenou, započítej prostě jen "přechod zelené".
  2. Zjisti, jak je text na stránce rozmístěn: je rozdělen do sloupců, bloků, odstavců,...
  3. Zjisti, kolik řádků má nejdelší souvislý text na stránce.
  4. Všimni si celkového uspořádání stránky v okně prohlížeče (přes celý monitor):
    Zabírá obsah celou šířku okna? Je obsah uprostřed, nebo v levé čísti okna? Jakou část stránky zabírá hlavička a patička stránky?
  5. Co se se stránkou děje, když zúžíš okno prohlížeče?
ZPĚT