150 likes | 232 Views
Moderní formy tvorby webových stránek. Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž. O čem to bude?. webové stránky aneb jak to funguje programování využití v praxi. <?php echo "Hello world!" ; ?>. Princip. klient. webový server. požadavek. zaslání dat. Apache Windows IIS.
E N D
Moderní formy tvorby webových stránek Martin Šebela, 9.A vedoucí práce: Mgr. Jan Kříž
O čem to bude? • webové stránky aneb jak to funguje • programování • využití v praxi <?php echo "Hello world!";?>
Princip • klient • webový server požadavek zaslání dat • Apache • Windows IIS
Programovací jazyky • 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.";} } ?>
HTML • HyperText Markup Language • značkovací jazyk • běžící u klienta • XHTML HTML kód: <b>Tučné písmo</b> Zobrazení ve webovém prohlížeči: Tučné písmo
PHP • Hypertext PreProcessor • programovací jazyk • běžící na serveru PHP kód: <?php echo "<b>Tučné písmo</b>"; ?> Zobrazení v HTML kódu: <b>Tučné písmo</b> Zobrazení ve webovém prohlížeči: Tučné písmo
ASP.NET z dílny Microsoftu programovací jazyk běžící na serveru
JavaScript • „doplňkový jazyk“ • programovací jazyk • běžící u klienta
Aby to pěkně vypadalo • grafické rozvržení • jazyk CSS • Flash animace • formáty obrázků • JPG • PNG • GIF prvek: logo tloušťka okrajů, pozadí, … 800px
Databáze • ukládání získaných dat • MySQL • pro nekomerční použití zdarma • MSSSQL • není zdarma • PostgreSQL • zdarma
Návštěvníci a web • cookies • u klienta • sessions • na serveru • přihlašování uživatelů
Praxe • redakční systémy • není potřeba umět programovat • například WordPress, Joomla!, Drupal • firemní prezentace • e-shopy • bankovní aplikace
Úskalí • 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
Závěr • „Občas se říká, že více zábavy si užijete při programování her než při jejich hraní.“
Zdroje • WordPress screenshot:http://codex.wordpress.org/images/2/26/writepage.png • ASP.NET logo:http://www.deeptraining.com/images/aspnet.gif