INFKWWW Základy tvorby www prezentací

Obchodně podnikatelská fakulta v Karviné
zima 2012
Rozsah
Přednáška 8 HOD/SEM. 4 kr. Ukončení: z.
Vyučující
Ing. Kateřina Slaninová, Ph.D. (přednášející)
doc. Mgr. Petr Suchánek, Ph.D. (přednášející)
Garance
doc. Mgr. Petr Suchánek, Ph.D.
Katedra informatiky a matematiky – Obchodně podnikatelská fakulta v Karviné
Omezení zápisu do předmětu
Předmět je nabízen i studentům mimo mateřské obory.
Mateřské obory/plány
Cíle předmětu
Studenti se v předmětu seznámí s technologiemi a postupy, které se používají pro tvorbu hypertextu a webových stránek. V rámci seminářů zvládnou základní prostředky pro tvorbu www stránek v jazyce HTML. Výuka je zaměřena nejen na zvládnutí jazyka HTML a dalších technologií, ale i na tvorbu přehledných www prezentací s důrazem na všechny aspekty tvorby prezentace - navigační struktura, přístupnost, optimalizace. Studenti se seznámí se strukturou HTML dokumentu, naučí se vytvářet www stránky pomocí prvků HTML jazyka s využitím vlastností CSS pro jejich formátování, seznámí se s využitím JavaScriptu při tvorbě www stránek. Dále budou seznámeni s jazykem XHTML a rozdíly oproti HTML. Studenti se naučí pracovat jak s WYSIWYG, tak s nonWYSIWYG editory. Výuka je vedena v souladu se standardy organizace W3C. Struktura výkladu 1. Úvodní pojmy 2. Hypertextové vývojové a prezentační prostředky 3. Vznik a historie HTML, vztah HTML k SGML 4. Publikace www stránek na www serveru 5. Práce s HTML editory 6. Jazyk HTML 4.0 7. Využití grafických prvků v prostředí webu 8. Technologie pro vytváření struktury www stránky 9. Formátování www stránek 10. Úvod do tvorby dynamických HTML stránek 11. Efektivní a ergonomický design stránek 12. Jazyk XHTML 13. Další technologie
Osnova
  • 1. Úvodní pojmy
    2. Hypertextové vývojové a prezentační prostředky
    3. Vznik a historie HTML, vztah HTML k SGML
    4. Publikace www stránek na www serveru
    5. Práce s HTML editory
    6. Jazyk HTML 4.0
    7. Využití grafických prvků v prostředí webu
    8. Technologie pro vytváření struktury www stránky
    9. Formátování www stránek
    10. Úvod do tvorby dynamických HTML stránek
    11. Efektivní a ergonomický design stránek
    12. Jazyk XHTML
    13. Další technologie
    1. Úvodní pojmy
    Vysvětlení základních pojmů používaných v prostředí internetu a www prezentací. Lineární text, hypertext, fulltext, historie, vhodnost použití.
    2. Hypertextové vývojové a prezentační prostředky
    Seznámení s prostředím hypertextu a s používanými prostředky. Design hypertextové publikace, struktura dokumentu, prvky, vazby.
    3. Vznik a historie HTML, vztah HTML k SGML
    Vznik a historie internetu, vývoj protokolů a programovacích jazyků používaných v prostředí WWW. Vztah jazyka HTML k SGML , konkrétní případy užití.
    4. Publikace www stránek na www serveru
    Zpřístupnění www prezentace na www serveru. Seznámení s používanými technologiemi, protokoly, s vybranými aplikacemi.
    5. Práce s HTML editory
    Seznámení s prostředím vybraných HTML editorů. Zastoupeny jsou WYSIWYG i nonWYSIWYG editory.
    6. Jazyk HTML 4.0
    Vytváření www prezentací pomocí základního jazyka HTML 4.0 dle specifikace organizace W3C. Formátování a strukturování dokumentu, tagy, attributy.
    7. Využití grafických prvků v prostředí webu
    Použití základních technik využívaných při tvorbě www prezentací, grafický design. Efektivita přenosu, grafické formáty, animace. Zařazování multimediálních objektů do www prezentací.
    8. Technologie pro vytváření struktury www stránky
    Seznámení se základními technologiemi používanými pro vytvoření struktury www prezentací. Rámy, tabulky, styly.
    9. Formátování www stránek
    Formátování www stránek pomocí kaskádových stylů (CSS) dle specifikace organizace W3C. Strukturování textů, použití stylů pro formátování objektů www prezentace, stylopisy, třídy, identifikátory.
    10. Úvod do tvorby dynamických HTML stránek
    Použití základních prvků dynamických stránek, úvod do skriptovacího jazyka JavaScript. Seznámení s nejčastěji používanými technologiemi.
    11. Efektivní a ergonomický design stránek
    Aspekty efektivního a ergonomického designu www prezentací. Volba základní struktury www prezentace, vhodné umístění navigačních prvků, přístupnost, optimalizace pro vyhledávače (SEO), validace.
    12. Jazyk XHTML
    Seznámení s jazykem XHTML, doporučení dle specifikace organizace W3C. Rozdíly oproti HTML 4.0.
    13. Další technologie
    Seznámení s dalšími technologiemi používanými pro tvorbu složitějších www prezentací a aplikací v prostředí www.
Literatura
    povinná literatura
  • CASTRO, E. HTML, XHTML a CSS. Praha: Computer Press, 2007. ISBN 978-80-251-1531-2. info
    doporučená literatura
  • Domovská stránka Jiřího Koska. URL info
  • Internetový magazín Interval.cz. URL info
  • Server JakNaWeb.com. URL info
  • B. BOS, T. CELIK, I. HICKSON, H. W. LIE. Cascading Style Sheets, level 2 revision 1. CSS 2.1 Specification. 2006. URL info
  • HAUSER, M a kol. HTML a CSS Velká kniha řešení. Praha: Computer Press, 2006. ISBN 80-251-1117-2. info
  • VORÁČEK, K. FrontPage 2002 tvorba dokonalých WWW stránek - podrobný průvodce začínajícího uživatele. Praha: Grada Publishing, 2001. ISBN 80-247-9031-6. info
  • PÍSEK, S. JavaScript - efektní nástroj oživení WWW stránek. Praha: Grada Publishing, 2001. ISBN 80-247-0014-X. info
  • HLAVENKA, J., SEDLÁŘ, R., HOLČÍK, T., KUBEŠ, J., MACH, J. Vytváříme WWW stránky a spravujeme moderní web site. Brno: Computer Press, 2001. ISBN 80-7226-080-4. info
  • S. PEMBERTON a kol. XHTML[tm] 1.0 The Extensible HyperText Markup Language (Second Edition). 2000. URL info
  • BRADLEY, N. XML - kompletní průvodce. Praha: Grada Publishing, 2000. ISBN 80-7169-949-7. info
  • SPAINHOUR, S. Webmaster v kostce. Brno: Computer Press, 1998. ISBN 80-7226-251-3. info
Informace učitele
2 průběžné testy, seminární práce, zápočet.
Další komentáře
Předmět je dovoleno ukončit i mimo zkouškové období.
Předmět je zařazen také v obdobích zima 2007, zima 2008, léto 2009, zima 2009, zima 2010, zima 2011, zima 2013.