СДО ИДО
  • UX-WIB. F24. Основы верстки веб-интерфейсов
    0%
  • Previous
  • Course data
    General
    Объявления
    Ресурсы (ссылки на ПО, сервисы и т.п.)
    Файл-установщик Visual Studio Code для Windows 10,11
    CSS-генераторы
    Тема 1. HTML - технология создания содержимого веб-страниц
    Тема-1-Конспект
    Правила именования файлов и папок
    Структура папок курса
    Что игнорируют браузеры
    Практика 1.1. Работа в редакторе VS Code. Основные HTML-элементы
    Практика 1.2. Примеры семантической разметки
    UX-WIB.F24.2025-Занятие-1-hq
    Тема 2. Адресация в Интернет. Гиперссылки. Изображения
    Практика 2.1. Веб-страница "Лэндинг". Семантическая разметка
    Тема-2-Конспект
    UX-WIB.F24.2025-Занятие-2-hq
    Тема 3. CSS - технология оформления содержимого веб-страниц
    Практика 2.1. Итоговый файл
    page-2
    Практика 3.1. Веб-страница "Лэндинг". Ссылки и изображения
    Тема-3-Конспект
    Ресурсы по цветам и шрифтам
    Практика 3.2. Веб-страница "Лэндинг". Стили
    Шрифт Montserrat
    Практика 3.3 Веб-страница "UX и UI-дизайн"
    UX-WIB.F24.2025-Занятие-3-hq
    Тема 4. Блочная модель элемента
    Практика 3.3. Итог
    Тема-4-Конспект
    Тема 4. Примеры-1. Box model
    Практика 4.1. Веб-страница "UX и UI-дизайн". Стили текста
    Тема 4. Примеры-2. Background
    Цвета и Градиенты
    box
    UX-WIB.F24.2025-Занятие-4
    Тема 5. Таблицы и списки. Псевдоэлементы
    Тема-5-Конспект
    Практика 5.1. Структура и стили таблицы
    Практика 5.2. Таблица с изображениями
    Практика 5.3. Таблица. Псевдокласс nth-child
    Практика 5.4. Стили таблицы
    Практика 5.5. Стили списка
    Практика 5.6. Стили списка "Времена года"
    Маркер
    UX-WIB.F24.2025-Занятие-5
    Пример выполнения Практики 5.4
    Пример выполнения Практики 5.6
    Тема 6. Создание галерей изображений. Свойство float
    Тема-6-Конспект
    Практика 6.1. Веб-страница "Лэндинг". Применение свойства float и inline-block
    Практика 6.2. Галерея изображений.
    Практика 6.3. Фильтры для изображений
    Практика 6.4. Галерея изображений своего проекта
    UX-WIB.F24.2025-Занятие-6
    Тема 7. Создание меню навигации. Позиционирование
    Тема-7-Конспект.pdf
    Практика 7.1. Свойство transform
    Практика 7.2. Галерея изображений. Навигация и переходы (transition)
    Практика 7.3. Панель навигации с выпадающим меню. Свойство position
    Практика 7.4. Дизайн карточек и расположение в колонки
    UX-WIB.F24.2025-Занятие-7
    Тема 8. Позиционирование. Галерея. Формы
    Практика 8.1. Позиционирование
    Практика 8.2. Позиционирование. Галерея
    Тема-8-Конспект
    Практика 8.3. Форма отзыва. Структура
    Практика 8.4. Форма отзыва. Стили
    Ресурсы
    Практика 8.5. Форма регистрации
    Практика 7.4. Итог
    UX-WIB.F24.2025-Занятие-8
    Тема 9. SVG-изображения
    Тема-9-Конспект
    Практика 9.1. Размещение SVG-изображений на веб-странице
    Практика 9.2. Применение SVG-изображений на веб-странице
    UX-WIB.F24.2025-Занятие-9
    Ресурсы SVG
    Стрелка в svg
    Тема 10. CSS-анимация
    Тема-10-Конспект
    Практика 10.1. Пример CSS-анимации
    Практика 10.2. Свойство clip-path
    UX-WIB.F24.2025-Занятие-10
    Тема 11. Макет фиксированного дизайна. Видео- и аудио-объекты на веб-странице
    Тема-11-Конспект
    Практика 11.1. Макет фиксированного дизайна. Видео- и аудио-объекты на веб-странице
    UX-WIB.F24.2025-Занятие-11
    Тема 12. Сборка сайта
    Практика 12.1. Слайдер изображений
    Практика 12.2. Сайт "Город"
    Практика 12.3. Использование библиотек CSS-анимации . Галерея изображений
    Ресурсы
    UX-WIB.F24.2025-Занятие-12
    Тема 13. Экзамен
    Экзаменационное задание
    Шрифты
    UX-WIB.F24.2025-Занятие-13
    Доп материалы
    Тема 9. CSS-анимация. Old
    Topic 16
    Тема 10. Макет фиксированного дизайна. Векторные изображения (SVG). -OLD
    Темы 11. Макет фиксированного дизайна. Видео- и аудио-объекты на веб-странице- -Old
    Тема 12. Макет «отзывчивого» дизайна. Сборка сайта-Old
  • Next
СДО ИДО
  • English ‎(en)‎
    Русский ‎(ru)‎ English ‎(en)‎
    • Log in
    UX-WIB. F24. Основы верстки веб-интерфейсов
    Home
    Skip to main content

    Course info

    1. Home
    2. Courses
    3. Высшая инженерная школа
    4. Программы профессиональной переподготовки
    5. UX-UI
    6. UX-WIB. F24. Основы верстки веб-интерфейсов
    7. Summary

    UX-WIB. F24. Основы верстки веб-интерфейсов

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

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

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

    Контакты:

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

    +7 (812) 906-15-19

    office.ido@spbstu.ru

    sdo@spbstu.ru (проблемы с порталом)

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

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