Home » Školení » Internetový design » Řezání grafiky layoutu

Řezání grafiky layoutu

… neboli nakodování grafického návrhu do (x)html a css


Co znamená kódování šablony webových stránek

Kódování šablony webových stránek je činnost, při které z grafického návrhu vytvoříme jednotlivé (X)HTML soubory pro všechny sekce webu a naplníme je obsahem (texty, obrázky, …). Jistě už jste se setkali s nabídkou počítačových programů, které Vám slibují, že si vytvoříte vlastní webové stránky během několika minut a ještě u toho zažijete spoustu legrace. Je možné, že si během několika minut vlastní stránky skutečně vytvoříte, ale bez hlubších znalostí kódu či grafiky bude Váš nový web zcela nefunkční.

Při kódování HTML šablon je důležité dodržovat webové standardy. Takové webové stránky se rychle načítají a ve všech internetových prohlížečích se zobrazí správně. Bez problémů fungují také v alternativních zařízeních (PDA, mobilní telefony). Internetové stránky, které jsou správně nakódované, se umisťují na předních pozicích ve vyhledávačích a mají daleko větší úspěch.

Jaké zásady při kódování šablon dodržujeme

  • Beztabulková struktura webu je datově menší, rychleji se načítá a je přístupnější uživatelům i vyhledávačům
  • Vizuální formátování pomocí kaskádových stylů zaručí správné zobrazení ve všech prohlížečích (IE, Opera, Firefox, Safari…)
  • Rychlé zobrazování webových stránek v internetovém prohlížeči
  • Správná logická struktura webu
  • Bezchybný a čistý zdrojový kód stránky
  • Oddělení obsahu od formy; dodržení webových standardů

Kódování – tvorba CSS šablony

Kaskádové styly CSS nám umožňují velmi efektivně rozdělit obsah (jež je obsažen v XHTML) od formátování textů a dalších prvků (CSS). Tato šablona je připojena k XHTML šabloně a dohromady tvoří základní rámec na němž jsou webové stránky budovány.

Důsledky nesprávného provedení zapříčiní

  • nesprávné zobrazení obsahu v internetových prohlížečích
  • nevalidní kód limituje úspěšnost dosažení kvalitní pozice ve výsledcích vyhledávačů
  • chybná semantika (nesprávná aplikace tagů – bloků kódu) má za následek nedosažení dobrých pozic ve vyhledávačích