Struktura webu a X/HTML dokumentu

Úvodem...

Jednou z nejvýznamnějších oblastí, která v dnešní době prochází nejprogresivnějším vývojem je bezesporu internet. Celosvětová síť počítačů obsahující obrovské množství informací, které by zahltily každého, kdo není obeznámen se základními principy efektního vyhledávání informací.

V dnešní době je již samozřejmostí, že každá firma má svou vlastní webovou stránku a e-mailovou adresu. S tím souvisí i důležitá znalost tvorby webových stránek, která se dnes dotýká v zásadě každého uživatele, ne jen firem.

Fotka struktury Internetu
Obr. 1: Grafické znázornění částí Internetu
Zdroj: článek "Internet" na Wikipedii

Zásady struktury webu

Informace na webu jsou prezentovány pomocí jednotlivých internetových stránek. Statické stránky obsahují stále stejný obsah, kdežto u dynamických stránek se setkáváme s postupnými změnami v čase. Podstatnou část webu vytvářejí firemní stránky, které často plní účel "informačního centra" nebo nabízí produkty a služby. Webová stránka se v některých případech stává jediným místem kontaktu mezi zákazníkem a firmou, proto se v těchto případech doporučuje zohlednit výše zmíněné pokyny, jak by měla vhodná stránka vypadat. Nepřehlednost a špatná logická provázanost stránek může často vést k přechodu zákazníka ke konkurenci. Často se na webu setkáváme také s osobními stránkami, které jsou obvykle zřizovány pouze jejich tvůrcem. Stránky především slouží jako prezentace jednotlivých lidí, jejich zálib, vlastností apod. V těchto případech již tolik nebazírujeme na vizuální podobě stránek, protože především reprezentují vkus individuálních lidí a není zde potřeba brát ohledy na společnost.

Zdroje: článek "Webová stránka" na Wikipedii
Kuna, M., Webová grafika, struktura webu a navigace, použitelnost a přístupnost.

Kosnar, P., Struktura stránek, uspořádání webu, navigace.

X/HTML - Extensible HyperText Markup Language

XHTML je značkovací jazyk pro tvorbu hypertextových dokumentů v prostředí webu. Původně se předpokládalo, že zcela nahradí HTML, s postupem času však vývoj HTML neustával a dnes se tyto dva jazyky vyvíjí paralelně vedle sebe. Ovšem panuje mezi nimi výrazná rozdílnost.

  1. V XHTML musí být všechny tagy ukončené; i ty, co jsou považovány za nepárové
  2. Všechny tagy a jejich atributy musí být zapsány malými písmeny
  3. Všechny hodnoty atributů musí být uzavřeny v uvozovkách
  4. XHTML dokument by se měl zasílat jiným MIME typem než klasické HTML dokumenty

Struktura X/HTML dokumentu

Důvodem vzniku XHTML byla stále větší složitost syntaxe HTML, která byla především na mobilních zařízení neúnosná z důvodu nižší výkonosti. Klademe zvýšený důraz na oddělení informací týkajících se formátování textu a informací, které reprezentují obsah dokumentu. Při vytváření dokumentu je však potřeba brát ohled na užívání znaků, které jsou v XHTML zakázány, kdežto v HTML je můžeme bez obav použít. Na začátku dokumentu je potřeba uvést zančku, která nám určuje typ dokumentu. Tato vlastnost byla HTML pouze doporučována. Při psaní XHTML kódu je dále potřeba uzavírat značky ve správném pořadí (zracadlovém pořadí), jinak nám značky definující styl nebudou reagovat. Celý dokument můžeme rozdělit na dvě základní oblasti - hlavičku a tělo. V hlavičce zadáváme znaky, které popisují stránku - např. klíčová slova a nadpis stránky. Dále se zde zabýváme CSS stylem, který definuje vzhled dokumentu. Je tedy nutné připojit patřičný odkaz na tento externí dokument. Dále je nutné určit jaké znaky patří určitým bytům - tohoto docílíme pomocí kódování. Tělo dokumentu je především tvořeno informacemi, které se zobrazují na samotné stránce. Můžeme definovat odstavce a odrážky, tabulky, obrázky a v neposlední řadě také odkazy na ostatní stránky, abychom neporušili logickou strukturu stránek.

Zdroj: článek "Extensible HyperText Markup Language" na Wikipedii

Koutný, T., Cyklus přednášek - Html.pdf


Odkaz v rámci jedné stránky
Ověřit XHTML 1.0 Strict
Ověřit CSS
Odkaz na výpočet
Odkaz na autora