More Related Content
Viewers also liked (13)
Similar to XHTML (12)
More from Martin Mich叩lek (18)
XHTML
- 1. Kurz XHTML a CSS 叩st 1: N叩邸 prvn鱈 XTHML dokument a jeho publikace na internetu.
- 2. 5 炭rovn鱈 tvorby webov箪ch str叩nek 鱈m profesion叩lnji, t鱈m v鱈ce podivn箪ch slov a zkratek :-) 1. Nad邸enec: Pou転鱈v叩 vizu叩ln鱈 editor i export z Wordu 2. Kutil: U鱈 se HTML jazyk 3. Kod辿r: Ovl叩d叩 XHTML a CSS 4. Kod辿r a program叩tor: XHTML, CSS, JavaScript, PHP, MySQL, .NET 5. Kod辿r, program叩tor, grafik, informan鱈 architekt, marketingov箪 specialista (a dal邸鱈)
- 3. Pro se uit XHTML a CSS? XHTML je kompatibiln鱈 i do budoucnosti Spolehlivj邸鱈 zobrazen鱈 ve v邸ech prohl鱈転e鱈ch Rychlej邸鱈 na鱈t叩n鱈 str叩nky Lep邸鱈 um鱈stn鱈 ve vyhled叩va鱈ch P鱈stupn辿 pro v邸echny za鱈zen鱈 i u転ivatele HTML je ddeek, kter箪 tady dlouho nebude
- 4. XHTML a CSS k油emu je co dobr辿? XHTML el: Znakujeme v箪znam prvk哲 dokumentu Nap.: Text Vzh哲ru dol哲 bude nadpisem dokumentu. CSS = kask叩dov辿 styly el: Definujeme vzhled dokumentu. Nap.: Nadpis dokumentu bude modr箪.
- 5. Na邸e prvn鱈 str叩nka raz, dva, ti! XHTML: <h1>Vzh哲ru dol哲</h1> CSS: h1 { color: blue; } V箪sledek v油prohl鱈転ei: Vzh哲ru dol哲
- 6. Na邸e prvn鱈 str叩nka raz, dva, ti! Takhle se str叩nka se zobraz鱈 v prohl鱈転ei Opera
- 7. Kde se vzalo XHTML? Znakovac鱈 jazyk pro hypertextov辿 dokumenty HTML je dnes ji転 ddeek nad hrobem Univerz叩ln鱈 znakovac鱈 jazyk XML je jeho mladou a kr叩snou p鱈telkyn鱈 Standardizan鱈 organizace W3C je kmotrem V油roce 2000 se narodilo XHTML, d鱈t, kter辿 m叩 velkou budoucnost
- 8. XHTML je p鱈sn辿 V転dy mus鱈me nejd鱈ve deklarovat XML a typ dokumentu <?xml version="1.0" encoding="utf-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Prvek <html> mus鱈 obsahovat jmenn箪 prostor <html xmlns=http://www.w3.org/1999/xhtml xml:lang=cs lang=cs> Uvnit prvku <html> mus鱈 b箪t vnoeny prvky <head> a <body>
- 9. x-kr叩t p鱈snj邸鱈 ne転 HTML Prvky se mus鱈 zakonovat Jak p叩rov辿: <p>Vzh哲ru dol哲</p> Tak nep叩rov辿: <img src=/slideshow/xhtml/4825/obrazek.gif /> Nesm鱈 se pekr箪vat patn: <p>Text <strong>dokumentu</p></strong> Spr叩vn: <p>Text <strong>dokumentu.</strong></p> N叩zvy prvk哲 a atributy mal箪mi p鱈smeny patn: <P ID=IDENTIFIKATOR>Vzh哲ru dol哲 </p> Spr叩vn: <p id=IDENTIFIKATOR>Vzh哲ru dol哲 </p> Hodnoty atribut哲 v油uvozovk叩ch patn: <img src=obrazek.gif /> Spr叩vn: <img src=/slideshow/xhtml/4825/obrazek.gif /> Speci叩ln鱈 znaky jen jako entity M鱈sto & pi邸te & M鱈sto < pi邸t <
- 10. N叩邸 prvn鱈 XHTML dokument XML deklarace: <?xml version="1.0" encoding="windows-utf-8"?> Typ dokumentu: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Jmenn箪 prostor: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs"> Hlavika dokumentu: <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-utf-8" /> <title>N叩zev dokumentu</title> </head> Tlo dokumentu: <body> <h1>Nadpis</h1> <p>Prvn鱈 odstavec. <strong>Tun箪 text.</p> <p>Druh箪 odstavec.</p> </body> </html>
- 11. ups! chybika se vloudila! Kde je chyba? <p>Text dokumentu. <strong>Tun箪 text.</p> Valid叩tor 邸ikula na 邸pinavou pr叩ci. Kdy転 nem哲転eme naj鱈t chybu: http://validator.w3.org/
- 12. Blokov辿 znaky, nikoliv pokuty Blok je shluk text哲. Prohl鱈転e ped n鱈m a za n鱈m od叩dkuje. Nadpisy: <h1>, <h2>, <h3>, <h4>, <h5>, <h6> Odstavce: <p> Seznamy: <ul> .. <li>, <ol> .. <li>, <dl> .. <dt> .. <dl> Oddlova: <hr /> Tabulka: <table> .. <tr> .. <td> Obr叩zek: <img src=/slideshow/xhtml/4825/obrazek.gif /> Obecn箪 blok: <div>
- 13. Blokov辿 znaky, nikoliv pokuty P鱈klad s blokov箪mi znakami: <h1>astn鱈ci z叩jezdu</h1> <p>Na邸e cestovn鱈 kancel叩 m哲転e b箪t py邸n叩, 転e se z叩jezdu z炭astnili celkem 3 lid辿.</p>
- 14. Textov辿 znaky Popisuj鱈 vlastnosti textu, prohl鱈転e neod叩dkuje. Zv箪raznn鱈: <strong>, <em> Odkaz na jinou str叩nku: <a href=jina-stranka.html> Dal邸鱈: <cite>, <sup>, <sub>, <abbr>, <acronym>, ...
- 15. Textov辿 znaky P鱈klad: <strong>Nejpou転鱈vanj邸鱈 vyhled叩va</strong> v esk辿 republice je <a href=http://www.seznam.cz>www.seznam.cz</a>
- 16. Tabulky Znaky, kter辿 definuj鱈 tabulky, jejich 叩dky, buky, hlaviky <table> Za叩tek tabulky <tr> 叩dek tabulky <th>Ms鱈c</th> Buka hlaviky tabulky <th>Celkov箪 obrat</th> </tr> Konec 叩dku tabulky <tr> <td>Leden</td> Buka tabulky <td>250 000 K</td> </tr> ... </table> Konec tabulky
- 17. Formul叩e Znaky, kter辿 definuj鱈 formul叩e a jednotliv辿 formul叩ov辿 prvky <form> Za叩tek tabulky <legend ... </form> Konec tabulky
- 18. Zak叩zan辿 ovoce znaky a atributy, kter辿 se v油XHTML nesm鱈 pou転鱈vat Znaky pro popis vzhledu <font size=2> <b> <i> <strike> <center> <iframe> Atributy pro popis vzhledu i chov叩n鱈 <p align=center> <a target=_blank> <body background=lightgrey>
- 19. V油em ps叩t XHTML? Na vizu叩ln鱈 炭rovni WYSIWIG editory: FrontPage, Dreamweaver, NVU Na 炭rovni k坦du Jak箪koliv editor schopn箪 ukl叩dat ist箪 text: Pozn叩mkov箪 blok, PSPad
- 20. Jak publikovat XHTML dokument? Webov辿 rozhran鱈 (Sweb, Webzdarma atd.) FTP p鱈stup (placen辿 hostingy) FTP klienti: Filezilla, TotalCommander
- 21. Dkuji za pozornost www.vzhurudolu.cz/xhtml-css