Responzivní webové stránky služby Webgarden

Trefil Filip

Responsive layout for the service Webgarden

Typ dokumentu

BAKALÁŘSKÁ PRÁCE
BACHELOR THESIS

Autor

Trefil Filip

Vedoucí práce

Součková Monika

Oponent práce

Alexandr Lukáš

Studijní obor

Web a multimédia

Studijní program

Informatika

Instituce přidělující hodnost

katedra softwarového inženýrství

Obhájeno

2016-06-28

Práva

A university thesis is a work protected by the Copyright Act. Extracts, copies and transcripts of the thesis are allowed for personal use only and at one?s own expense. The use of thesis should be in compliance with the Copyright Act http://www.mkcr.cz/assets/autorske-pravo/01-3982006.pdf and the citation ethics http://www.cvut.cz/sites/default/files/content/d1dc93cd-5894-4521-b799-c7e715d3c59e/cs/20160901-metodicky-pokyn-c-12009-o-dodrzovani-etickych-principu-pri-priprave-vysokoskolskych.pdf.
Vysokoškolská závěrečná práce je dílo chráněné autorským zákonem. Je možné pořizovat z něj na své náklady a pro svoji osobní potřebu výpisy, opisy a rozmnoženiny. Jeho využití musí být v souladu s autorským zákonem http://www.mkcr.cz/assets/autorske-pravo/01-3982006.pdf a citační etikou http://www.cvut.cz/sites/default/files/content/d1dc93cd-5894-4521-b799-c7e715d3c59e/cs/20160901-metodicky-pokyn-c-12009-o-dodrzovani-etickych-principu-pri-priprave-vysokoskolskych.pdf.

Metadata

Zobrazit celý záznam

Abstrakt

Tato bakalářská práce se zabývá úpravou populárního systému pro tvorbu webů Webgarden. Cílem práce bylo navrhnout a implementovat responzivní chování na webech vytvořených pomocí Webgarden. Dále je součástí práce návrh nové podoby administrace. Práce je rozdělena na analýzu současného systému, dobré praktiky responzivního designu, návrh a implementaci. Při návrhu byla snaha vymyslet co nejuniverzálnější a zároveň dobře fungující layout. Implementace využívá moderní techniky jako například CSS flexbox.

This thesis focuses on improving the web service Webgarden. The aim was to create a responsive layout for websites created with the Webgarden and also to design a new user interface for the administration. The thesis is divided into four parts -- analysis, responsive design best practices, design and implementation. The purpose of the design was to create an universal and well-functioning layout. The implementation takes advantage of modern technology like CSS flexbox.