Layout a webdesign

Layout

Layoutem rozumíme návrh a vytvoření grafického rozvržení elektronické stránky. Zahrnuje obvykle:
• formát stránky a určení „zrcadla" zobrazované plochy
• rozvržení textu, obrázků a prázdných ploch,
• typ, velikost, řez a barvy písma,
• záhlaví, nadpisy a perexy
• další grafické prvky (logo, tlačítka, další ovládací prvky, linky a podobně)
• výběr barev nebo motivů pozadí, případně další prvků.

O layoutu se hovoří především u takových grafických produktů, které spolu nějak souvisí (například v rámci corporate identity určité firmy). V těchto případech jsou to totiž právě určité jednotící grafické prvky, případně celková úprava čili layout, které vyjadřují sounáležitost mezi jednotlivými grafickými produkty. Celkový vzhled či „tvář" určitého webu či e-shopu zůstává den za dnem stejná, i když pokaždé obsahuje jiné zprávy, texty, obrázky. Návštěvník je má podle layoutu na první pohled rozlišit od jiných, což je základem strategie jejich tvůrců a provozovatelů.

Pro účinnost internetových prezentací a e-shopů je velmi důležité, aby se návštěvníkům/zákazníkům vtiskl do paměti jejich charakteristický layout a pevně se spojil s příslušnou prezentací, e-shopem, provozovatelem nebo firmou.

Webdesign

Webdesign je činnost, při které jsou navrhovány webové stránky a webové aplikace. Spočívá v návrhu struktury a vzhledu webových stránek, přičemž pro realizaci se používají zejména technologie (X)HTML (pro strukturu a textový obsah) a CSS společně s obrázky (PNG, GIF, JPG), které tvoří grafickou podobu webu. Navíc se někdy používají další technologie umožňující vyšší interaktivitu jako např. JavaScript, SVG, Flash či Java applety. Do webdesignu někdy lze počítat také části tvorby serverové části aplikací - programování v jazycích jako PHP či ASP - a záležitosti spojené se zvyšováním úspěšnosti stránky (SEO, copywriting).

Kvalitu výsledných stránek lze hodnotit podle mnoha kritérií, mezi nimi je např. přehlednost spojená s uživatelskou použitelností a přístupnost i pro uživatele, kteří nemohou naplno využívat všech vstupních nebo výstupních zařízení (např. nevidomí používající hlasovou čtečku či uživatelé pouze s klávesnicí). Dále se jedná o správnou sémantiku zdrojového kódu HTML a korektní zobrazení v nejpoužívanějších prohlížečích (Windows Internet Explorer 6-9, Mozilla Firefox, Opera, Chrome). Jedním z nástrojů, jak kvalitu exaktně kontrolovat, je validita stránky, tzn. přesné dodržení všech pravidel příslušných specifikací, kterou lze ověřit programem (např. on-line aplikací vytvořenou konsorciem W3C). Praktická hodnota validity stránky je však sporná - pro uživatele sama o sobě přímé výhody nepřináší a žádný z běžných prohlížečů se danými standardy plně neřídí.