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/ <a href="http://www.upce.cz">univerzita Pardubice</a>
Návrh a tvorba WWW stránek 3/11 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
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 5/11 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
Návrh a tvorba WWW stránek 6/11 Struktura XHTML dokumentu (1/3) varianty XHTML Transitional, Strict, Frameset povinné prvky - <!DOCTYPE>, <html>, <head>, <title>, <body> <?xml version="1.0" encoding="windows-1250"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/tr/xhtml1/dtd/xhtml1- transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs"> <head><title>název stránky</title> <meta http-equiv="content-type" content="text/html; charset=windows-1250" /> </head> <body>tělo dokumentu</body> </html>
Návrh a tvorba WWW stránek 7/11 Struktura XHTML dokumentu (2/3) <?xml version="1.0" encoding="kodovani"?> - deklarace XML <!DOCTYPE > - definice typu dokumentu <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> - definice jmenného prostoru <head><title> </title></head><body> </body></html>
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 9/11 Trocha historie (2/3) Příklad SGML: <book> <poem><title>cikáda</title> <verse><line>vzala ho za ruku</line> <line>a vedla mezi zelené keře</line> <line>když stál proti ní</line> <line>bledničkové nahý</line> <line>dotkla se ho vlhkým prstem</line> </verse> <verse><line>ani další noc</line> <line>to nebylo dál</line> </verse> </poem> <poem>... následují další básně... </poem> </book>
Návrh a tvorba WWW stránek 10/11 Trocha historie (3/3) Definice příslušného typu dokumenty (DTD): <!ELEMENT book - - (poem+)> <!ELEMENT poem - - (title?, verse+)> <!ELEMENT title - O (#PCDATA)> <!ELEMENT verse - O (line+)> <!ELEMENT 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