Лендинги на Getcourse (Анна Седунова)

[Певец]

Ссылка на картинку

Веб-Дизайн

• Стили. Обзор стилистики в дизайне. Выбор стиля проекта
• Как выбрать дизайн? Поиск идей. Moodboard
• Композиция. Правила композиции. Линии и формы. Прототипы
• Цвет. Атмосфера и настроение проекта. Цветовые модели. Форматы изображений
• Типографика. Шрифты, работа с текстом
• Насмотренность. Уровень нормы
• Правила создания современного и стильного веб-дизайна
• Макет первого экрана
• Адаптив. Как разработать мобильную версию сайта
• Регистрация и обзор интерфейса Figma. Создание графических элементов
• Дизайн-процессы. Этапы работы с заказчиками

Результат:

Благодаря урокам профессиональных дизайнеров узнаете, как разрабатывать дизайн и его этапы. Овладеете стилистикой, выбором цветов и работой с текстом. Создадите композиции и узнаете, как использовать Figma для графических элементов.

Введение в CMS и Конструктор GetCourse

• Введение в CMS. Дерево сайта. Создание и настройка страниц. Превью страниц
• Общий обзор основных блоков Констуктора GetCourse
• Примеры использования
• Базовые понятия HTML, CSS и JavaScript. Панель разработчика
• Шрифты. Способы подключения шрифтов на страницах
• Полезные сайты и сервисы

Результат:
Познакомитесь с основами CMS и структурой Конструктора сайтов GetCourse. Освоите настройку страниц и знакомство с основными блоками. Познакомитесь с базовыми понятиями HTML и CSS.

Оформление блоков и элементов

• Первый экран. Составные элементы первого экрана.
• Бонусное видео от дизайнера «Создание первого экрана»
• Разбор каждого из основных блоков Конструктора
• Стандартные блоки GetCourse - подробный разбор и стилизация без CSS
• Оформление блоков с применением CSS
• Мастер-классы с примеры оформления и видео-инструкциями
• Раздел «Вдохновение» с множеством примеров оформления блоков на GetCourse

Результат:
Узнаете, как создавать первый экран и оформлять блоки, используемые на лендингах. Изучите стандартные и CSS-способы оформления блоков. Получите доступ к разделу «Вдохновение» с примерами оформления.

Блог. Оформление статей

• Блог. Настройки блога. Подключение шрифтов
• Подключение меню и подвала блога
• Приёмы оформления главной страницы Блога
• Создание статей и их оформление
• Размещение статей на лендинге

Результат:
Создадите и настроите блог для вашего проекта. Подключите красивые меню и научитесь изменять оформление блога. Оформите статьи блога и интегрируете их на лендингах.

Итоговая работа

• Основные страницы проекта: страница регистрация в онлайн-школу, регистрация на бесплатное мероприятия, регистрация на автовебинар, продающий лендинг
• Какие разделы необходимо размещать на страницах, настройки страниц и и использование переменных на страницах
• Объедините итоговые страницы в многостраничный сайт — основные настройки

Результат:
Соберете 4+ итоговые страницы для вашего проекта. Настроите многостраничный сайт и основные разделы. Объедините итоговые страницы в один многостраничный сайт.

Бонусные материалы

• Дизайн-процессы. Этапы работа с заказчиками
• Работа с заказчиками
• Оформление системных страниц: страница входа (авторизации), страница обратной связи
• Виджеты. Секреты оформления виджетов. Встраивание на сторонние сайты

Результат:
Узнаете, как организовать работу с заказчиками. Оформите системные страницы. Научитесь оформлять виджеты и размещать их

Показать больше