Занятие 1
Проектируем веб-страницу
- Что такое «страница сайта»: какие бывают, как создаются.
- Какие программы используются для создания веб-страниц.
- Что такое прототип. Стандартные блоки для каждой страницы и уникальное содержимое.
Занятие 2
Знакомимся с дизайном текста веб-страниц
- Рассматриваем возможности оформления текстовых элементов веб-страницы.
Занятие 3
Изображения на веб-страницах. Оформление блоков
- Как разместить изображение в качестве иллюстрации.
- Рассмотрим возможности оформления фона: использование цвета, изображений, градиентов.
Занятие 4
Интерактивные элементы веб-страниц. Навигация по сайту
- Рассматриваем способы перехода между страницами сайта (разные способы навигации).
- Возможности оформления интерактивных элементов веб-страницы.
Занятие 5
Финальная сборка сайта. Домен. Хостинг
- Использование шаблонных элементов.
- Выпадающее меню навигации.
- Как сделать сайт доступным для просмотра в Интернет.
Занятие 6
Визуальные и интерактивные эффекты на веб-странице
- Формы, тени, прозрачность.
- Трансформации.
- Простые способы анимации веб-элементов.
Занятие 7
Создание страницы-галереи изображений
- Рассмотрим примеры создания галерей изображений.
- Изображения с подписями: как определить и оформить.
- Создадим галерею для нового проекта - веб-страницы туристического сайта.
Занятие 8
Отображение веб-страниц на разных устройствах
- Рассмотрим виды дизайна сайтов: фиксированный, отзывчивый, адаптируемый.
- Как настроить изменение отображения элементов при изменении условий просмотра.
Занятие 9
Создание сайта адаптируемого дизайна
- Особенности проектирования сайта адаптируемого дизайна.
- Рассмотрим способы адаптации важных элементов любой страницы: навигации и контента.
Занятие 10
Веб-дизайн и веб-разработка: что общего, в чем отличие
- Рассмотрим современные примеры сайтов: дизайн и функциональность.
- Как работать с цветом и шрифтом: приемы, полезные сервисы.
- Профессии в веб-дизайне: UI-дизайнер, UХ-дизайнер, верстальщик, моушн-дизайнер, программист.