Рубрика “как сделать сайт” продолжается. Все наши читатели, следящие за современными тенденциями сайтостроительства, без сомнения слышали, что такое “адаптивный веб-дизайн”. Для всех остальных мы кратенько напомним, что это комплекс программных и интерфейсных решений при разработке сайта, который имеет своей целью создание такого сайта, который одинаково прекрасно выглядит на любом устройстве — от мизерных экранов смартфонов и до мониторов с гигантскими диагоналями.
Бытует мнение, что создание адаптивного веб-дизайна сопряжено с некоторыми трудностями и требует больших затрат. Однако сейчас вы узнаете о сервисе, который поможет вам построить “отзывчивый” сайт совершенно бесплатно и даже без знания всех премудростей веб-программирования.
После простой регистрации, которая заключается в выборе логина и пароля, мы сразу попадаем в мастер создания нового сайта. Первым делом нам необходимо задать имя и выбрать шаблон его дизайна. Затем перед нами открывается редактор страницы, который радостно сообщает всем пользователям браузеров, отличных от Google Chrome, что их обозреватель не поддерживается.
Webflow
Основное место в окне редактора вполне ожидаемо занимает область редактирования. Слева расположена панель управления сайтом, а справа — многофункциональная панель, с помощью которой и производятся все необходимые операции по наполнению страницы необходимым контентом. Первым делом стоит внимательно изучить содержимое вкладки Add, где вы найдете основные блоки, необходимые для создания веб-страницы (тексты, заголовки, картинки, видео и так далее). Добавляются на страницу они простым перетаскиванием.
Панели инструментов Webflow
Вкладка Style необходима для того, чтобы настроить параметры отображения каждого элемента. Настроек в ней огромное количество и, чтобы разобраться в них, вам понадобится потратить некоторое время на эксперименты. Если же вы уже обладаете некоторыми навыками веб-дизайна, в особенностями основами CSS, то процесс освоения будет гораздо легче. Еще более эти знания пригодятся вам при посещении вкладок Navigator и Style Manager, которые призваны дать вам информацию о структуре страницы.
Для сохранения и предварительного просмотра своего сайта необходимо обратиться к левой панели управления. Здесь есть переключатели, с помощью которых можно увидеть отображение спроектированной страницы на десктопах, планшетах, смартфонах. Если вас все устраивает, то можно загрузить код страницы или сразу опубликовать ее в сети. При использовании бесплатного аккаунта вы можете создать и бесплатно разместить на сервере сервиса Webflow до трех сайтов.
Как вы смогли убедиться Webflow представляет собой довольно мощный конструктор сайтов, специально заточенный на создание страниц с адаптивным дизайном. Хотя разработчики хорошо поработали над интуитивностью и удобством использования редактора, все же он достаточно сложен, чтобы быть использованным полными новичками в этой области. Скорее это инструмент для профессионалов, которые смогут с его помощью значительно упростить и ускорить выполнение своих задач.
Лучшие предложения
Лучшая цена на полноразмерные наушники от Edifier сейчас на AliExpress
Надо брать: автоматическая кофемашина от DeLonghi со скидкой 23%
Находки AliExpress: самые интересные и полезные товары недели
15 товаров с AliExpress для тех, кому надоел интерьер дома
Надо брать: демисезонные кроссовки от Baasploa со скидкой 69%
10 вещей с маркетплейсов, которые порадовали нас на этой неделе
Флагманский робот-пылесос от Roborock отдают со скидкой 56% на AliExpress
10 популярных товаров с приличными скидками на AliExpress
Российский Красный Крест открывает набор на профессиональные курсы с возможностью бесплатного обучения
Полезные подарки на 8 Марта: 3 пылесоса от Dreame со скидкой до 20 000 рублей
РекламаУколы для похудения «Седжаро»: что нужно знать о препарате
Три необычных продукта, которые точно стоит попробовать во «ВкусВилле»