9 руководств по Webflow для начинающих по созданию веб-сайтов

Если вы хотите создать уникальный веб-сайт с оригинальными идеями, стандартные конструкторы веб-сайтов, такие как Wix и Squarespace, могут только помочь вам. Webflow немного более продвинутый, с большим количеством опций и функций, чем у вашего стандартного конструктора сайтов DIY. Однако эти дополнительные функции могут быть немного сложными, поэтому, если вы новичок в платформе, вам могут потребоваться некоторые учебные пособия по Webflow для начинающих, чтобы начать работу.

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

Что такое Webflow?
—

Webflow — это инструмент дизайна веб-сайтов, который помогает людям создавать веб-сайты, не беспокоясь о коде. С помощью интерфейса перетаскивания пользователь создает нужный сайт в редакторе, и когда он будет завершен, Webflow автоматически сгенерирует соответствующий HTML, CSS или JavaScript.

Если вы знакомы с такими редакторами, как Squarespace или Wix, Webflow использует аналогичную структуру, но с большим количеством опций. В этом преимущество Webflow перед его более приземленными собратьями; Webflow предлагает более продвинутые функции и больше возможностей настройки, так что вы можете «сломать шаблон» и создавать полностью оригинальные сайты. Если у вас в голове есть конкретное представление о том, как вы хотите, чтобы ваш сайт выглядел, Webflow может помочь воплотить его в жизнь.

Конечно, чем больше функций, тем круче кривая обучения. Создатели сайтов-любители обращаются к таким сайтам, как Wix или Squarespace, потому что это быстро и удобно; Webflow нужно время, чтобы изучить, если вы хотите извлечь из него максимум пользы. Вот почему эти руководства по Webflow так удобны — если вы когда-нибудь застряли и нуждаетесь в ответах, вы можете найти их в одном из девяти мест ниже.

1. «Учебное пособие по Webflow для абсолютных новичков» (журнал Torque)
—

Руководство Ника Шаферхоффа по Webflow для журнала Torque Magazine на самом деле является одним из лучших для широкого обзора: все аккуратно организовано по категориям, поэтому вы можете найти то, что вам нужно, и не увязнуть в технических деталях. Идея этой статьи состоит в том, чтобы показать читателям, что еще существует, но она на удивление беспристрастна и хвалит Webflow, когда он того заслуживает.

Это очень широкий взгляд на Webflow. Хотя он может охватывать некоторые практические аспекты использования интерфейса и то, что вы можете с ним делать, на самом деле это не практическое руководство. Скорее, это скорее введение в Webflow для тех, кто хочет больше узнать о возможностях, которые может предложить Webflow.

Цена:

Рекомендуется, если:

• вы почти ничего не знаете о Webflow
• вы все еще выбираете между Webflow и другой платформой

2. «Learning Webflow» от Джен Крамер (LinkedIn Learning)
—

Бывший фрилансер Джен Крамер делится своими знаниями отрасли в своем курсе Learning Webflow на LinkedIn Learning. Этот курс представляет собой подробное руководство по механике Webflow, сжатое в аккуратный 1 час 46 минут.

Это краткое изложение от начала проекта до публикации готового сайта, ориентированного на новичков. Крамер рассказывает, как использовать интерфейс Webflow и как добавлять элементы, которые вам понадобятся, и в частности показывает, как создавать отдельные страницы, такие как Home и Contact.

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

Цена:

• Подписка LinkedIn Learning за 39,99 долларов США в месяц

Рекомендуется, если:

• вы уже подписаны на LinkedIn Learning
• вам нужен учебник для начинающих, чтобы получить основы

3. «Самое простое руководство по Webflow для начинающих», Ян Лозерт
—

Отказ от видео и платных курсов, «Самое простое руководство по веб-потоку для начинающих» от Яна Лозерта — бесплатная онлайн-статья, в которой объясняются основные функции Webflow (и где найти все кнопки). Это руководство, сопровождаемое скриншотами и гифками, представляет собой удобный справочник для начинающих.

Хотя в нем не рассматриваются более сложные методы, в нем есть ссылки на другие ресурсы, такие как библиотеки шаблонов и комплекты пользовательского интерфейса. Оно может быть составлено как руководство пользователя, но дружелюбный тон автора и смайлики поднимают настроение.

Цена:

Рекомендуется, если:

• вы предпочитаете текстовые руководства видеоурокам — вы можете учиться в удобном для вас темпе, а полезные скриншоты могут быть весьма информативными

4. «Webflow для начинающих: мастер-класс по Webflow» (Удеми)
—

Webflow для начинающих: мастер-класс по Webflow — хорошее введение для новичков, с почти 5 часами видео, разделенными на 36 лекций. Это научит вас использовать интерфейс Webflow, создавать отдельные элементы и создавать образец целевой страницы со всеми элементами. Весь курс стоит 44,99 доллара, хотя иногда его можно найти в продаже.

Вы также можете воспользоваться бесплатным курсом Use Webflow to build your web design Business, специально предназначенным для бизнеса и посвященным таким темам, как SEO и данные о продажах.

Цена:

• Webflow для начинающих: мастер-класс по Webflow за 44,99 доллара США
• Используйте Webflow, чтобы построить свой бизнес в области веб-дизайна бесплатно

Рекомендуется, если:

• вам нравится модель обучения Удеми
• вы хотите охватить все, что нужно знать новичку в Webflow

5. «Как эффективно структурировать веб-сайты с помощью Webflow» (Flux)
—

Как эффективно структурировать веб-сайты с помощью Webflow В учебном пособии будет рассмотрена теория структурирования вашего веб-сайта и то, как это делать прямо в Webflow. Это распространенная ошибка, которую совершают новые пользователи Webflow. Так что избегайте этой ошибки и избавьтесь от головной боли позже, просмотрев этот 8-минутный видеоурок!

Flux — это YouTube-канал дизайнера Рана Сегалла, на котором он и его соавторы обсуждают актуальные для отрасли темы, от бизнес-советов до общих методов. Если вы хотите большего от Flux, вы можете просмотреть весь их плейлист, посвященный руководствам по Webflow.

Цена:

Рекомендуется, если:

• вы новичок в Webflow и нуждаетесь в основах структуры

6. «Создайте полноценный сайт в Webflow» (Дизайн + Код)
—

Design + Code предлагает этот бесплатный полный курс по использованию Webflow с 12 отдельными видео, в основном продолжительностью 10-20 минут. Эти экранные изображения Webflow в формате видео позволяют легко изучить программное обеспечение и с легкостью освоить передовые методы.

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

Цена:

Рекомендуется, если:

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

7. «Как выбрать правильный шаблон Webflow» (Pixel Geek)
—

Приходите ознакомиться с обучающими материалами по Webflow, оставайтесь для сообщества! Pixel Geek — известная группа поддержки дизайнеров, не использующих код, с услугами коучинга и чат-форумами, чтобы помочь новичкам. Канал YouTube Pixel Geek ведет Нельсон Абалос-младший

Как выбрать правильный шаблон Webflow — это 38-минутное руководство, которое охватывает все, что вам нужно знать о шаблонах Webflow, о чем думать при просмотре шаблонов и, конечно же, о том, как выбрать лучший для вас.

Если вам нужны дополнительные руководства по Webflow, в Pixel Geek есть два отдельных списка воспроизведения: Webflow для начинающих и Webflow для опытных пользователей. Видео длятся от 5 минут до более часа, но с харизматичным ведущим их легко переварить.

Цена:

Рекомендуется, если:

• вам нужен более представительный, менее клинический учитель
• вы также хотите быть частью сообщества Pixel Geek

8. «Webflow для предпринимателей и дизайнеров UI / UX» (Skillshare)
—

Webflow для предпринимателей и дизайнеров UI / UX расскажет, что вам нужно знать о Webflow, включая CSS Grid и CMS (систему управления контентом). Вы узнаете все с нуля, поэтому не беспокойтесь, если у вас нет предварительных знаний. Сам инструктор, когда начинал, был UI / UX дизайнером и не знал, как кодировать или разрабатывать веб-сайт.

Если у вас есть членство в Skillshare и вы хотите пройти курсы экспертного уровня, посетите Webflow Advance & CMS.

Цена:

• 8 долларов в месяц (2,49 доллара в месяц при ежегодной оплате)

Рекомендуется, если:

• вы уже подписаны на Skillshare Premium

9. «Окончательный курс веб-дизайна» (Университет Webflow)

Университет Webflow — это главное имя в учебных пособиях по Webflow. Их курс Ultimate веб-дизайна будет охватывать все, от основ и основ до более сложных тем при изучении того, как создавать веб-сайты в Webflow.

Он устроен как стандартное онлайн-обучение с курсами по различным темам, связанным с Webflow, каждый из которых разделен на отдельные видеоуроки продолжительностью от 1 до 20 минут.

И если этого недостаточно, в Webflow University есть внушительный набор тем, включая курсы для начинающих, среднего и продвинутого уровней. Они также углубляются в пользовательское кодирование, которое не является обязательным, но может помочь вам по-настоящему персонализировать ваш сайт. Если вы хотите создать сайт для определенного бизнеса, например для электронной коммерции, у них даже есть курсы специально для этого.

Цена:

Рекомендуется, если:

• вы не нашли то, что искали в других руководствах по Webflow — в этом есть что-то для всех!

Как создать идеальный веб-сайт
—

Хотите ли вы видеоуроки по Webflow или текстовые руководства, платное онлайн-обучение или что-то более бесплатное, вы можете найти то, что вам нужно, в приведенном выше списке. Эти руководства по Webflow охватывают все уровни обучения, от экспертов, совершенствующих свои навыки, до людей, которые только недавно узнали о существовании Webflow.

Если вам нужна помощь профессионального дизайнера в создании внешнего вида вашего идеального веб-сайта, у нас есть множество дизайнеров, которые помогут сделать ваш сайт именно таким, каким вы хотите его видеть.