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

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

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

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

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

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

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

    Контакты:

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

    +7 (812) 906-15-19

    office.ido@spbstu.ru

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

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

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