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

Бытует мнение, что создание адаптивного веб-дизайна сопряжено с некоторыми трудностями и требует больших затрат. Однако сейчас вы узнаете о сервисе, который поможет вам построить «отзывчивый» сайт совершенно бесплатно и даже без знания всех премудростей веб-программирования.

После простой регистрации, которая заключается в выборе логина и пароля, мы сразу попадаем в мастер создания нового сайта. Первым делом нам необходимо задать имя и выбрать шаблон его дизайна. Затем перед нами открывается редактор страницы, который радостно сообщает всем пользователям браузеров, отличных от Google Chrome, что их обозреватель не поддерживается.

Webflow

Основное место в окне редактора вполне ожидаемо занимает область редактирования. Слева расположена панель управления сайтом, а справа — многофункциональная панель, с помощью которой и производятся все необходимые операции по наполнению страницы необходимым контентом. Первым делом стоит внимательно изучить содержимое вкладки Add, где вы найдете основные блоки, необходимые для создания веб-страницы (тексты, заголовки, картинки, видео и так далее). Добавляются на страницу они простым перетаскиванием.

Панели инструментов Webflow

Вкладка Style необходима для того, чтобы настроить параметры отображения каждого элемента. Настроек в ней огромное количество и, чтобы разобраться в них, вам понадобится потратить некоторое время на эксперименты. Если же вы уже обладаете некоторыми навыками веб-дизайна, в особенностями основами CSS, то процесс освоения будет гораздо легче. Еще более эти знания пригодятся вам при посещении вкладок Navigator и Style Manager, которые призваны дать вам информацию о структуре страницы.

Для сохранения и предварительного просмотра своего сайта необходимо обратиться к левой панели управления. Здесь есть переключатели, с помощью которых можно увидеть отображение спроектированной страницы на десктопах, планшетах, смартфонах. Если вас все устраивает, то можно загрузить код страницы или сразу опубликовать ее в сети. При использовании бесплатного аккаунта вы можете создать и бесплатно разместить на сервере сервиса Webflow до трех сайтов.

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

Webflow