moderní formy tvorby webových stránek
DESCRIPTION
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. . Princip. klient. webový server. požadavek. zaslání dat. Apache Windows IIS. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/1.jpg)
Moderní formy tvorby webových stránek
Martin Šebela, 9.Avedoucí práce: Mgr. Jan Kříž
![Page 2: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/2.jpg)
O čem to bude?
webové stránky aneb jak to funguje
programování
využití v praxi
<?php echo "Hello world!"; ?>
![Page 3: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/3.jpg)
Princip
klient
požadavek
zaslání dat
webový server
Apache Windows IIS
![Page 4: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/4.jpg)
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."; }}?>
![Page 5: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/5.jpg)
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
![Page 6: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/6.jpg)
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
![Page 7: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/7.jpg)
ASP.NET
z dílny Microsoftu
programovací jazyk
běžící na serveru
![Page 8: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/8.jpg)
JavaScript
„doplňkový jazyk“
programovací jazyk
běžící u klienta
![Page 9: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/9.jpg)
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
![Page 10: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/10.jpg)
Databáze
ukládání získaných dat
MySQL◦ pro nekomerční použití zdarma
MSSSQL
◦ není zdarma
PostgreSQL
◦ zdarma
![Page 11: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/11.jpg)
Návštěvníci a web
cookies◦ u klienta
sessions◦ na serveru
přihlašování uživatelů
![Page 12: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/12.jpg)
Praxe
redakční systémy
◦ není potřeba umět programovat
◦ například WordPress, Joomla!, Drupal
firemní prezentace
e-shopy
bankovní aplikace
![Page 13: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/13.jpg)
Ú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
![Page 14: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/14.jpg)
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í.“
![Page 15: Moderní formy tvorby webových stránek](https://reader038.vdocuments.net/reader038/viewer/2022110212/56814110550346895dacd624/html5/thumbnails/15.jpg)
Zdroje
WordPress screenshot: http://codex.wordpress.org/images/2/26/writepag
e.png
ASP.NET logo:
http://www.deeptraining.com/images/aspnet.gif