Рубрика “как сделать сайт” продолжается. Все наши читатели, следящие за современными тенденциями сайтостроительства, без сомнения слышали, что такое “адаптивный веб-дизайн”. Для всех остальных мы кратенько напомним, что это комплекс программных и интерфейсных решений при разработке сайта, который имеет своей целью создание такого сайта, который одинаково прекрасно выглядит на любом устройстве — от мизерных экранов смартфонов и до мониторов с гигантскими диагоналями.
Бытует мнение, что создание адаптивного веб-дизайна сопряжено с некоторыми трудностями и требует больших затрат. Однако сейчас вы узнаете о сервисе, который поможет вам построить “отзывчивый” сайт совершенно бесплатно и даже без знания всех премудростей веб-программирования.
После простой регистрации, которая заключается в выборе логина и пароля, мы сразу попадаем в мастер создания нового сайта. Первым делом нам необходимо задать имя и выбрать шаблон его дизайна. Затем перед нами открывается редактор страницы, который радостно сообщает всем пользователям браузеров, отличных от Google Chrome, что их обозреватель не поддерживается.
Webflow
Основное место в окне редактора вполне ожидаемо занимает область редактирования. Слева расположена панель управления сайтом, а справа — многофункциональная панель, с помощью которой и производятся все необходимые операции по наполнению страницы необходимым контентом. Первым делом стоит внимательно изучить содержимое вкладки Add, где вы найдете основные блоки, необходимые для создания веб-страницы (тексты, заголовки, картинки, видео и так далее). Добавляются на страницу они простым перетаскиванием.
Панели инструментов Webflow
Вкладка Style необходима для того, чтобы настроить параметры отображения каждого элемента. Настроек в ней огромное количество и, чтобы разобраться в них, вам понадобится потратить некоторое время на эксперименты. Если же вы уже обладаете некоторыми навыками веб-дизайна, в особенностями основами CSS, то процесс освоения будет гораздо легче. Еще более эти знания пригодятся вам при посещении вкладок Navigator и Style Manager, которые призваны дать вам информацию о структуре страницы.
Для сохранения и предварительного просмотра своего сайта необходимо обратиться к левой панели управления. Здесь есть переключатели, с помощью которых можно увидеть отображение спроектированной страницы на десктопах, планшетах, смартфонах. Если вас все устраивает, то можно загрузить код страницы или сразу опубликовать ее в сети. При использовании бесплатного аккаунта вы можете создать и бесплатно разместить на сервере сервиса Webflow до трех сайтов.
Как вы смогли убедиться Webflow представляет собой довольно мощный конструктор сайтов, специально заточенный на создание страниц с адаптивным дизайном. Хотя разработчики хорошо поработали над интуитивностью и удобством использования редактора, все же он достаточно сложен, чтобы быть использованным полными новичками в этой области. Скорее это инструмент для профессионалов, которые смогут с его помощью значительно упростить и ускорить выполнение своих задач.
Лучшие предложения
Находки AliExpress: самые интересные и полезные товары недели
10 пар хороших кроссовок с AliExpress дешевле 5 000 рублей
Надо брать: разборный мангал с усиленной конструкцией со скидкой 59%
Велосипед Stern Energy 29" отдают со скидкой 24% в «Спортмастере»
10 отличных MP3-плееров, чтобы слушать музыку где угодно
Надо брать: надёжный робот — мойщик окон от Polaris со скидкой 71%
Всё в горошек: 11 вещей с трендовым принтом, который захватил соцсети
Забираем моющий пылесос Dreame H14 Dual со скидкой 59%
Семейный туризм без перегруза: как организовать отдых и куда поехать с детьми в России
Как поддержать подростка с избыточным весом? Чек-лист для родителей
Почему после похудения килограммы возвращаются и как этого избежать
Как обновить квартиру: 6 простых шагов к свободному пространству и уютному дому