Настоящият курс по Уеб дизайн въвежда студентите от специалност Бизнес информационни технологии в принципите и средствата за изграждане на съвременен Уеб дизайн. Той прави кратък преглед на възможностите на HTML5 като език за маркиране на съдържание и разглежда подробно нововъведенията на HTML5 и CSS3 за методите за представяне на съдържание. Лекционният материал завършва с анализ на използваемостта на Уеб сайтове и начини за оптимизацията им за по-добро индексиране от машините за търсене. Лабораторните упражнения следват темите от лекциите, като допълнително дават практически умения и в работата със съвременни средства за проектиране на Уеб съдържание. Студентите се запознават с текущите уеб тенденции.
Материали за редовното обучение
- Материали за упражнение 01 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 02 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 03 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 04 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 05 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 06 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 07 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 08 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 09 — свали тук... | Краен резултат — свали тук
Изисквания към проекта на редовно обучение
- Проектът е разделен на четири части, какво обхващат те вижте тук
Материали за задочното обучение
- Материали за упражнение 01 — свали тук... | Краен резултат — свали тук
- Материали за упражнение 02 — свали тук... | Краен резултат — свали тук
Изисквания към проекта на задочно обучение
- Проектът е разделен на три части, какво обхващат те вижте тук
Литература
- Уеб дизайн тенденции за 2021/22 г. виж тук
- Друг полезен инструмент за скици (wireframes): Figma виж тук
- Друг полезен инструмент за скици (wireframes): AdobeXD виж тук
- Друг полезен инструмент за скици (wireframes): InVision виж тук
- Книги за уеб дизайн, които си заслужава да прочетете през 2018/19 г. (част 1) виж тук
- Книги за уеб дизайн, които си заслужава да прочетете през 2018/19 г. (част 2) виж тук
- Тенденции в дизайна за 2019 г. виж тук
- The Definitive Guide for HTML5, by Adam Freeman, Apress, Dec. 2011
- JavaScript Essentials, by Sven Lennartz and Vitaly Friedman, Smashing Media GmbH, Freiburg, Germany, Dec. 2011
- Pro jQuery, by Adam Freeman, Apress, Feb. 2012
- Beginning XML, 4-th edition, by David Hunter at al; ISBN 978-0-470-11487-2, Wrox, 2007
- XML in a Nutshell: A Desktop Quick Reference, by E. R. Harold, W. S. Means, O'Reilly & Associates, 3-rd edition, ISBN 0-596-00764-7; 2004
- Learning XML, by Erik T. Ray, 2-nd Edition, O'Reilly, 2003, ISBN : 0-596-00420-6. JavaScript Essentials, by Sven Lennartz and Vitaly Friedman, Smashing Media GmbH, Freiburg, Germany, Dec. 2011
- Programming the Semantic Web, by Toby Segaran; Colin Evans; Jamie Taylor, O'Reilly Media, Inc., July 14, 2009
- Mastering Photoshop for Web design. Volume 2, by Sven Lennartz, Vitaly Friedman, April 2011
- Mobile Design for iPhone and iPad, Sven Lennartz, Vitaly Friedman, Adobe Flash Professional CS5, Katherine Ulrich, November 2010
- Professional Workflow for Web designers, Luke Reimer, May 2011
- Flexible Web Design: Creating Liquid and Elastic Layouts with CSS, Zoe Mickley Gillenwater, 2009
- Серията от книги на www.smashingmagazine.com
- Актуални книги от http://bookdl.com
- Актуални книги от http://www.wowebook.com
- Интересни шрифтове https://fontlibrary.org https://fontlibrary.org/
- Полезен инструмент http://design.google.com/resizer
- Полезен инструмент Google material design
- Полезен инструмент Google material генератор на палитри
- Полезен инструмент Wireframing инструмент
- Polymer project
- http://materializecss.com
- Polymer project
- http://www.material-ui.com
- Polymer project
- https://material.angularjs.org/latest/
- Полезни материали Google material design
- Flat Icons SVG, PSD, PNG, EPS и Icon Fonts
- Създаване на duotone ефекти Colorfilter CSS
- Малко Flat UI вдъхновение Flat UI
- Полезен инструмент Flat UI Colors Генератор на палитри
- 50 Examples of Flat Web Design Интересни шаблони за сайтове
- Интерактивност без код;) Webflow