Studenti budou umět:

Chápat rozdíl mezi daty a metadaty, roli sémantiky v textových datech.

Chápat a umět základy metajazyka XML, popisu jeho struktury (DTD) a vzhledu (CSS).

Důkladně si vyzkouší prvky značkovacího jazyka HTML5 (s obzvláštním zaměřením na moderní technologie).

Rozumět základům programování webových stránek v jazyce JavaScript na základě manipulace jeho objektové reprezentace (DOM).

Students will be able to:

Understand the difference between data and metadata, the role of semantics in textual data.

Understand and master the basics of XML, its structure definition (DTD) and formatting (CSS).

Thoroughly explore elements of HTML5 language (with special focus on state-of-the-art technologies).

Understand basic web-page programming techniques using JavaScript, based on object representation manipulation (DOM).

D: Pilgrim, Mark: „HTML5: Up and Running“. O'Reilly Media, 2010. ISBN 978-0596806026

A: Pilgrim, Mark: "HTML5: Up and Running". O'Reilly Media, 2010. ISBN 978-0596806026

zápočet -- zpracování jednoduchého webového portálu na zadané téma

zkouška -- zpracování a obhájení návrhu, struktury, použitých technologií apod. k webovému portálu

1. Problematika návrhu a výroby webu. Rozdělení rolí. Přístupnost, testování, práva.

2. základy XML

3. popis struktury XML -- DTD

4. popis vzhledu XML -- CSS

5. jazyk XPath versus selektory v CSS

6. obecný strukturní jazyk webu -- HTML

7. HTML5 a CSS3 -- metainformace, stylování

8. HTML5 a CSS3 -- sekce, skupiny (blokové zobrazení)

9. HTML5 a CSS3 -- textové informace (řádkové zobrazení)

10. HTML5 a CSS3 -- navigace, mapy (neurčené zobrazení)

11. HTML5 a CSS3 -- vložený obsah (včetně videa a audia)

12. HTML5 a CSS3 -- tabulky

13. HTML5 a CSS3 -- formuláře

14. DOM a JavaScript

1. Soft-skills needed for web creation

2. Introduction to XML

3. Specification of XML structure: DTD

4. Specification of XML appearance: CSS

5. More on CSS & XPath

6. Main language of the web: HTML

7. HTML5 and CSS3: metainformation & styling

8. HTML5 and CSS3: block elements

9. HTML5 and CSS3: inline elements

10. HTML5 and CSS3: navigation, maps

11. HTML5 and CSS3: images, video, audio

12. HTML5 and CSS3: tables

13. HTML5 and CSS3: forms

14. Programming for web: DOM & ECMAScript

http://w3c.org

http://diveinto.html5doctor.com (právě probíhající český překlad na http://kniha.html5.cz)

http://zdrojak.cz

http://zvon.org

http://www.kosek.cz/clanky/swn-xml/index.html

http://w3c.org

http://diveinto.html5doctor.com (právě probíhající český překlad na http://kniha.html5.cz)

http://zdrojak.cz

http://zvon.org

http://www.kosek.cz/clanky/swn-xml/index.html

žádné

none