1 / 17

Tvorba webových stránek

Tvorba webových stránek. HTML & XHTML. HTML & XHTML. Který z nich používat? XHTML je skvělým zdokonalením HTML čím větší stránky  CSS a XHTML některé společnosti a úřady vyžadují XHTML problém XHTML – dodržet zpětnou kompatibilitu ve starších prohlížečích

art
Télécharger la présentation

Tvorba webových stránek

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tvorba webových stránek HTML & XHTML

  2. HTML & XHTML Který z nich používat? • XHTML je skvělým zdokonalením HTML • čím větší stránky  CSS a XHTML • některé společnosti a úřady vyžadují XHTML • problém XHTML – dodržet zpětnou kompatibilitu ve starších prohlížečích • malé nebo osobní stránky  HTML (jednoduchá syntaxe) DALŠÍ

  3. HTML & XHTML • HTML 4 a XHTML 1.0 používají úplně stejné tagy (značky) parametry hodnoty • HTML 4 a XHTML 1.0 používají stejnou příponu v názvu souboru (.html) • HTML 4 a XHTML 1.0 mají pouze rozdílnou syntaxi. DALŠÍ

  4. HTML vs XHTML HTML nemusím použít značky html, head, body a s nimi DOCTYPE XHTML musím použít značky html, head, body a s nimi DOCTYPE DALŠÍ

  5. HTML vs XHTML HTML nemusím ukončit tag <p> toto je nepárový tag pro odstavec <h1> to je párový tag pro nadpis </h1> <imgsrc=„obr.jpg> XHTML musím ukončit tag párový tag <p> tag pro odstavec musím uzavřít </p> nepárový tag <imgsrc=„obr.jpg/> mezera a lomítko DALŠÍ

  6. HTML vs XHTML HTML nemusím zapsat uvozovky okolo hodnot parametrů , které obsahují pouze písmena, číslice a symboly - . _ : <imgsrc=kvetiny.jpg alt=„skalničky (Linumlewisii)“ width=194 height=174 align=left> XHTML musím vždy zapsat uvozovky okolo hodnot parametrů <imgsrc=„kvetiny.jpg“ alt=„skalničky (Linumlewisii)“ width=„194“ height=„174“ align=„left“ /> mezera a lomítko DALŠÍ

  7. HTML vs XHTML HTML nemusím zapsat tagy, parametry a předdefinované hodnoty malými písmeny <IMG SRC=kvetiny.jpg ALT=„skalničky (Linumlewisii)“ width=194 height=174 align=LEFT> XHTML musím zapsat tagy, parametry a předdefinované hodnoty malými písmeny <imgsrc=„kvetiny.jpg“ alt=„skalničky (Linumlewisii)“ width=„194“ height=„174“ align=„left“ /> mezera a lomítko DALŠÍ

  8. HTML vs XHTML HTML nemusím zapsat název hodnoty, pokud je stejný jako název parametru <hr width=„75%“ noshade> XHTML musím zapsat název hodnoty, pokud je stejný jako název parametru <hr width=„75%“ noshade=„noshade“ /> mezera a lomítko DALŠÍ

  9. HTML vs XHTML Pro úplný přehled rozdílů mezi html a xhtml klikněte zde DALŠÍ

  10. HTML &XHTML • Naše www stránky budeme vytvářet v XHTML • Zdrojový kód budeme zapisovat • v poznámkovém bloku Programy/Příslušenství/Poznámkový blok • nebo v editoru PSPad DALŠÍ

  11. Úkol • Vytvořte si složku html_2 • PSPad /Vytvořit nový soubor / XHTML

  12. Úkol • Editor vytvořil základní strukturu • Zvolte „title“ např. <title> Můj web <title> • Dokument uložte do složky html_2 pod názvem index.html DALŠÍ

  13. Úkol • Do „body“ zapište nadpisy tagy <h1> až <h6>, text do odstavců <p> např.: <body><h1>Nadpis první úrovně</h1> <h3>Nadpis třetí úrovně </h3> <p>Toto je můj první pokus v XHTML pomocí editoru PSPad.</p></body> • Lze využít DALŠÍ

  14. Úkol • Zvolte barvu pozadí a barvu textu např.:<body bgcolor=#333366 text=#FFCCFF> • Využijte dialogové okno pro volbu barev DALŠÍ

  15. Úkol • Uložte změny • Výsledný vzhled www stránky si můžete prohlédnout v interním prohlížeči (F10) DALŠÍ

  16. Zdroje • CASTRO, Elisabeth. HTML, XHTML a CSS. Brno: ComputerPress, 2007. ISBN 978-80-251-1531-2. • KOSEK, Jiří. Vytváříme si domovskou stránku [online]. 1999 [cit. 2012-10-17]. Dostupné z: http://www.kosek.cz/clanky/html/index.html • JANOVSKÝ, Dušan. Jak psát web [online]. 1999, 14. 10. 2012 [cit. 2012-10-17]. Dostupné z: http://www.jakpsatweb.cz/ KONEC

  17. Zdroje • Datei:HTML.svg [online]. 2007 [cit. 2012-10-24]. Dostupné z: http://de.wikipedia.org/w/index.php?title=Datei:HTML.svg&page=1&filetimestamp=20101030145737 • Datei:XHTML.svg [online]. 2007 [cit. 2012-10-24]. Dostupné z: http://de.wikipedia.org/w/index.php?title=Datei:XHTML.svg&page=1&filetimestamp=20090105234940

More Related