Основы веб-разработки (HTML, CSS) Синергия Ответы на тесты 1-4, итоговый тест, компетентностный

Представлены ответы на большинство вопросов по предмету "Основы веб-разработки (HTML, CSS)" (Темы 1-4).

Итоговый набранный балл 100 из 100 (Скриншот прилагаю).

ВНИМАНИЕ! Перед тем как купить работу, обязательно убедитесь, что ваши вопросы совпадают с представленными ниже. Для этого рекомендую сначала запустить тест и сверить хотя бы несколько вопросов.

УЧЕБНЫЕ МАТЕРИАЛЫ

• Введение в курс
• Тема 1. Интернет-ресурсы и их классификации
• Тема 2. Технологии HTML и CSS
• Тема 3. Фреймворки и СМS-системы
• Тема 4. Проектирование и технологический процесс создания клиентской части интернет-приложения
• Заключение
• Итоговая аттестация

ТЕСТ 1

Анализ пользовательского интерфейса (UI) включает в себя …

• только цветовую гамму
• только структуру HTML-кода
• простоту навигации, удобство интерфейса, доступность информации
• уровень интернет-трафика
• права доступа пользователей

Веб-сайт – это …

• совокупность связанных между собой страниц, привязанных к одному домену
• ресурс, состоящий из страницы с нужной клиенту информацией, чаще всего коммерческой
• HTML-страница, загруженная на сервер

Домен … является международным

• .RU
• .BY
• .COM
• .EDU
• .MOSCOW

К клиентской части веб-сайта относятся технологии …

• PHP, MySQL
• Apache, Nginx
• HTML, CSS, JavaScript
• PostgreSQL, Node.js, MongoDB

По назначению интернет-ресурсы классифицируют на …

• операционные, аппаратные, программные
• статические и динамические
• текстовые и мультимедийные
• персональные и анонимные
• информационные, развлекательные, коммерческие

Протокол … обеспечивает шифрованную передачу данных

• FTP
• SMTP
• HTTP
• HTTPS
• IP

Редактор кода … имеет открытый исходный код и является бесплатным

• Sublime Text
• Notepad++
• JetBrains WebStorm
• Dreamweaver
• Visual Studio

Соотнесите понятия с их определениями:

• A. Веб-сайт
• B. Доменное имя
• C. HTML
• D. CSS
• E. JavaScript
• F. Сервер
• G. совокупность связанных между собой страниц, объединенных одной темой, дизайном и системой ссылок
• H. индивидуальное имя сайта в интернете, которое соответствует его IP-адресу
• I. язык разметки, отвечающий за «скелет» веб-страницы
• J. язык стилей, используемый для оформления внешнего вида веб-страницы (цвета, шрифты, отступы и т.д.)
• K. язык программирования, который оживляет веб-страницу, обеспечивая интерактивность и динамическое поведение
• L. программное обеспечение, принимающее запросы от клиентов и отправляющее им ответы, обеспечивающее работу сайта с серверной стороны

Тег ˂…˃ используется в семантической разметке для определения основной области сайта

Тип интернет-ресурсов, который обеспечивает интерактивные действия без полной перезагрузки страницы, – это …-сайты, или одностраничные приложения

ТЕСТ 2

… – это селектор CSS, который используется для выбора всех элементов ˂p˃ с классом «highlight», находящихся внутри элемента с классом «container»

• .highlight .container p
• .container p.highlight
• .container ˃ p.highlight
• p.container.highlight
• p ˃ .container.highlight

Атрибут … используется в теге ˂img˃ для отображения текста, если изображение не загружается

Атрибут href в теге ˂a˃ …

• определяет шрифт ссылки
• определяет цвет ссылки
• задает путь к стилю
• указывает адрес назначения гиперссылки
• делает текст жирным

Значение 0.5 для CSS-свойства opacity означает, что элемент – …

• черный
• белый
• прозрачный
• полупрозрачный
• непрозрачный

Одинарными являются такие теги, как … (укажите 3 варианта ответа)

• ˂img˃
• ˂p˃
• ˂br˃
• ˂div˃
• ˂hr˃

Расположите в правильном порядке основные теги в базовом шаблоне HTML-документа:

• 1 ˂!DOCTYPE html˃
• 2 ˂html˃
• 3 ˂head˃
• 4 ˂body˃

Тег ˂meta charset="UTF-8"˃ в HTML-документе …

• подключает таблицу стилей
• определяет кодировку документа
• создает заголовок страницы
• добавляет изображение
• вставляет ссылку на другую страницу

Установите соответствие между HTML-тегами и их назначением:

• A. ˂strong˃
• B. ˂em˃
• C. ˂sup˃
• D. ˂sub˃
• E. ˂mark˃
• F. выделение важного текста
• G. курсивное выделение
• H. надстрочный индекс
• I. подстрочный индекс
• J. выделение текста маркером

Установите соответствие между значением свойства display и его поведением:

• A. block
• B. inline
• C. flex
• D. grid
• E. элемент занимает всю ширину родителя
• F. элемент располагается по горизонтали, как текст
• G. создает гибкий контейнер для распределения элементов
• H. создает сетку с строками и колонками

Файл с расширением … необходимо создать первым для верстки веб-страницы

ТЕСТ 3

… – это фреймворк, полностью основанный на CSS и не использующий JavaScript

CMS-фреймворк … ориентирован на Material Design

• Bootstrap
• Bulma
• Materialize
• UIkit
• Tailwind

Английская аббревиатура … обозначает систему управления контентом, которую также называют платформой, движком или конструктором сайта

В ряду недостатков CMS-систем – … (укажите 3 варианта ответа)

• шаблонность
• высокая гибкость
• зависимость от плагинов
• лицензионные ограничения
• простота использования

В числе задач, стоящих перед CMS-системами, – … (укажите 3 варианта ответа)

• управление структурой сайта
• обновление драйверов оборудования
• совместная работа пользователей
• поддержка шрифтов и иконок
• автоматизация рутинных процессов

Такие CMS-системы, как …, являются бесплатными с открытым исходным кодом (укажите 3 варианта ответа)

• WordPress
• Joomla
• Drupal
• 1С-Битрикс
• Magento Commerce

Упорядочьте этапы развития CMS-систем (от ранних к современным):

• 1 статические HTML-страницы
• 2 первые административные панели
• 3 визуальные редакторы и шаблоны
• 4 полноценные экосистемы с плагинами и темами

Установите соответствие между CMS-системами и их особенностями:

• A. WordPress
• B. Joomla
• C. Drupal
• D. 1С-Битрикс
• E. подходит для блогов и малого бизнеса
• F. много модулей «из коробки», включая поддержку форумов
• G. высокая гибкость и безопасность для крупных проектов
• H. хорошая интеграция с 1С

Установите соответствие между преимуществами и фреймворками, которые имеют эти преимущества:

• A. Полная кастомизация через tailwind.config.js
• B. Большое количество готовых тем и шаблонов
• C. Высокая гибкость и A11Y из коробки
• D. Простой синтаксис классов и отсутствие JS
• E. Tailwind CSS
• F. WordPress
• G. Foundation
• H. Bulma

Утилитарный подход к стилизации интерфейсов применяется в таком фреймворке, как …

• Foundation
• Bootstrap
• UIkit
• Tailwind CSS
• Materialize

ТЕСТ 4

В числе методологий организации CSS-кода – …

• ARIA
• BEM
• HTML5
• SMACSS
• Bootstrap

Говоря об адаптивной верстке, следует отметить, что в этом случае … (укажите 3 варианта ответа)

• используются абсолютные размеры
• применяются медиа-запросы
• стили пишутся только под персональный компьютер (ПК)
• используются процентные значения
• используется принцип Mobile First

Для интерактивного прототипирования подходит такой инструмент, как …

• Photoshop
• Visual Studio Code
• Figma
• Git
• Chrome DevTools

Для оптимизации загрузки рекомендуется использовать формат изображений … – современный формат от Google, который сочетает высокое качество с минимальным размером файла

К результатам этапа подготовки HTML-разметки следует отнести …

• техническое задание
• семантически верную структуру страницы
• цветовую палитру
• графические элементы
• прототип интерфейса

Ключевым преимуществом использования семантических тегов в HTML является повышение …: семантические теги упрощают навигацию по содержимому для людей с ограниченными возможностями, использующих технологии вроде экранного чтения

Неверно, что к улучшениям пользовательского опыта (UX) можно отнести …

• протестированные переходы между страницами
• использование тега ˂div˃ для всех элементов
• интуитивную структуру сайта
• адаптивный дизайн
• минимизацию количества действий до цели

Первым этапом процесса создания клиентской части веб-приложения является …

• стилизация с помощью CSS
• проектирование макета
• анализ требований
• оптимизация кода
• развертывание сайта

Расположите в правильной последовательности этапы верстки:

• 1 анализ требований
• 2 проектирование макета
• 3 HTML-разметка
• 4 CSS-стилизация
• 5 оптимизация
• 6 развертывание

Сопоставьте элементы с их назначением:

• A. ˂nav˃
• B. ˂footer˃
• C. ˂main˃
• D. ˂header˃
• E. навигационное меню
• F. нижняя часть страницы
• G. основной контент
• H. заголовочная часть

ИТОГОВЫЙ ТЕСТ

… является популярным инструментом для создания прототипов веб‑сайтов

• Figma
• WordPress
• Photoshop
• Bootstrap

… – это атрибут тега ˂meta˃, который используется для задания кодировки документа

CSS-фреймворк … характеризуется как самый продвинутый благодаря утилитарному подходу

• Bootstrap
• Tailwind CSS
• Foundation
• Bulma

HTML/CSS-фреймворкам присущи такие ограничения, как … (укажите 3 варианта ответа)

• избыточность кода, когда фреймворк содержит множество неиспользуемых стилей
• ограниченная гибкость дизайна при использовании предустановленных компонентов
• необходимость ручного написания базовых стилей с нуля
• возможные конфликты версий и ограниченность поддержки сторонних плагинов

Английская аббревиатура … обозначает программное обеспечение для управления содержимым сайта

Английская аббревиатура … обозначает язык разметки, предназначенный для создания структуры веб‑страниц

В числе задач, которые решает система управления сайтом (CMS), – … (укажите 4 варианта ответа)

• упрощение добавления и редактирования материалов
• автоматизация рутинных процессов (резервное копирование, уведомления)
• обеспечение мгновенной загрузки страниц без дополнительной оптимизации
• организация совместной работы с распределением ролей
• интеграция с социальными сетями через плагины

В этап анализа требований и планирования процесса создания клиентской части веб‑приложения входят задачи по … (укажите 3 варианта ответа)

• сбору и уточнению требований
• определению структуры сайта
• написанию кода на JavaScript
• выбору подходящих технологий
• созданию прототипа

Главным отличием статического сайта от динамического является то, что статический сайт …

• состоит из готовых HTML-страниц, а динамический формируется на лету при каждом запросе
• доступен только локально, а динамический – только в интернете
• отображается только на мобильных устройствах, а динамический – только на настольных персональных компьютерах (ПК)
• автоматически использует HTTPS, а динамический – нет

Для создания адаптивного сайта используют … (укажите 3 варианта ответа)

• плавающую сетку (Fluid Layout)
• медиа‑запросы
• фиксированные размеры в пикселях
• адаптивные изображения

Значение свойства box-sizing, позволяющее включить padding и border в размеры элемента, не увеличивая его итоговую ширину, – …

• content-box
• border-box
• padding-box
• default-box

К CSS‑свойствам, которые относятся непосредственно к блочной модели элемента, следует отнести … (укажите 4 варианта ответа)

• width
• padding
• border
• margin
• font-size

К преимуществам использования следует отнести … (укажите 4 варианта ответа)

• упрощение редактирования материалов без знания языков программирования
• возможность автоматизации процессов (обновления, резервное копирование)
• отсутствие необходимости в оптимизации производительности
• организацию работы с распределением ролей пользователей
• интеграцию с различными сервисами и социальными сетями

Название визуального блочного редактора контента для WordPress – …

Неверно, что такой фреймворк, как …, ориентирован на утилитарный подход в стилизации

• Tailwind CSS
• Bootstrap
• Materialize
• Bulma

Основная роль веб-сервера в структуре интернет-ресурса – это …

• предоставление доменного имени сайту
• хранение и обработка запросов, передача результатов пользователю
• создание CSS-анимаций на стороне клиента
• проверка правописания текста при вводе в формы

Основная функция семантического тега в HTML – отображение …

• отображение верхней части сайта и заголовка
• отображение основной области контента на странице
• отображение нижней части страницы с дополнительной информацией и ссылками
• размещение динамических скриптов

Основное отличие протокола HTTPS от HTTP – в том, что HTTPS …

• имеет более высокую скорость передачи данных выше
• работает только на мобильных устройствах
• использует шифрование и защищает передаваемые данные
• не может передавать изображения и другие медиафайлы

Первый этап процесса создания клиентской части веб‑приложения – это …

• анализ требований и планирование
• проектирование макета и прототипирование
• подготовка HTML‑разметки
• стилизация с помощью CSS

При создании адаптивной верстки, когда стили сначала пишутся для маленьких экранов, используется принцип …

• Desktop‑first
• Mobile‑first
• Responsive‑first
• Grid‑first

Расположите в правильном порядке этапы создания клиентской части веб‑приложения:

• 1 анализ требований и планирование
• 2 проектирование макета и прототипирование
• 3 подготовка HTML‑разметки
• 4 стилизация с помощью CSS
• 5 проверка и отладка вёрстки

Расположите в хронологическом порядке этапы развития CMS:

• 1 статические HTML-страницы (1990-е гг.)
• 2 появление первых систем управления контентом с административными панелями (конец 1990-х гг. – начало 2000-х гг.)
• 3 эволюция с концепциями плагинов, тем и массовым внедрением современных CMS

Расположите в хронологическом порядке этапы эволюции HTML:

• 1 HTML 2.0 и 3.2
• 2 HTML 4.01
• 3 XHTML
• 4 HTML5

Расставьте в правильном порядке основные этапы формирования стоимости веб-проекта:

• 1 сбор и анализ требований
• 2 оценка объемов и сложности работ
• 3 согласование сроков и бюджета
• 4 финальный подсчет общих расходов

Самым популярным инструментом для работы с HTML и CSS является …

• Notepad
• Visual Studio Code
• Sublime Text
• Microsoft Word

Селектор … – это тип селектора в CSS, который применяется для выбора элемента по его уникальному идентификатору

• тега
• класса
• идентификатора
• потомков

Существуют такие методы подключения CSS к HTML-документу, как …

• использование Inline‑стилей (атрибут style в HTML‑теге)
• размещение стилей в секции ˂style˃ внутри HTML‑документа
• подключение внешнего CSS‑файла через тег ˂link˃
• использование JavaScript для динамической генерации стилей

Существуют такие распространенные способы расчета стоимости веб-проекта, как … (укажите 3 варианта ответа)

• фиксированная цена почасовая
• розничная оплата по товарам
• комбинированный подход (часть фиксировано, часть почасово)
• бартерный обмен
• почасовая оплата

Такие технологии, как …, обычно относятся к клиентской (фронтенд) части интернет-ресурса (укажите 3 варианта ответа)

• HTML
• CSS
• JavaScript
• MySQL
• Python

Такой интернет-ресурс, как …, в первую очередь реализует транзакционную функцию

• форум для обсуждений
• социальная сеть
• интернет-магазин
• блог о путешествиях

Термин «…» обозначает удобство использования сайта для конечного пользователя

Уникальное имя, связанное с IP-адресом сайта, которое пользователь вводит в адресной строке, – это…

Установите соответствие между методами подключения CSS и их описаниями:

• A. Inline‑стили
• B. Секция ˂style˃
• C. Внешний CSS‑файл
• D. стили задаются непосредственно в HTML‑теге через атрибут style
• E. стили размещаются внутри тега ˂style˃ в секции ˂head˃
• F. стили хранятся в отдельном файле и подключаются через тег ˂link˃

Установите соответствие между понятием и его определением:

• A. HTTP
• B. DNS
• C. HTML
• D. JavaScript
• E. протокол для передачи гипертекста между клиентом и сервером
• F. система, преобразующая доменные имена в IP-адреса
• G. язык гипертекстовой разметки, создающий структуру веб-страницы
• H. скриптовый язык, обеспечивающий интерактивное поведение на стороне клиента

Установите соответствие между понятиями и их содержанием:

• A. UI
• B. UX
• C. Юзабилити
• D. внешний вид и элементы интерфейса
• E. общее впечатление и опыт работы с сайтом
• F. удобство использования и эффективность выполнения задач

Установите соответствие между популярными CMS и их основными особенностями:

• A. WordPress
• B. Joomla
• C. Drupal
• D. 1С-Битрикс
• E. большая библиотека тем и плагинов, простота установки
• F. расширенные возможности «из коробки» для сложных проектов
• G. масштабируемость и высокая гибкость для серьезных проектов
• H. бесшовная интеграция с продуктами 1С и наличие коммерческой лицензии

Установите соответствие между семантическими HTML-тегами и их основными функциями:

• A. ˂header˃
• B. ˂nav˃
• C. ˂article˃
• D. ˂footer˃
• E. оформляет верхнюю часть страницы (шапку)
• F. определяет навигационный блок страницы
• G. содержит самостоятельный блок контента (например, статью или новость)
• H. содержит информацию в нижней части страницы (контакты, копирайт)

Установите соответствие между этапами создания клиентской части и их основными результатами:

• A. Этап анализа и планирования
• B. Этап проектирования макета и прототипирования
• C. Этап подготовки HTML‑разметки
• D. Этап стилизации с помощью CSS
• E. техническое задание, схематический план, выбор инструментов
• F. прототип и согласованный набор UI‑элементов
• G. базовая HTML‑страница и семантическая структура
• H. набор CSS‑файлов, оптимизированный дизайн и адаптивная верстка

Фреймворк… изменяет традиционный подход к CSS благодаря использованию утилитарных классов

Язык разметки используется для создания структуры веб-страницы –это…

КОМПЕТЕНТНОСТНЫЙ ТЕСТ

В компании планируется оптимизация существующего интернет‑магазина. Требуется разработать клиентскую часть с адаптивным дизайном, удобной навигацией и быстрой загрузкой. Пользователи на мобильных устройствах испытывают трудности с доступом к основным функциям сайта. Какой комплекс мер будет наиболее эффективным для оптимизации клиентской части и повышения удобства использования на мобильных устройствах?

• Провести редизайн макета без изменения технических аспектов верстки.
• Внедрить подход Mobile‑first, оптимизировать CSS с использованием медиа‑запросов, адаптировать изображения и настроить кэширование.
• Перевести интерфейс на исключительно JavaScript‑решение без использования HTML‑разметки.
• Добавить дополнительные визуальные эффекты и анимации для привлечения внимания.

В проекте требуется добавить интерактивную кнопку, которая меняет цвет при наведении, имеет плавную анимацию и адаптивный размер. Какой подход будет наиболее правильным с точки зрения семантики, производительности и поддержки?

• Создать кнопку через ˂div˃ и стилизовать ее с помощью JavaScript.
• Использовать тег ˂button˃, применить CSS для hover-эффектов и transition.
• Реализовать кнопку как ˂a˃ без href и управлять стилями через инлайновые стили.
• Сделать изображение с кнопкой и менять его при наведении через JS.
• Использовать SVG с анимацией, встроенной прямо в разметку.

Вам нужно создать интернет-магазин по продаже электроники с интерфейсом на трех языках и безопасными онлайн-платежами. Какой подход к формированию стоимости проекта будет наиболее удобным и прозрачным для такого интернет-магазина?

• Полностью фиксированная стоимость (Fixed Price), без возможности изменения сметы.
• Почасовая оплата (Time & Material), без фиксированных объемов работ.
• Комбинированный подход: фиксированная часть за базовую функциональность + почасовая оплата дополнительных доработок.

Вам поручили разработать образовательный интернет-ресурс, на котором планируется размещать: - учебные материалы в виде текстовых статей и видеороликов; - интерактивные тесты и задания; - форум для общения между студентами и преподавателями. Охарактеризуйте создаваемый ресурс по назначению, способу взаимодействия и типу контента

• Коммерческий ресурс, статический способ взаимодействия, преимущественно текстовый контент.
• Образовательный ресурс, статический способ взаимодействия, только мультимедийный контент.
• Образовательный ресурс, динамический или интерактивный способ взаимодействия, комбинированный контент.
• Развлекательный ресурс, статический способ взаимодействия, комбинированный контент.

Вы отвечаете за запуск сайта интернет-магазина, который должен быть интегрирован с бухгалтерией на платформе 1С. Требуется готовый функционал для оплаты, доставки и учета остатков. Какую систему управления содержимым (CMS) вы выберете, учитывая потребности бизнеса?

• WordPress
• Joomla
• Drupal
• 1С-Битрикс
• OpenCart

Вы разрабатываете клиентскую часть интернет-приложения. Перед вами стоит задача реализовать навигационное меню, которое на десктопе отображается горизонтально, а на мобильных устройствах – вертикально, с раскрытием по клику. Какой подход следует выбрать для наилучшей реализации этого с точки зрения адаптивности и методологии Mobile-First?

• Использовать таблицу ˂table˃ и медиазапросы для скрытия/показа колонок.
• Разметить меню через ˂ul˃ и применять Flexbox с изменением направления через media queries.
• Реализовать меню исключительно через JavaScript без использования CSS.
• Использовать ˂div˃ с абсолютным позиционированием и z-index.
• Применить inline-стили на каждый элемент меню и переключать стили через JS.

Вы разрабатываете многостраничный сайт и хотите обеспечить единообразие внешнего вида, удобство поддержки и переиспользование стилей на всех страницах проекта. Какой способ подключения CSS является оптимальным для достижения этих целей?

• Использование inline‑стилей в каждом HTML‑теге.
• Размещение CSS‑правил внутри тега ˂style˃ на каждой странице.
• Подключение одного внешнего CSS‑файла через тег ˂link˃ на всех страницах.
• Динамическое добавление стилей с помощью JavaScript.

Вы создали HTML-страницу и добавили к ней внешний CSS-файл style.css, но стили не применяются. Укажите возможные причины этого. (Укажите 4 варианта ответа).

• Неправильный путь.
• Опечатка в href.
• Отсутствие файла.
• Неверная кодировка страницы.
• Кэшированный файл.

Компания планирует разработать интернет-магазин, требующий тесной интеграции с 1С для синхронизации бухгалтерских и складских данных, а также быстрый запуск проекта с минимальными затратами на разработку. Какую систему управления содержимым (CMS) будет оптимально использовать для реализации проекта и почему?

• Систему WordPress с плагином WooCommerce, поскольку она проста в установке и имеет большую базу поддержки, несмотря на то что интеграция с 1С может потребовать дополнительных решений.
• Систему 1С‑Битрикс, так как она обеспечивает бесшовную интеграцию с продуктами 1С, имеет готовый функционал для e-commerce и соответствует требованиям по безопасности и поддержке, несмотря на необходимость приобретения лицензии.
• Систему Drupal, так как она отлично подходит для масштабных проектов, несмотря на то что интеграция с 1С реализуется сложнее и потребует дополнительных усилий.

Представьте, что вы создаете одностраничный сайт-визитку для небольшой кофейни. Какие технологии и элементы структуры сайта вы будете использовать, чтобы он был удобным, доступным и современным?

• Использовать только HTML и таблицы для построения дизайна, теги ˂div˃ и шрифт размером в пикселях.
• Применять HTML5 с семантическими тегами (˂header˃, ˂main˃, ˂footer˃, ˂nav˃), стилизовать сайт через CSS с использованием em/rem, добавить JavaScript для интерактивности.
• Сделать сайт полностью на Flash, без адаптации под мобильные устройства. Использовать изображение сайта в виде .jpg на одной странице. Применить CMS WordPress без какой-либо доработки.

При разработке простого сайта студент создал базовый HTML‑документ и подключил внешний CSS‑файл через тег ˂link˃. Однако при открытии страницы в браузере стили не применяются. Что прежде всего следует предпринять для устранения этой проблемы?

• Переписать весь CSS‑код с использованием inline‑стилей.
• Проверить путь, указанный в атрибуте href тега ˂link˃.
• Изменить порядок элементов в HTML‑документе.
• Запустить сайт в другом браузере.

Фронтенд-разработчик работает над созданием адаптивного корпоративного сайта с уникальным дизайном, требующим быстрой модификации и высокого уровня производительности. Перед разработчиком стоит выбор между использованием готового CSS-фреймворка и самостоятельной разработкой стилизации. Какой подход в этом случае будет наиболее эффективным с учетом необходимости постоянных обновлений и минимизации технического долга?

• Использование Bootstrap, поскольку он обеспечивает адаптивную верстку, несмотря на то что сайт может выглядеть типично из-за широко используемых стандартов.
• Использование Tailwind CSS, так как утилитарный подход позволяет быстро вносить изменения прямо в разметку, минимизируя объем кода и технический долг, а также поддерживает высокую производительность при масштабировании проекта.
• Разработка собственного CSS-фреймворка, что обеспечит полную свободу дизайна, несмотря на то что потребуется значительно больше времени и ресурсов для поддержки и обновления.