Stáhnout prezentaci
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.
