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

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

Tvorba WWW stránek. Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje.

Podobné prezentace


Prezentace na téma: "Tvorba WWW stránek. Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje."— Transkript prezentace:

1 Tvorba WWW stránek

2 Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje na událost myši – najetí myši nad odkaz – změna barvy nebo symbolu myši najetí myši nad odkaz – změna barvy nebo symbolu myši kliknutí myší – přesun na adresu (místo) udanou v kódu kliknutí myší – přesun na adresu (místo) udanou v kódu

3 Typy stránek Statické www stránky Statické www stránky Dynamické www stránky Dynamické www stránky

4 Tvorba stránek Uložení z editoru jako html dokument Uložení z editoru jako html dokument WYSIWYG editory (What You See Is What You Get) WYSIWYG editory (What You See Is What You Get) Front Page, Macromedia Dreamviewer Front Page, Macromedia Dreamviewer neWYSIWYG editory – kód HTML, XHTML, CSS, PHP, javascript neWYSIWYG editory – kód HTML, XHTML, CSS, PHP, javascript PSPad, Home Site … PSPad, Home Site …

5 Prohlížeče Internet Explorer (Microsoft) Internet Explorer (Microsoft) Netscape Navigator (Linux) Netscape Navigator (Linux) Mozilla Mozilla Opera - !čeština Opera - !čeština

6 Pravidla pro tvorbu www Nákres struktury web stránek Nákres struktury web stránek Standard pro tvorbu web stránek je uveden na adrese konsorcia W3C pro standardizaci Internetu: Standard pro tvorbu web stránek je uveden na adrese konsorcia W3C pro standardizaci Internetu: Validace kódu Validace kódu

7 Než začnu Základní rozmyšlení struktury web stránek Základní rozmyšlení struktury web stránek ? položka typu - novinky - aktuality apod ? položka typu - novinky - aktuality apod Rozvoj stránek Rozvoj stránek Správa stránek Správa stránek

8 Vznik HTML Tim Berners-Lee a Robert Caillau vytvořili propojený informačním systém pro výzkumné centrum CERN Tim Berners-Lee a Robert Caillau vytvořili propojený informačním systém pro výzkumné centrum CERN1989Tim Berners-LeeRobert CaillauCERN1989Tim Berners-LeeRobert CaillauCERN Dokumenty se obvykle tvořily relativně složitě v jazyku TeX, PostScript a také SGML. Dokumenty se obvykle tvořily relativně složitě v jazyku TeX, PostScript a také SGML. TeXPostScript TeXPostScript byl navržen jazyk HTML a protokol pro jeho přenos v počítačové síti – HTTP (Hyper Text Transfer Protocol – přenosový protokol hypertextu). Zároveň také Tim Berners-Lee napsal první webový prohlížeč, který nazval World Wide Web byl navržen jazyk HTML a protokol pro jeho přenos v počítačové síti – HTTP (Hyper Text Transfer Protocol – přenosový protokol hypertextu). Zároveň také Tim Berners-Lee napsal první webový prohlížeč, který nazval World Wide Web.1990protokolHTTPWorld Wide Web1990protokolHTTPWorld Wide Web HTML – Hyper Text Markup Language

9 Pozor na časté omyly!!!!!! HTML není programovacím jazykem. Často se říká programovat, avšak to není pravda pokud použiji k tvorbě pouze HTML. Programování by bylo až po přidání PHP MISQ apod. do HTML. do HTML. Vývoj jazyka HTML byl ukončen. Pokračování je v XHTML, které se liší způsobem zápisu tagů. HTML

10 Co obsahuje každý html dokument? stránka ahoj světe HTML

11 Html je tvořeno pomocí značek – tagů, které se píší do ostrých (špičatých) závorek <> Html je tvořeno pomocí značek – tagů, které se píší do ostrých (špičatých) závorek <> tagy -párové např: např: koncový tag párových tagů je vždy doplněn o zpětné lomítko koncový tag párových tagů je vždy doplněn o zpětné lomítko -nepárové -nepárové např: např: HTML

12 Příklad html dokumentu: stránka ahoj světe ahoj světe HTML

13 HTML Hypertextový odkaz na webstránku lumici.unas.cz Text, který se zobrazí na www stránce Hypertextový odkaz na webstránku lumici.unas.cz


Stáhnout ppt "Tvorba WWW stránek. Hyperlink Odkaz, bývá označený jinou barvou a podtržený Odkaz, bývá označený jinou barvou a podtržený Reaguje na událost myši – Reaguje."

Podobné prezentace


Reklamy Google