Создание сайтов на Webflow

В этом разделе вы узнаете о курсе и о том, как будет проходить обучение. Познакомитесь с возможностями и назначениями бесплатного и платных тарифов Webflow. Также вы узнаете, как построить работу над проектом от анализа до запуска.

В этом разделе вы познакомитесь с основными элементами веб‑страницы и принципами блочной верстки, на основе которых работает сервис Webflow. Базовые знания помогут вам разобраться в основной терминологии веб‑разработки. Вы узнаете, что такое иерархия веб-страницы и из чего она состоит.

В этом блоке курса вы изучите начальные этапы работы с Webflow, включая регистрацию, создание проекта и его публикацию. Вы научитесь использовать функцию клонирования для создания новых сайтов на основе существующих шаблонов, а также ознакомитесь с настройками проекта и управлением файлами сайта, в том числе загрузкой изображений. Рассмотрим панели Pages, Style Selectors и Variables, которые помогут вам настроить основные стили и создать UI kit для базовых элементов вашего сайта.

В этом разделе вы познакомитесь с панелью Навигатора Webflow, освоите добавление элементов и узнаете об основных и функциональных элементах платформы. На практике создадите структуру сайта и добавите контент элементам.

В этом блоке рассматриваются основы работы с панелью Style, включая разделы по работе с разметкой, размерами и позиционированием элементов. Вы узнаете о различных состояниях элементов и их стилизации. Практические занятия по детальной верстке первых двух секций сайта помогут закрепить теоретические знания.

Подробно рассмотрим свойство Grid, которое позволяет создавать сложные макеты с использованием сетки для удобного размещения элементов на странице. В практической части вы примените полученные знания, выполнив детальную верстку секций с 3 по 10.

В этом блоке вы освоите адаптивную верстку, научившись адаптировать сайт под разные устройства: от планшетов до мобильных телефонов и больших экранов. Практические задания включают адаптацию сайта под различные типы экранов и тестирование его адаптивности.

В этом разделе курса вы изучите основы и принципы анимации в вебе, а также узнаете о различных функциях и типах анимации доступных в Webflow. На практике настроите анимацию элементов при наведении, якорные ссылки, глобальные анимации, а также анимацию компонентов и анимацию при загрузке и прокрутке страницы.

В этом блоке курса вы научитесь вставлять сторонний код на сайт в Webflow, включая практику по вставке карты и вставку CSS стилей. Вы также изучите основы веб-аналитики и практически подключите инструменты аналитики, такие как Яндекс. Метрика и Google Analytics. В разделе SEO вы получите знания о поисковой оптимизации и её важности для продвижения сайта.