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

Тема 1. HTML - технология создания содержимого веб-страниц
    ПО и сервисы для верстки
    Структура html-документа
    Семантическая разметка текста
    
Тема 2.     Адресация в Интернет. Гиперссылки
    Основные понятия Клиент-Сервер. Хостинг. Домен
    Адресация документов
    Гиперссылки. Состояния элементов
    Внедрение изображений на веб-страницу
    
Тема 3.    CSS - технология оформления содержимого веб-страниц
    Подключение CSS
    Селекторы CSS. Наследование. Каскадность. Специфичность
    СSS-свойства  оформления текста
    Подключение шрифтов
    
Тема 4.    Блочная модель элемента
    Типы html-элементов. Свойство display
    СSS-свойства оформления блочного элемента
    Свойство box-sizing
    СSS-свойства фона: цвет, градиенты, изображения
    
Тема 5.    Таблицы и списки
    Основные структурные элементы
    Оформление таблиц с помощью CSS
    СSS-свойства оформления списков
    Псевдоэлементы
    
Тема 6.    Создание галерей изображений
    Верстка на основе float-позиционирования
    Использование inline-block
    Визуальные эффекты: clip-path, box-shadow, border-radius
    Свойство transform
    Свойство transition
    
Тема 7.    Создание меню навигации
    Плоская навигация
    Свойство position
    Выпадающее меню навигации
    
Тема 8.    Формы
    html-элементы форм
    Состояния элементов
    Верстка форм
    
Тема 9.    Свойство animation. Слайдер
    Параметры css-анимации
    Примеры анимации
    Верстка слайдера
    
Тема 10.    Мультимедиа. Векторные изображения
    Теги audio, video
    Использование SVG-файлов
    Иконочные шрифты
    
Тема 11.    Макет фиксированного дизайна
    Сетки фиксированного дизайна
    Верстка колонок
    Стили блоков
    
Тема 12.    Макет "отзывчивого" дизайна
    Управление шириной области отображения контента
    Верстка с учетом требований юзабилити
    Полезные сервисы для верстки
    
Тема 13.    Экзамен