СДО ИДО
  • UX-WAI. F24. Верстка адаптивных интерфейсов
    0%
  • Пред.
  • Course data
    Общее
    Объявления
    Тема 1. Позиционирование. Модуль CSS Flexible Box Layout
    Структура папок курса
    Тема-1-Конспект
    Шпаргалка по свойствам flex-позиционирования.
    Шпаргалка пошаговая по свойствам flex-элементов.
    Практика 1.1. Основные свойства flex-позиционирования
    Практика 1.2. Колонки-карточки в отзывчивом макете
    Практика 1.3. Колонки-карточки с фиксированными значениями полей
    Практика 1.4. Flex-макет с шаблонными элементами
    Практика 1.5. Карточка Интернет-магазина
    UX-WAI.2025.Верстка.mp4-Занятие-1
    Тема 2. Позиционирование. Модуль CSS Grid Layout
    Тема-2-Конспект
    Ресурсы
    Практика 1.5 Итог
    Практика 2.1. Основные свойства grid-позиционирования
    Практика 2.2. Свойства выравнивания grid-элементов
    Шпаргалка по свойствам grid-позиционирования
    Практика 2.3. Управление размером полосы grid-контейнера
    Практика 2.4. Свойства auto-fill и auto-fit
    UX-WAI.2025.Верстка.mp4-Занятие-2
    Практика 2.5. Верстка карточек с помощью auto-fill
    Практика 2.6. Верстка макета на основе grid layout
    Практика 2.6. Итог
    Тема 3. Адаптивный дизайн
    Тема-3-Конспект
    Таблица конвертации px-em
    css-mq
    Ресурсы
    Практика 3.1. Адаптивная галерея на основе Grid Layout
    UX-WAI.2025.Верстка.mp4-Занятие-3
    Практика 3.2. Адаптивная таблица
    Практика 3.3. Адаптивные карточки
    UX-WAI.2025.Верстка.mp4-Занятие-4
    Тема 4. Адаптивная навигация
    Практика 4.1. Адаптивная страница с мобильной навигацией
    Ресурсы
    UX-WAI.2025.Верстка.mp4-Занятие-5-New
    Тема 5. Подключение иконок. Использование библиотек
    Ресурсы (иконки)
    Практика 5.1. Использование библиотеки iconify
    Практика 5.2. Карточка с использованием иконочных шрифтов
    Vector.svg
    Практика 5.3. Анимированная кнопка меню
    Итог-Практика 5.3. Анимированная кнопка меню
    UX-WAI.2025.Верстка.mp4-Занятие-6-New
    Тема 6. Интерактивные компоненты. Аккордион, табы
    Ресурсы
    Практика 6.1. Аккордион
    Практика 6.2. Адаптируемый элемент "Аккордион-Табы"
    Практика 6.3. Применение SVG-изображений на веб-странице
    Тема-6-Конспект
    Практика 6.4. Кнопка "Наверх"
    UX-WAI.2025.Верстка.mp4-Занятие-7
    Итог-Практика 6.2. Адаптируемый элемент "Аккордион-Табы"
    Итог-Практика 6.3. Применение SVG-изображений на веб-странице
    Тема 7. Адаптивная верстка с использованием библиотек
    Практика 7.1. Слайдер карточек на основе Swiper
    Тема-7-Конспект-swiper
    Базовые варианты настроек Swiper
    Ресурсы-swiper
    Стартовые файлы Swiper v11.2.6
    Тема-5-Конспект-ui
    Стартовые файлы Swiper v11.0.5
    UX-WAI.2025.Верстка.mp4-Занятие-8
    Тема 8. Быстрое прототипирование.
    Практика 8.1. Примеры Swiper-12
    Практика 8.2. Адаптивный слайдер
    Практика 8.3. Внедрение слайдера на адаптивную страницу
    Таблица символов unicode
    Практика 8.4. Текстовое содержимое - управление отображением
    Тема 9. Прототипирование на основе css-фреймворков
    Тема-9-Конспект-Bts
    Стартовый проект на Bootstrap5
    Исходные файлы Bootstrap 5
    Ресурсы
    Практика 9.1. Создание веб-страницы с помощью Bootstrap 5
    UX-WAI.2025.Верстка.mp4-Занятие-9
    Тема 9. Экзамен
    Экзаменационное задание
    UX-WAI.2025.Верстка.mp4-Занятие-10
    Консультация 1
    Подсказки к предзащите
    Ресурсы. Плагины Figma для стилей
    Ссылки на сценарии и макет сайта
    gradient-text
    dialog
    popover
    modal_window
    nature-page-modal
    Консультация 2
    Предварительная верстка ВКР
    ВКР Консультация 22.12.2025
    Консультация 2 - доп
    adaptive-block-3-col
    shape-outside
    tooltip
    Консультация 1-old
    Практики.Интерактивные компоненты веб-страниц
    Тема Old-Video
    Резерв
  • След.
СДО ИДО
  • Русский ‎(ru)‎
    Русский ‎(ru)‎ English ‎(en)‎
    • Вход
    UX-WAI. F24. Верстка адаптивных интерфейсов
    В начало
    Перейти к основному содержанию

    Информация о курсе

    1. В начало
    2. Курсы
    3. Высшая инженерная школа
    4. Программы профессиональной переподготовки
    5. UX-UI
    6. UX-WAI. F24. Верстка адаптивных интерфейсов
    7. Описание

    UX-WAI. F24. Верстка адаптивных интерфейсов

    • Преподаватель: Осипова Оксана Геннадьевна

    Портал дистанционных образовательных технологий СПБПУ Петра Великого
    Политика конфиденциальности
    Политика обработки cookie
    При использовании материалов портала активная ссылка на источник обязательна

    Санкт-Петербургский политехнический университет

    Контакты:

    195251, Санкт-Петербург, ул. Политехническая, дом 29, Научно-исследовательский корпус

    +7 (812) 906-15-19

    office.ido@spbstu.ru

    Мы в социальных ресурсах

    Мы используем cookies и рекомендательные технологии для улучшения работы сайта. Продолжая использовать этот сайт, Вы соглашаетесь на использование файлов cookie.