Moderní formy tvorby webových stránek
description
Transcript of Moderní formy tvorby webových stránek
Moderní formy tvorby webových stránek
Martin Šebela, 9.Avedoucí 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
požadavek
zaslání dat
webový server
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
XHTMLHTML 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 serveruPHP 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
tloušťka okrajů, pozadí, …
800px
prvek: logo
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/writepag
e.png
ASP.NET logo:
http://www.deeptraining.com/images/aspnet.gif