z-logo
open-access-imgOpen Access
МОДЕРНІЗАЦІЯ ВЕРСТКИ САЙТУ ШЛЯХОМ ВИКОРИСТАННЯ МЕТОДУ АДАПТИВНИХ СІТОК
Author(s) -
N. Ichanska,
S. Sirovyi
Publication year - 2019
Publication title -
sistemi upravlìnnâ, navìgacìï ta zvʼâzku
Language(s) - Ukrainian
Resource type - Journals
ISSN - 2073-7394
DOI - 10.26906/sunz.2019.2.099
Subject(s) - computer science
Предметом нашого дослідження є вивчення методу швидкої верстки сайту за допомогою адаптивної сітки. У статті представлені матеріали щодо опису структури та переваг використання адаптивної сітки в сучасній верстці сайтів, а також розглянуто переваги застосування технології сіток при адаптуванні сайтів до мобільних платформ. В роботі показано необхідність та ефективність використання нових систем при розробці веб-сайту. В якості інноваційної системи авторами запропоновано адаптивні сітки, так звані “флекс-бокси”. Які підтримуються всіма браузерами і викликають професійний інтерес у великої кількості розробників. Результати – авторами сформовано перелік переваг та недоліків методу використання сіток, наведено рекомендації та аргументи щодо використання принципу “флекс-боксів” на практиці. Розглянуто загальну структуру побудови сіток на прикладі наочного макету, підкреслено роль сіток в дизайні сайтів, а також представлено код для відповідної реалізації. Авторами показано новизну, актуальність, ефективність використання системи сіток та потужність потенціалу “флекс-боксів”. Одним із акцентів роботи є те, що система сіток має високу ступінь мобільності і може бути використана повторно в нових проектах. Висновок – у роботі запропоновано метод верстки сайту на базі адаптивних сіток дозволяє користувачеві підвищити швидкість технології верстки сайту, спростити розробку окремих елементів макету сайту, надати HTML коду більш логічного, зрозумілого вигляду, покращити дизайн сайту, використати можливість адаптування сайту під різні платформи. Авторами в роботі наведено приклади коду сайту для відповідної реалізації.

The content you want is available to Zendy users.

Already have an account? Click here to sign in.
Having issues? You can contact us here