< -ZPĚT

22. Tvorba webových stránek (Struktura webu, struktura HTML dokumentu, vytvoření webové stránky exportem z aplikačního
programu, provázání dokumentů odkazy, zásady přístupnosti a použitelnosti webových stránek)

Vysvětlit strukturu webu (website) a konvence i omezení pro jména souborů (index.htm, diakritika, velká/malá písmena), vysvětlit složení webové stránky (textový HTML soubor, obrázky a další prvky stránky v samostatných souborech, formátování pomocí externích souborů se [CSS] styly) znát základní strukturu HTML dokumentu (části HEAD a BODY) a princip značkovacího jazyka. Znát základní strukturu HTML dokumentu (části HEAD a BODY) a princip značkovacího jazyka, rozpoznat a vybrat parametry základních příkazů jazyka HTML a CSS pro vlastnosti textu, obrázků, umístnění, formátování a chování objektů na stránce, vložit odkaz, obrázek (ve správné velikosti a ve správném formátu) a tabulku do webové stránky, nahrát vytvořený web na server internetu pomocí FTP. Dodržovat jednotnou navigaci webu, používat alternativní texty pro obrázky, dodržovat estetické zásady pro barevné ladění a uspořádání webu (bezpatková písma, umírněné použití barev, jednotný vzhled stránek)

struktura webu (website) - Kvalitní struktura webu napomáhá tomu, aby se uživatel lépe orientoval v informacích, které mu stránky nabízí. Stromová struktura je jednoduchý model, ve kterém mají informace jediné místo, jsou seřazené do kategorií a jsou mezi sebou nadřízené a podřízené. Pokud je to potřeba můžete vytvořit pro jeden web více struktur. Jedna z nich bude hlavní a ostatní doplnkové. Struktura pokud možno logicky uspořádává a rozděluje jednotlivé informace na stránky podle různých souvislostí.

konvence i omezení pro jména souborů - základním souborem ne serveru je index.htm (html). při zadání adresy webu se automaticky načte obsah tohoto souboru. na serveru dále dodržujeme uspořádání potřebných souborů do složek (OBRAZKY, DOKUMENTY...), dodržujeme velikost písma a je doporučeno používat krátké názvy (klasicky do 8 znaků) bez diakritiky.

struktura html a základní principy - viz prezentace

základní struktura HTML dokumentu (části HEAD a BODY) a princip značkovacího jazyka - HyperText Markup Language (zkratka HTML) je v informatice název značkovacího jazyka používaného pro tvorbu webových stránek, které jsou propojeny hypertextovými odkazy. HTML je hlavním z jazyků pro vytváření stránek v systému World Wide Web, který umožňuje publikaci dokumentů na Internetu.

Jazyk je aplikací dříve vyvinutého rozsáhlého univerzálního značkovacího jazyka SGML (Standard Generalized Markup Language). Vývoj HTML byl ovlivněn vývojem webových prohlížečů, které zpětně ovlivňovaly definici jazyka.Jazyk HTML je charakterizován množinou značek (tzv. tagů) a jejich vlastností (atributů) definovaných pro danou verzi. Tento zápis byl převzán ze SGML a dále upravován v závislosti na aktuálních trendech Internetu. Mezi značky se uzavírají části textu dokumentu a tím se určuje význam (sémantika) obsaženého textu. Názvy jednotlivých značek a jejich vlastností se uzavírají mezi úhlové závorky < a >. Část dokumentu tvořená otevírací značkou, nějakým obsahem a odpovídající ukončovací značkou tvoří prvek (element) dokumentu. Například <strong> je otevírací značka pro zvýraznění textu a <strong>Červená Karkulka</strong> je prvek obsahující zvýrazněný text. Součástí obsahu prvku mohou být další vnořené prvky.

Značky jsou obvykle párové, přičemž koncová značka je shodná se značkou počáteční, jen má před názvem znak lomítko.

praktické ukázky - www.jardaz.cz

www prohlížeče - Webový prohlížeč (též browser [brouzr]) je v informatice označení pro počítačový program, který slouží pro prohlížení webových stránek (tzv. World Wide Web, zkráceně WWW). Webový prohlížeč dle pokynů uživatele (kliknutí na odkaz, zadání URL adresy) komunikuje pomocí HTTP protokolu s webovým serverem a přijatá data pomocí obsažených značek (HTML, XHTML, XML apod.) zformátuje (vyrenderuje) a zobrazí na obrazovce počítače.

Textové prohlížeče zobrazují stránky jako text, obvykle velmi jednoduše formátovaný. Grafické prohlížeče umožňují složitější formátování stránky včetně zobrazení obrázků. Pro zobrazení některých zvláštních součástí stránky, jako jsou Flash animace nebo Java applety, je třeba prohlížeč doplnit o specializované zásuvné moduly. Mezi nejznámější grafické webové prohlížeče patří (seřazeny podle počtu uživatelů): Google Chrome, Internet Explorer, Mozilla Firefox, Safari, Opera, Maxthon a další. Mezi textové pak Links, Lynx a další.

Všechno ukázat   na PC!!


Zdroj informací: většinou www.wikipedia.cz a jiné stránky na internetu (www.jardaz.cz)