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