Mark Yatsiuk
Рейтинг
Уровень владения языками
Навыки и умения
Программирование
Портфолио
-
Разработка веб-страницы с использованием Flexbox на основе макета
HTML и CSS версткаЦелью проекта была разработка интерфейса веб-приложения на основе макета с использованием CSS Flexbox и Google Fonts.Flexbox был использован для создания гибкого и адаптивного макета, позволяющего динамично расположить элементы страницы по горизонталу или вертикалу.Эта функция важна для адаптации к различным размерам экрана.Например, Flexbox был использован в навигационной панели и основной части контента для эффективного уравнения элементов.Была разработана горизонтально ориентированная навигационная панель, содержащая ссылки на основные разделы сайта.Эта навигационная панель была построена с использованием классов Flexbox, что обеспечило правильное отображение и адаптивное позиционирование на различных устройствах.Основный контент сайта, состоящий из заголовков, текстовых блоков и изображений, был структурирован с помощью HTML и стилизован с помощью CSS.Для эффективного уравнения текста и изображений были использованы классы Flexbox, что повысило визуальную привлекательность и читаемость страницы.Этот проект был полностью реализован в соответствии с концепцией клиента.Это и полная соответствие модели, и удачное применение Flexbox.
-
Разработка веб-страницы с медиа-заявлениями на основе макета
HTML и CSS версткаЦелью проекта была разработка интерфейса веб-приложения на основе макета с использованием CSS Flexbox и медиа-запросов CSS.
Страница была разработана с использованием HTML и организована в две основные разделы, каждая из которых содержит статьи, изображения и текстовый контент. Для стилизации страницы было применено CSS, в частности технологию Flexbox, которая обеспечивает гибкую адаптацию элементов к различным размерам экрана. Это повышает визуальную привлекательность и читаемость контента. Flexbox также используется для эффективного уравнения текста и изображений, тем самым улучшая естетический вид страницы. Благодаря медиа-просьбам страница адаптируется для правильного отображения на разных устройствах. Чистая структура HTML способствует легкому восприятию информации пользователями.
… Этот проект был полностью реализован в соответствии с концепцией клиента. Это и полная соответствие дизайна-макета, и успешное применение Flexbox, и правильная адаптация медиа-запросов (адаптация к различным размерам экрана).