Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)

Prezentace na téma: "Jak učit tvorbu www stránek Navarová Adéla. Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)"— Transkript prezentace:

1 Jak učit tvorbu www stránek Navarová Adéla

2 Proč učit tvorbu www stránek? Prezentace na internetu (Výrobky, firmy, celebrity, kluby…)

3 HTML editory Poznámkový blok, FrontPage, Mozilla Editor, PSPad, CuteHTML…

4 HTML editory Jaký použít a proč? 1. FrontPage 2. Poznámkový blok

5 Příklad Rodokmen: 1. Nový soubor uložit třeba pod jménem rodokmen.htm 2.Na první řádek napište své jméno a příjmení, na další jména rodičů, na další jména prarodičů, na další praprapraprarodičů atd. Záleží na vás, jestli si jména, které nevíte, vymyslíte. 3.Text zarovnat na střed. Nastavit velikost písma tak, aby písmo v prvním řádku bylo největší a v dalších řádcích se postupně zmenšovalo. 4.Barevně odlište své mužské a ženské předky. Například ženská jména červeně a mužská modře. 5.Uložte soubor a prohlédněte si svůj rodokmen v prohlížeči.

6 Prohlížeč webových stránek Internet Explorer Netscape Navigator Mozilla Opera…

7 Co tvoří webovou stránku

8 Příklad – co tvoří webovou stránku 1. Spusťte si prohlížeč a vyhledejte na internetu webovou stránku, která obsahuje text a obrázky. Uložte si ji a v okně pro ukládání souborů vyberte typ souboru webová stránka kompletní. Uložte ji pod jménem kompletní. Když si soubor kompletní pomocí průzkumníku najdeme a poklepáme na něj, otevřená webová stránka bude vypadat velmi podobně původní stránce. 2. Vedle souboru kompletní najdeme složku Soubory_kompletní. Smažte tuto složku a znovu spusťte soubor kompletní. V otevřené webové stránce budou nyní chybět obrázky, stránka bude vypadat podivně, nedodělaně.

9 Zdrojový kód

10 Příklad – orientace v HTML kódu Otevřete si v prohlížeči nějakou webovou stránku, která obsahuje obrázky. Jeden s obrázků uložte do jiné složky (zjistěte přitom jak se obrázek jmenuje). Zobrazte si zdrojový kód stránky (nabídka Zobrazit/Zdrojový kód). Prohlédněte si jej a pokuste se v něm najít název obrázkového souboru, který jste stáhli (můžete si vzít na pomoc nástroje vyhledávání v nabídce Najít).

11 Struktura HTML V poznámkovém bloku zapište následující HTML kód a prohlédněte si ho v prohlížeči. Má první stránka Moje první html stránka. Vypracovala Adéla Navarová.

12 Příklad - změna vzhledu Má druhá stránka Nadpis Odstavec s tučným textem, s kurzivou. Červený text. Nadpis druhé úrovně Odstavec s tučnou kurzivou. Text po zalomení řádku patří do téhož odstavce.

13 Seznam použité literatury Vaníček, J. Mikeš, R. Informatika pro základní školy 3. 1.vyd. Brno: Computer Press, 2006. ISBN 80-251-10826 Roubal, P. Informatika a výpočetní technika pro střední školy 2. 1.vyd. Brno: Computer Press, 2005.