Веб-Дизайн
- Стили. Обзор стилистики в дизайне. Выбор стиля проекта
- Как выбрать дизайн? Поиск идей. Moodboard
- Композиция. Правила композиции. Линии и формы. Прототипы
- Цвет. Атмосфера и настроение проекта. Цветовые модели. Форматы изображений
- Типографика. Шрифты, работа с текстом
- Насмотренность. Уровень нормы
- Правила создания современного и стильного веб-дизайна
- Макет первого экрана
- Адаптив. Как разработать мобильную версию сайта
- Регистрация и обзор интерфейса Figma. Создание графических элементов
- Дизайн-процессы. Этапы работы с заказчиками
Результат:
Благодаря урокам профессиональных дизайнеров узнаете, как разрабатывать дизайн и его этапы. Овладеете стилистикой, выбором цветов и работой с текстом. Создадите композиции и узнаете, как использовать Figma для графических элементов.
Введение в CMS и Конструктор GetCourse
- Введение в CMS. Дерево сайта. Создание и настройка страниц. Превью страниц
- Общий обзор основных блоков Констуктора GetCourse
- Примеры использования
- Базовые понятия HTML, CSS и JavaScript. Панель разработчика
- Шрифты. Способы подключения шрифтов на страницах
- Полезные сайты и сервисы
Результат:
Познакомитесь с основами CMS и структурой Конструктора сайтов GetCourse. Освоите настройку страниц и знакомство с основными блоками. Познакомитесь с базовыми понятиями HTML и CSS.
Оформление блоков и элементов
- Первый экран. Составные элементы первого экрана.
- Бонусное видео от дизайнера «Создание первого экрана»
- Разбор каждого из основных блоков Конструктора
- Стандартные блоки GetCourse - подробный разбор и стилизация без CSS
- Оформление блоков с применением CSS
- Мастер-классы с примеры оформления и видео-инструкциями
- Раздел «Вдохновение» с множеством примеров оформления блоков на GetCourse
Результат:
Узнаете, как создавать первый экран и оформлять блоки, используемые на лендингах. Изучите стандартные и CSS-способы оформления блоков. Получите доступ к разделу «Вдохновение» с примерами оформления.
Блог. Оформление статей
- Блог. Настройки блога. Подключение шрифтов
- Подключение меню и подвала блога
- Приёмы оформления главной страницы Блога
- Создание статей и их оформление
- Размещение статей на лендинге
Результат:
Создадите и настроите блог для вашего проекта. Подключите красивые меню и научитесь изменять оформление блога. Оформите статьи блога и интегрируете их на лендингах.
Итоговая работа
- Основные страницы проекта: страница регистрация в онлайн-школу, регистрация на бесплатное мероприятия, регистрация на автовебинар, продающий лендинг
- Какие разделы необходимо размещать на страницах, настройки страниц и и использование переменных на страницах
- Объедините итоговые страницы в многостраничный сайт — основные настройки
Результат:
Соберете 4+ итоговые страницы для вашего проекта. Настроите многостраничный сайт и основные разделы. Объедините итоговые страницы в один многостраничный сайт.
Бонусные материалы
- Дизайн-процессы. Этапы работа с заказчиками
- Работа с заказчиками
- Оформление системных страниц: страница входа (авторизации), страница обратной связи
- Виджеты. Секреты оформления виджетов. Встраивание на сторонние сайты
Результат:
Узнаете, как организовать работу с заказчиками. Оформите системные страницы. Научитесь оформлять виджеты и размещать их
