Obchodní akademie a Jazyková škola s právem státní jazykové zkoušky Jihlava Šablona 32 VY_32_INOVACE_029.ICT.34 Tvorba webových stránek – fotogalerie ZPS

Číslo projektu: CZ.1.07/1.5.00/ Šablona: VY_32_INOVACE Číslo DUMU: 029.ICT.34 Předmět: Informační technologie Název materiálu: Tvorba webových stránek – fotogalerie ZPS Autor: Jaroslav Fišer Formát: Prezentace Microsoft PowerPoint Velikost: kB Stupeň a typ vzdělávání: SŠ – odborné vzdělávání Licence k obrazovému materiálu: CC BY Datum vytvoření: Klíčová slova: HTML, www, web, internet, fotogalerie, Zoner Photo Studio Anotace: Vytvoření galerie HTML v programu Zoner Photo Studio. Publikování obrázků. OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 2

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 3 Ukázka hotové fotogalerie Pojmy – Šablona – Barvy moře – Globální nastavení - Společný titulek – Stránka s náhledy - Titulek stránky – Nadpis – Text nadpisu – Náhledy – Šířka, Výška – Popisek náhledu – {TC#F:S} – Obrázek – Šířka, Výška – Dokončit HTML publikování – Náhled..., Uložit..., Uložit přes FTP... Příprava prostředí – Vytvořte ve svém website složku foto/houby Program – Zoner Photo Studio Postup – Prozkoumej následující snímky obrazovky 1 až 11

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 4 snímek č. 1 snímek č. 2

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 5 snímek č. 3 snímek č. 4

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 6 snímek č. 6 snímek č. 5

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 7 snímek č. 8 snímek č. 7

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 8 snímek č. 9

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 9 snímek č. 10

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT snímek č. 11

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT Úkol 1. a)Ve svém website vytvořte složku \foto\houby. b)Z zkopírujte do svého PC do knihovny Obrázky soubor houby.zip. c)Extrahujte soubor houby.zip (obsahuje 9 fotek hub) do knihovny Obrázky\houby\ d)Pomocí programu Zoner Photo Studio vytvořte fotogalerii HTML. e)Fotogalerii uložte ve svém website do složky \foto\houby. f)Vytvořte animovaný gif obrázek složený ze dvou libovolných náhledů obrázků vytvořené fotogalerie. g)Do souboru index.htm přidejte následující část HTML kódu:. Obrázky – Fotogalerie ZPS (zde zobraz datum vytvoření). e)Na další řádek zapište HTML kód pro zobrazení vytvořeného animovaného gif obrázku, který bude fungovat jako odkaz na soubor index.htm vytvořené fotogalerie. f)Aktualizujte obsah vaší domény na php5 serveru.

Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT Doporučené odkazy: je výukový web autora DUMu Doporučená literatura: P. Roubal, Informatika a výpočetní technika pro střední školy - Praktická učebnice Použité zdroje: Veškerý obsah včetně obrázků je dílem autora.