Uspořádání klient-server. Standardy pro Web

Návrh a tvorba WWW stránek

1/11

Uspořádání klient-server • klient – na straně uživatele (browser, prohlížeč) • server – program obsluhující požadavky uživatele

Standardy pro Web • HTTP – Hypertext Transfer Protocol • HTML – Hypertext Markup Language • XHTML – Extensible Hypertext Markup language – http://www.zralog.cz/translate/TR/REC-xhtml1-20020801/Overview.html • CSS – Cascading Style Sheets World Wide Web Consorcium – rozvoj a správa standardů

Návrh a tvorba WWW stránek

2/11

Vlastnosti XHTML XHTML – jazyk pro tvorbu www stránek • plně textový • otevřený – dostupná specifikace jazyka • neobsahuje vše – www stránku tvoří mnoho dalších souborů

Prvky jazyka XHTML: • značky (tagy) – párové a nepárové • atributy – vlastnosti • entity – speciální znaky (<, >, &, mezera atd.) – http://www.digitalmediaminute.com/reference/entity/ Univerzita Pardubice

Návrh a tvorba WWW stránek

XHTML versus HTML • velikost písma – v XHTML pouze malá písmena • prvky musí být "well-formed" – nesmí se překrývat • uzavřenost tagů • atributy musí být v uvozovkách • je nepřípustná minimalizace atributů • oddělení obsahu od formátování a vzhledu • hlavička dokumentu

3/11

Návrh a tvorba WWW stránek

4/11

Softwarové nástroje • XHTML editory – PSPad, Macromedia Dreamweaver, MS FrontPage atd. • export z mnoha aplikací • validátory – http://validator.w3.org/ • kontrola funkčnosti odkazů - http://validator.w3.org/checklink • klient FTP, SCP, Putty – přístup k serveru • grafické editory • nástroje pro konverzi kódování

Návrh a tvorba WWW stránek

Kódování češtiny • zobrazení českých znaků • různá kódování češtiny pro různé operační systémy MS Windows – kódování „windows-1250“ Unix/Linux – kódování „iso-8859-2“ • řešení – nastavení kódování na úrovni serveru

5/11

Návrh a tvorba WWW stránek

6/11

Struktura XHTML dokumentu (1/3) • varianty XHTML – Transitional, Strict, Frameset • povinné prvky - , , , <meta http-equiv="Content-Type" content="text/html; charset=windows-1250" /> Tělo dokumentu

Návrh a tvorba WWW stránek

7/11

Struktura XHTML dokumentu (2/3) • - deklarace XML • - definice typu dokumentu • - definice jmenného prostoru • …

Návrh a tvorba WWW stránek

8/11

Trocha historie (1/3) SGML ↓ HTML … HTML 4.01 ↓ XML ↓ XHTML SGML - Standard Generalized Markup Language - jazyk určený k formálnímu popisu struktury dokumentů - výsledek - vyřazení různých formátů textových editorů - výhoda – otevřenost - nevýhoda - složitost

Návrh a tvorba WWW stránek

Trocha historie (2/3) Příklad SGML: <poem> Vzala ho za ruku a vedla mezi zelené keře Když stál proti ní bledničkové nahý dotkla se ho vlhkým prstem Ani další noc to nebylo dál <poem> ... následují další básně ...

9/11

Návrh a tvorba WWW stránek

10/11

Trocha historie (3/3) Definice příslušného typu dokumenty (DTD):
book - - (poem+)> poem - - (title?, verse+)> title - O (#PCDATA)> verse - O (line+)> line O O (#PCDATA)>

XML - eXtensible Markup Language - podporován prohlížeči - nemá fixní formát – umožňuje definovat vlastní značky - z XML odvozeny další jazyky – XHTML, MathML, WML

Návrh a tvorba WWW stránek

11/11

Kam s tím? • vlastní webový server • pronájem • freehosting (www.hostingy.cz) - webzdarma – 150 MB, FTP/WWW, reklama, široký výběr domény 3. řádu - IC – 250 MB, FTP/WWW, reklama, adresa .ic.cz - xHosting – 100 MB, traffic 1 GB, FTP, bez reklamy, adresa .xhosting.cz - Sinister – 1 GB, FTP, bez reklamy, adresa rulez.cz, sinister.cz, timer.cz, xheaven.cz, pouze pro vybrané projekty

Všechny uvedené freehostingy nabízí zdarma PHP + MySQL