Пояснительная записка содержит 104 страницы, 17 рисунков, 4 таблицы, 7 формул, 1 приложение, 17 источников. В рамках данной работы была исследована технология адаптивного дизайна сайтов. Рассмотрены особенности мобильных устройств, влияющих на удобство посещения веб-ресурсов. Изучены принципы создания адаптивного сайта и разработаны рекомендации по их эффективному использованию. На основе полученных рекомендаций разработан адаптивный сайт, подстраивающий свой макет под размеры экрана устройства доступа. Проведена оценка эффективности рассмотренных принципов и сделаны соответствующие выводы. АДАПТИВНЫЙ ВЕБ-ДИЗАЙН, МЕДИА-ЗАПРОСЫ, ГИБКИЕ СЕТКИ, МОБИЛЬНЫЕ УСТРОЙСТВА, МОДУЛЬНАЯ СЕТКА, НАВИГАЦИОННОЕ МЕНЮ. Explanatory note consists of 104 pages, 17 drawings, 4 table, 7 formulas, 1 attachment, 17 sources. In this work was studied the technology of adaptive design. Examined the features of mobile devices affecting the usability of web resources. Studied the principles of adaptive site creation and developed the recommendations for their effective use. An adaptive website was developed based on the recommendations, that adjusts to the size of the device screen. Results of the effectiveness of the principles were estimated and appropriate conclusions were drawn. ADAPTIVE WEB DESIGN, MEDIA QUERIES, FLUID GRIDS, MOBILE DEVICES, MODULAR GRID, NAVIGATION BAR. Пояснювальна записка містить 104 сторінки, 17 рисунків, 4 таблиці, 7 формул, 1 додаток, 17 джерел. В рамках даної роботи була досліджена технологія адаптивного дизайну сайтів. Розглянуті особливості мобільних пристроїв, які впливають на зручність відвідування веб-ресурсів. Досліджені принципи створення адаптивного сайту та розроблені рекомендації щодо їх ефективного використання. На основі отриманних рекомендацій розроблен адаптивний сайт, який підлаштовує свій макет під розміри екрану пристроя доступу. Проведена оцінка ефективності розглянутих принципів і зроблені відповідні висновки. АДАПТИВНИЙ ВЕБ-ДИЗАЙН, МЕДІА-ЗАПИТИ, ГНУЧКІ СІТКИ, МОБІЛЬНІ ПРИСТРОЇ, МОДУЛЬНА СІТКА, НАВІГАЦІЙНЕ МЕНЮ.
