Tato bakalářská práce se zaměřuje na vývoj webových stránek a blogu jako forma osobní značky. Cílem práce je použití uživatelsky přívětivého systému pro správu obsahu (CMS), který je intuitivní a jednoduchý pro tvorbu a editaci obsahu na stránce. Pro tento cíl je využit Wordpress, který společně s Gutenberg block systémem splňuje požadavky pro tvorbu a editaci obsahu a poskytuje uživateli určitou svobodu a nezávislost na vývojářích a programátorech webových stránek. Teoretická část práce popisuje využití jednotlivých technologií jako je Wordpress, dále moderní nástroje jako je šablonovací system Twig, frontend nástroj SASS a další nástroje, které byly důležité pro vývoj. Praktická část práce ukazuje použití veškerých technologií během vývojové faze. Výsledkem je web se čtyřmi stránkami s přístupem do administrace pro správu obsahu.
Anotace v angličtině
This bachelor thesis focuses on developing a website and blog as a form of the personal brand platform. The objective is to provide a user-friendly Content Management System (CMS) which is intuitive and simple to create and edit the content. For this objective is chosen WordPress and together with Gutenberg block system fulfil the requirements to create and edit content and gives the user certain freedom and independence when it comes to content creation and editing. The theoretical part of the thesis describes each technology such as Wordpress, modern frameworks template engine Twig and front-end toolkit SASS and other technologies, which are important for development. The practical part shows the application of the technologies during the web development phase. The result of this work is designed website with four sites with access to administration to manage the content.
Tato bakalářská práce se zaměřuje na vývoj webových stránek a blogu jako forma osobní značky. Cílem práce je použití uživatelsky přívětivého systému pro správu obsahu (CMS), který je intuitivní a jednoduchý pro tvorbu a editaci obsahu na stránce. Pro tento cíl je využit Wordpress, který společně s Gutenberg block systémem splňuje požadavky pro tvorbu a editaci obsahu a poskytuje uživateli určitou svobodu a nezávislost na vývojářích a programátorech webových stránek. Teoretická část práce popisuje využití jednotlivých technologií jako je Wordpress, dále moderní nástroje jako je šablonovací system Twig, frontend nástroj SASS a další nástroje, které byly důležité pro vývoj. Praktická část práce ukazuje použití veškerých technologií během vývojové faze. Výsledkem je web se čtyřmi stránkami s přístupem do administrace pro správu obsahu.
Anotace v angličtině
This bachelor thesis focuses on developing a website and blog as a form of the personal brand platform. The objective is to provide a user-friendly Content Management System (CMS) which is intuitive and simple to create and edit the content. For this objective is chosen WordPress and together with Gutenberg block system fulfil the requirements to create and edit content and gives the user certain freedom and independence when it comes to content creation and editing. The theoretical part of the thesis describes each technology such as Wordpress, modern frameworks template engine Twig and front-end toolkit SASS and other technologies, which are important for development. The practical part shows the application of the technologies during the web development phase. The result of this work is designed website with four sites with access to administration to manage the content.
Cílem práce je vytvořit osobní webové stránky s použitím CMS WordPress a vystavit je na internetu. Výsledná website bude navržena a vytvořena v moderním a praktickém stylu. Základem pro webové stránky bude vlastní téma pro CMS, při jeho vývoji bude využito dalších nástrojů (např. Twig, Sass). Součástí textu práce bude srozumitelné představení použití CMS na výsledné website.
Metodický postup:
Studium odborné literatury.
Zjištění funkční specifikace pro výsledné stránky.
Návrh a popis vývoje a implementace výsledných webových stránek.
Zhodnocení použitelnosti webových stránek pro nasazení v reálném prostředí.
Závěr a doporučení.
Zásady pro vypracování
Cílem práce je vytvořit osobní webové stránky s použitím CMS WordPress a vystavit je na internetu. Výsledná website bude navržena a vytvořena v moderním a praktickém stylu. Základem pro webové stránky bude vlastní téma pro CMS, při jeho vývoji bude využito dalších nástrojů (např. Twig, Sass). Součástí textu práce bude srozumitelné představení použití CMS na výsledné website.
Metodický postup:
Studium odborné literatury.
Zjištění funkční specifikace pro výsledné stránky.
Návrh a popis vývoje a implementace výsledných webových stránek.
Zhodnocení použitelnosti webových stránek pro nasazení v reálném prostředí.
Závěr a doporučení.
Seznam doporučené literatury
Robbins, J. (2018). Learning Web Design. 5th Edition. Sebastopol, CA (USA): O'Reilly.
Nixon, R. (2018). Learning PHP, MySQL & JavaScript. 5th Edition. Sebastopol, CA (USA): O'Reilly.
Eduonix Learning Solutions. (2017). Learn to Create WordPress Themes by Building 5 Projects. Birmingham, UK: Packt.
Moreto, S., Lambert, M., Jakobus, B., & Marah, J. (2017). Bootstrap 4 - Responsive Web Design. Birmingham, UK: Packt.
Kyrnin, J., & Meloni, J. C. (2019). Sams Teach Yourself: HTML, CSS, and JavaScript: All in One. Third Edition. Old Tappan, New Jersey (USA): Pearson Education.
Seznam doporučené literatury
Robbins, J. (2018). Learning Web Design. 5th Edition. Sebastopol, CA (USA): O'Reilly.
Nixon, R. (2018). Learning PHP, MySQL & JavaScript. 5th Edition. Sebastopol, CA (USA): O'Reilly.
Eduonix Learning Solutions. (2017). Learn to Create WordPress Themes by Building 5 Projects. Birmingham, UK: Packt.
Moreto, S., Lambert, M., Jakobus, B., & Marah, J. (2017). Bootstrap 4 - Responsive Web Design. Birmingham, UK: Packt.
Kyrnin, J., & Meloni, J. C. (2019). Sams Teach Yourself: HTML, CSS, and JavaScript: All in One. Third Edition. Old Tappan, New Jersey (USA): Pearson Education.