Prezentace se nahrává, počkejte prosím

Prezentace se nahrává, počkejte prosím

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…)

Podobné prezentace


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.


Stáhnout ppt "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…)"

Podobné prezentace


Reklamy Google