Jak vytvořit HTML prezentaci (slideshow)

Upoutejte pozornost návštěvníků webu jednoduchou HTML prezentací. K její tvorbě nepotřebujete JavaScript ani Flash – stačí využít meta‑tag refresh, který po uplynutí nastaveného času načte další stránku.

Kroky pro vytvoření slideshow

Krok 1 – připravte soubory

Použijte libovolný HTML editor nebo Poznámkový blok a vytvořte samostatný soubor pro každý snímek. Soubor pojmenujte s číslem, např. slide1.html, slide2.html, slide3.html atd.

Krok 2 – naplňte snímky obsahem

Otevřete první soubor a vložte požadovaný text, obrázky nebo jiné prvky. Opakujte postup pro všechny další soubory.

Krok 3 – přidejte meta‑tag pro automatické přepínání

Do hlavičky každé stránky (<head>…</head>) vložte meta‑tag:

<meta http-equiv="refresh" content="3;url=slide2.html">

Hodnota content udává počet sekund, po které se stránka automaticky přesměruje, a url určuje název následujícího souboru. Upravte čísla a názvy podle pořadí snímků.

Krok 4 – úvodní a závěrečná stránka

Vytvořte samostatnou úvodní a závěrečnou stránku. Na úvodní stránce umístěte odkaz na první snímek (slide1.html) a v posledním snímku nastavte meta‑tag, který přesměruje na závěrečnou stránku.

Krok 5 – testování

Otevřete úvodní stránku v prohlížeči, spusťte prezentaci a ověřte, že se všechny snímky přepínají ve správném intervalu. Případné chyby v meta‑tagu opravte a test opakujte, dokud prezentace nefunguje plynule.

Co budete potřebovat

• HTML editor nebo Poznámkový blok
• Webový prohlížeč
• Základní znalost HTML (např. z průvodce)