Moderní formy tvorby webových stránek Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž.

Prezentace na téma: "Moderní formy tvorby webových stránek Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž."— Transkript prezentace:

1 Moderní formy tvorby webových stránek Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž

2 O čem to bude?  webové stránky aneb jak to funguje  programování  využití v praxi

3  klient požadavek zaslání dat  webový server  Apache  Windows IIS

4  vykonávají příkazy zapsané v souboru  běžící u klienta nebo na serveru  HTML  PHP  ASP.NET  JavaScript <?php $znamka_z_testu = 5; if ($znamka_z_testu == 5) { echo "Nedostatečná – měl by ses začít učit!"; } else { echo "Pětku jsi naštěstí nedostal."; } } ?>

5  HyperText Markup Language  značkovací jazyk  běžící u klienta  XHTML HTML kód: Tučné písmo Zobrazení ve webovém prohlížeči: Tučné písmo

6  Hypertext PreProcessor  programovací jazyk  běžící na serveru PHP kód: Tučné písmo "; ?> Zobrazení v HTML kódu: Tučné písmo Zobrazení ve webovém prohlížeči: Tučné písmo

7 ASP.NET  z dílny Microsoftu  programovací jazyk  běžící na serveru

8  „doplňkový jazyk“  programovací jazyk  běžící u klienta

9  grafické rozvržení  jazyk CSS  Flash animace  formáty obrázků ◦ JPG ◦ PNG ◦ GIF tloušťka okrajů, pozadí, … 800px prvek: logo

10  ukládání získaných dat  MySQL ◦ pro nekomerční použití zdarma  MSSSQL ◦ není zdarma  PostgreSQL ◦ zdarma

11  cookies ◦ u klienta  sessions ◦ na serveru  přihlašování uživatelů

12  redakční systémy ◦ není potřeba umět programovat ◦ například WordPress, Joomla!, Drupal  firemní prezentace  e-shopy  bankovní aplikace

13  XSS ◦ zneužití nezabezpečeného formuláře  SQL injection ◦ zneužití formuláře připojeného k databázi  Backdoor ◦ podstrčení údajů Jméno Obsah Odeslat

14  „Občas se říká, že více zábavy si užijete při programování her než při jejich hraní.“

15  WordPress screenshot: http://codex.wordpress.org/images/2/26/writepage.png http://codex.wordpress.org/images/2/26/writepage.png  ASP.NET logo: http://www.deeptraining.com/images/aspnet.gif http://www.deeptraining.com/images/aspnet.gif