Sémantika v HTML5 s využitím CSS3 s přihlédnutím na použitelnost

Tomáš Janeček

Bakalářská práce

HTML5 Semantics utilizing CSS3 with taking usasability into consideration

Anotace:

Bakalářská práce se zaměřuje na tvorbu sémantické HTML5 stránky využívající CSS3 jako prostředek pro dosažení použitelnosti zahrnující responsivní design a přístupnost. V práci jsou definovány nové sémantické HTML5 elementy pro jejich správné využití a naopak zabránění nesprávnému užití těchto elementů, dále prvky důležité pro použitelnost a přístupnost. Opomenuta nebyla ani problematika prohlížečů a metody testování webů před jejich nasazením. Kaskádové styly se opírají o systém mřížky frameworku Bootstrap 3.3.4 a projekt normalizace kaskádových stylů mezi prohlížeči normalize.css v3. Realizovaný web je vytvořen, otestován dle doporučení napříč prohlížeči, rozlišeními a zařízeními, je zvalidován a je zajištěna správná funkčnost i ve starších prohlížečích Internet Explorer.

Abstract:

This bachelor thesis is focused on creation of a fully semantic HTML5 webpage utilizing CSS3 as a tool for achieving usability which includes responsive design and accessibility. In this work, new semantic HTML5 elements are defined for their proper use and to prevent their use in a manner they were not designed for. Elements important for usability and accessibility are defined as well and space has been devoted to the problematics of different browsers and web testing before its deployment. The cascade style sheets for the implemented webpage are based on the grid system of Bootstrap 3.3.4 framework and normalize.css v3, a project for stylesheet normalization among different browsers. The implemented webpage is created, tested according to the recommendations in different browsers, resolutions and devices, is properly validated and correct functionality in older Internet Explorer browsers is ensured.

Klíčová slova

HTML5, CSS3, sémantika, použitelnost

Jazyk práce: čeština

Datum vytvoření / odevzdání či podání práce: 7. 5. 2015

Obhajoba závěrečné práce

• Obhajoba proběhla 29. 5. 2015
• Vedoucí: Ing. Monika Borkovcová
• Oponent: doc. Ing. Filip Malý, Ph.D.

Univerzita Hradec Králové

Fakulta informatiky a managementu

Bakalářský studijní program / obor:
Aplikovaná informatika / Aplikovaná informatika