Сильная методология и гибкий процесс обучения
Самая объемная и насыщенная программа
Вы сможете не только рисовать сайты, но и запускать их самостоятельно, а так же освоите основы html и css.
- О курсе
- Планы и тарифы Webflow
- Обзор и Анализ макета
- План работы
- Подготовка макета к верстке
- Практика: Знакомство с макетом и подготовка файлов
- Блочная верстка и основы HTML и CSS
- Иерархия элементов сайта
- Практика: Планирование структуры сайта
- Регистрация и создание проекта
- Публикация сайта
- Поделиться проектом (Share project)
- Клонирование проекта
- Настройки проекта
- Практика: Общие настройки проектаФайлы сайта
- Практика: Загрузка изображений
- Обзор панели Pages
- Обзор панели Style Selectors
- Обзор панели Variables
- Практика: Настройка основных стилей
- Практика: UI kit основных элементов
- Панель Навигатор
- Добавление элементов
- Обзор основных элементов
- Обзор функциональных элементов
- Персональные настройки элементов
- Практика: Создание основной структуры сайта
- Практика: Добавляем элементы и классы
- Практика: Добавление контента элементам
- Обзор простых разделов панели Style (Стиль)
- Состояния элементов
- Панель Style: Раздел Layout
- Панель Style: Раздел Size и единицы измерений
- Панель Style: Позиционирование элементов
- Практика: Детальная верстка 1 и 2 секций
- Grid (сетка)
- Areas (Области сетки)
- Практика: Детальная верстка 3 и 4 секций
- Практика: Детальная верстка 5 и 6 секций
- Практика: Детальная верстка 7 и 8 секций
- Практика: Детальная верстка 9 и 10 секций
- Основы адаптивной верстки
- Практика: Адаптация сайта под планшет
- Практика. Адаптация экрана Mobile landscape
- Практика. Адаптация экрана Mobile Portrait
- Практика. Адаптация сайта под большие экраны. Тестируем адаптивность
- Функции и типы анимации
- Принципы веб-анимации
- Базовые действия анимации
- Скорость
- Хореография
- Анимация в Webflow
- Настройка триггеров
- Глобальная анимация
- Практика: Анимируем элементы при наведении
- Практика: Якорные ссылки
- Практика: Настраиваем глобальные анимации
- Практика: Анимация компонентов
- Практика: Анимация при загрузке и прокрутке страницы
- Вставка кода
- Практика: Вставляем карту на сайт
- Практика: Скрываем элементы горизонтальной прокрутки
- Аналитика
- Практика: Подключаем Яндекс. Метрику и Google Analytics
- SEO
Курсы, которые станут отличным дополнением к «Создание сайтов на Webflow»
Частые вопросы
Вы можете оплатить полную сумму или воспользоваться беспроцентной рассрочкой без первого взноса с возможностью досрочного погашения от наших партнеров: ОТП Банк, Почта Банк, Сбер, Халва и Тинькофф Банк.
Да, мы рисуем проекты в Figma. Это наиболее удобный на сегодняшний день инструмент, который используют большинство студий.
Помогаем правильно составить резюме и оформить портфолио. Консультируем при прохождении собеседования и выполнении тестового задания. Регулярно получаем заявки от работодателей и напрямую трудоустраиваем в компании. Также предлагаем проекты на фриланс и берем на работу в UPROCK.
Консультация проходит в онлайн‑режиме в удобное для вас время. Вы изучаете видеоразборы, вносите правки и отправляете проекты на проверку. Ваш консультант проверяет задание в течение 4 часов и дает вам обратную связь в видеоформате.