Martin Holý.  HTML  xHTML  CSS  JavaScript  PHP.

Prezentace na téma: "Martin Holý.  HTML  xHTML  CSS  JavaScript  PHP."— Transkript prezentace:

1 Martin Holý

2  HTML  xHTML  CSS  JavaScript  PHP

3  Značkovací jazyk pro tvorbu WWW stránek  Vlastní text i instrukce pro jeho zpracování  Složení z tagů, atributů a elementů  Statické webové stránky  Př:  Web ▪ Hypertextový odkaz: itzshp.wz.cz přes text: Web ▪ – tag, „href=„itzshp.wz.cz“ – atribut, celé – element

4  Čisté programování  Nutnost znalosti tagů a atributů  Vše nutné udělat vlastnoručně  Ulehčení max. ve zvýraznění syntaxe (tagů a atributů)  Poznámkový blok, PSPad, Notepad++,…

5  What You See Is What You Get  Co vidíš, to dostaneš  Spíše ovládané přes tlačítka  Mnohá ulehčení  Může vznikat nadbytečný kód  Pomalejší načítání stránek  Nevzhledné  Adobe Dreamweaver, Microsoft FrontPage, Word,…

6  Rozšířené HTML  Všechny tagy jsou uzavřené  Př:  ▪ Nový řádek ▪ V HTML stačí

7  Kaskádové styly  Zobrazení WWW stránek  Složení ze selektorů a deklarací (identifikátor a hodnota)  Př:  body { background-color: white} ▪ Bílé pozadí stránky ▪ Body – selektor, uvnitř závorek – deklarace

8  Interaktivní prvky v rámci webové stránky  Client-side (u klienta)  Př:  Hodiny  Hledání min ▪ Po kliknutí na tlačítko by se webová stránka musela celá načíst, takto se pouze klikne a Javascript odhalí pole

9  Skriptovací programovací jazyk  Dynamická tvorba stránek  Dynamicky vytváří čisté HTML stránky  Server-side (na serveru)  Př:  ▪ HTML stránka: Ahoj, světe!

10