Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně.

Prezentace na téma: "Maturitní okruh 22: Úvod do HTML. Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně."— Transkript prezentace:

1 Maturitní okruh 22: Úvod do HTML

2 Značkovací a klasické jazyky Klasické: převládá strukturovaný text (programovací kód), skripty jsou prováděny na straně serveru, k uživateli je přenášen až výsledek jejich činnosti (ochrana html kódu) příklady: php, asp,... programujeme webové stránky

3 Značkovací: převládá obecný text, do kterého jsou vloženy značky (tagy) příklady: html, xhtml píšeme webové stránky

4 Jazyk HTML zkratka html znamená hypertext markup language (mezitextový odkazovací jazyk), standardní jazyk pro tvorbu hypertextových dokumentů, poslední verze html 5, předposlední verze 4.01,

5 HTML dokument je to prostý textový soubor s příponou *.htm, popřípadě *.html většinou psaný v Poznámkovém bloku, NotePadu - tyto programy neumožňují formátovat text formátování textu se provádí pomocí speciálních html značek / tagů

6 html soubor obsahuje: text značky znakové entity (slouží pro vkládání speciálních znaků; entita je řetězec slov, který prohlížeč pochopí a zobrazí jako speciální znak)

7 startovní soubor, stránka: index.htm (index.html) - načte se jako první text dokumentu: jedná se o neformátovaný text různá kódování češtiny (charset = sada znaků): Windows-1250 (pokud byly stránky vytvořeny v prostředí MS Windows), ISO-8859-2 (prostředí Unixu), UTF-8,

8 pravidla pro názvy html souborů: vždy bez mezer (místo mezery použijte spodní podtržítko _), bez diakritických znamének (ěščřžýáíéúů), všechna písmena malá (většina webových serverů běží na systémech typu UNIX, které rozlišují malá a velká písmena a nepodporují češtinu)

9 zápis do, např.: ; poznámky jsou vhodné pro ukrytí částí dokumentu, které nemají být zpracovány (zobrazeny) prohlížečem

10 Důležité pojmy HTML jazyk pro tvorbu hypertextových dokumentů XHTML nástupce html, který se stále vyvíjí, je přesněji a přísněji specifikovaný, než html

11 PHP a ASP programovací jazyky, které umožňují dynamičnost internetových stránek, skript se provádí na straně serveru, klientovi (tj. prohlížeči) je odesílán kód (X)HTML, který si však nemůžete prohlédnout přes „Zobrazit zdrojový kód“, rozšíření možností html o další funkce - podmínky a cykly (tím se tyto jazyky řadí mezi programovací), využití v internetových obchodech... php a asp umožňují vybírat data z databází, nejčastěji MySQL,

12 CSS kaskádový styl, soubor s příponou *.css, ve kterém jsou definovány styly a formátování nadpisů, odstavců, bloků... umožňuje rychlou změnu vzhledu webu - stačí upravit soubor *.css a změna se projeví ihned a na všech stránkách, které soubor *.css načítají (linkují)

13 JavaScript programovací jazyk, který pracuje na straně klienta, umožňuje reakci stránek na akce uživatele, využití: např. uvítací věta na stránkách „Vítej, Jindřichu!“ - do políčka vyplníte své jméno a v cookies se tato informace zapíše; při každém novém načtení stránek se uvítání zobrazí,

14 Struktura HTML dokumentu