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

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

Tvorba WWW stránek ÚVOD IKT 4.ročník. Obsah Webová (HTML)stránka Webová (HTML)stránka Kód HTML Kód HTML Tvorba HTML kódu Tvorba HTML kódu Webové prohlížeče.

Podobné prezentace


Prezentace na téma: "Tvorba WWW stránek ÚVOD IKT 4.ročník. Obsah Webová (HTML)stránka Webová (HTML)stránka Kód HTML Kód HTML Tvorba HTML kódu Tvorba HTML kódu Webové prohlížeče."— Transkript prezentace:

1 Tvorba WWW stránek ÚVOD IKT 4.ročník

2 Obsah Webová (HTML)stránka Webová (HTML)stránka Kód HTML Kód HTML Tvorba HTML kódu Tvorba HTML kódu Webové prohlížeče Webové prohlížeče Základní termíny v HTML Základní termíny v HTML Struktura webové stránky Struktura webové stránky

3 Webová (HTML)stránka HTML stránka je textový soubor obohacený o tagy a atributy, které určují význam textu a vzhledu celé stránky HTML stránka je textový soubor obohacený o tagy a atributy, které určují význam textu a vzhledu celé stránky Soubory mají příponu htm, html a slouží jako návod pro sestavení webové stránky Soubory mají příponu htm, html a slouží jako návod pro sestavení webové stránky Adresářová struktura: Adresářová struktura: hlavní adresář – WEB - index.htm (default.html) - první.htm zdrojový kód - druha.htm podadresáře – IMAGE - FOTObinární data - DOCUMENT

4 Webová stránka vznikla roku 1989 ve výzkumném středisku CERN v Ženevě (tedy k výzkumným účelům) vznikla roku 1989 ve výzkumném středisku CERN v Ženevě (tedy k výzkumným účelům) Autor Tim Berners Lee ( ) Autor Tim Berners Lee (přišel na to jak vzájemně provázat pomocí odkazů více dokumentů na různých počítačích a potom vytvořili první prohlížeč pomocí kterého se mohli dokumenty snadno prohlížet a přecházet od jednomu dokumentu k druhému) O standarty HTML stará konsorcium W3C O standarty HTML stará konsorcium W3C doporučuje nové standarty HTML a tagy které by se měli a které neměli používat Jazyk HTML se neustále vyvíjí, standardní verze HTML: 3.2, 4, 4.1, a XHTML 1.0, XHTML 2 Jazyk HTML se neustále vyvíjí, standardní verze HTML: 3.2, 4, 4.1, a XHTML 1.0, XHTML 2

5 Kód HTML H – hyper H – hyper T – text T – text M – markup M – markup L – language L – language HTML je značkovací (nikoliv programovací) jazyk HTML je značkovací (nikoliv programovací) jazyk Kód popisuje grafickou podobu stránky v prohlížeči Kód popisuje grafickou podobu stránky v prohlížeči Má textový formát, na binární data jen odkazuje Má textový formát, na binární data jen odkazuje Má přesnou syntaxi, kterou je důležité dodržovat a zároveň se přizpůsobuje Má přesnou syntaxi, kterou je důležité dodržovat a zároveň se přizpůsobuje

6 Tvorba HTML kódu ASCII textový editor - POZNÁMKOVÝ BLOK ASCII textový editor - POZNÁMKOVÝ BLOK - WordPad - MS WORD Editor HTML kódu Editor HTML kódu - editory WYSIWIG WYSIWIG - MS FrontPage - Max html Beauty++ - 1st page HTML builder XP - editory pracující s kódem - Allaire HomeSite

7 WYSIWYG What What You You See See Is„Co vidíš, to dostaneš.“ Is„Co vidíš, to dostaneš.“ What What You You Get Get

8 Webové prohlížeče Program zobrazující webové stránky Program zobrazující webové stránky Dekóduje HTML kód Dekóduje HTML kód Převádí HTML kód do grafické podoby Převádí HTML kód do grafické podoby MS Internet Explorer MS Internet Explorer Netscape Navigator Netscape Navigator Opera Opera Mozilla Mozilla

9 SHRNUTÍ 1 Co bude potřeba? jednoduchý textový editor ASCII jednoduchý textový editor ASCII poznámkový blok (notepad) editory s podporou HTML editory s podporou HTML MS FrontPage strukturní editor strukturní editor Allaire HomeSite internetový prohlížeč internetový prohlížeč Internet Explorer, Mozilla, Opera a Netscape

10 SHRNUTÍ 2 Co nebude potřeba? připojení k internetu, www stránky můžete vytvářet a publikovat z jiného počítače s připojením. připojení k internetu, www stránky můžete vytvářet a publikovat z jiného počítače s připojením. pro umístění stránek na internet nebudete potřebovat vlastní domému, protože freeweby vám poskytnou prostor pro vaše stránky zdarma. pro umístění stránek na internet nebudete potřebovat vlastní domému, protože freeweby vám poskytnou prostor pro vaše stránky zdarma.freeweby na vytváření www stránek není potřeba výkonný počítač klidně postačí i starší. na vytváření www stránek není potřeba výkonný počítač klidně postačí i starší.

11 Základní termíny v HTML TAG - Základní značka jazyka html zapisuje se do (je větší a je menší) TAG - Základní značka jazyka html zapisuje se do (je větší a je menší) ATRIBUT – je zapsán přímo do tagu a nastavuje nějakou jeho vlastnost ATRIBUT – je zapsán přímo do tagu a nastavuje nějakou jeho vlastnost ELEMENT - vše mezi úvodním a ukončovacím tagem ELEMENT - vše mezi úvodním a ukončovacím tagem tento text je tedy element nadpis je také element

12 Struktura webové stránky titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) index.htm

13 Verze HTML První řádka určuje o jakou verzi HTML se jedná titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) titulek html dokumentu tělo stránky (vše co se na stránce zobrazí)

14 Webová stránka Celá stránka se začíná párovým tagem a ukončuje se tagem Celá stránka se začíná párovým tagem a ukončuje se tagem titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) titulek html dokumentu tělo stránky (vše co se na stránce zobrazí)

15 Hlavička HTML se skládá z hlavičky a hlavička se zapisuje mezi párové tagy a HTML se skládá z hlavičky a hlavička se zapisuje mezi párové tagy a titulek html dokumentu titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) tělo stránky (vše co se na stránce zobrazí)

16 Tělo stránky HTML se skládá z těla stránky a tělo stránky se zapisuje mezi párové tagy a (tělo stránky je vše co se na stránce zobrazí) titulek html dokumentu titulek html dokumentu vše co se na stránce zobrazí vše co se na stránce zobrazí

17 Nadpis stránky V hlavičce se určuje název stránky a zapisuje se mezi párové tagy a párové tagy a titulek html dokumentu tělo stránky (vše co se na stránce zobrazí) titulek html dokumentu tělo stránky (vše co se na stránce zobrazí)

18 SHRNUTÍ 3 Struktura webové stránky? Webová stránka, Webová stránka, Hlavička, Hlavička, Titulek, Titulek, Tělo, Tělo, Vše psát na nové řádky Vše psát na nové řádky


Stáhnout ppt "Tvorba WWW stránek ÚVOD IKT 4.ročník. Obsah Webová (HTML)stránka Webová (HTML)stránka Kód HTML Kód HTML Tvorba HTML kódu Tvorba HTML kódu Webové prohlížeče."

Podobné prezentace


Reklamy Google