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.

Prezentace na téma: "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."— Transkript prezentace:

1 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

2 Číslo projektu: CZ.1.07/1.5.00/34.0744 Š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: 3 406 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í: 27. 04. 2013 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

3 Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 3 Ukázka hotové fotogalerie http://jafi3.php5.cz/foto/houby/index.htmhttp://jafi3.php5.cz/foto/houby/index.htm 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 http://www.zoner.cz/http://www.zoner.cz/ Postup – Prozkoumej následující snímky obrazovky 1 až 11

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

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

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

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

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

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

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

11 Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 11 Úkol 1. a)Ve svém website vytvořte složku \foto\houby. b)Z http://jafi3.php5.cz zkopírujte do svého PC do knihovny Obrázky soubor houby.zip.http://jafi3.php5.cz 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.

12 Tvorba webových stránek – fotogalerie ZPS OA a JŠ Jihlava, VY_32_INOVACE_029.ICT.34 12 Doporučené odkazy: http://jafi3.php5.cz http://jafi3.php5.cz je výukový web autora DUMu http://www.zoner.cz http://picasion.com http://www.jakpsatweb.cz 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.