Рубрика "как сделать сайт" продолжается. Все наши читатели, следящие за современными тенденциями сайтостроительства, без сомнения слышали, что такое "адаптивный веб-дизайн". Для всех остальных мы кратенько напомним, что это комплекс программных и интерфейсных решений при разработке сайта, который имеет своей целью создание такого сайта, который одинаково прекрасно выглядит на любом устройстве - от мизерных экранов смартфонов и до мониторов с гигантскими диагоналями.
Бытует мнение, что создание адаптивного веб-дизайна сопряжено с некоторыми трудностями и требует больших затрат. Однако сейчас вы узнаете о сервисе, который поможет вам построить "отзывчивый" сайт совершенно бесплатно и даже без знания всех премудростей веб-программирования.
После простой регистрации, которая заключается в выборе логина и пароля, мы сразу попадаем в мастер создания нового сайта. Первым делом нам необходимо задать имя и выбрать шаблон его дизайна. Затем перед нами открывается редактор страницы, который радостно сообщает всем пользователям браузеров, отличных от Google Chrome, что их обозреватель не поддерживается.
Webflow
Основное место в окне редактора вполне ожидаемо занимает область редактирования. Слева расположена панель управления сайтом, а справа - многофункциональная панель, с помощью которой и производятся все необходимые операции по наполнению страницы необходимым контентом. Первым делом стоит внимательно изучить содержимое вкладки Add, где вы найдете основные блоки, необходимые для создания веб-страницы (тексты, заголовки, картинки, видео и так далее). Добавляются на страницу они простым перетаскиванием.
Панели инструментов Webflow
Вкладка Style необходима для того, чтобы настроить параметры отображения каждого элемента. Настроек в ней огромное количество и, чтобы разобраться в них, вам понадобится потратить некоторое время на эксперименты. Если же вы уже обладаете некоторыми навыками веб-дизайна, в особенностями основами CSS, то процесс освоения будет гораздо легче. Еще более эти знания пригодятся вам при посещении вкладок Navigator и Style Manager, которые призваны дать вам информацию о структуре страницы.
Для сохранения и предварительного просмотра своего сайта необходимо обратиться к левой панели управления. Здесь есть переключатели, с помощью которых можно увидеть отображение спроектированной страницы на десктопах, планшетах, смартфонах. Если вас все устраивает, то можно загрузить код страницы или сразу опубликовать ее в сети. При использовании бесплатного аккаунта вы можете создать и бесплатно разместить на сервере сервиса Webflow до трех сайтов.
Как вы смогли убедиться Webflow представляет собой довольно мощный конструктор сайтов, специально заточенный на создание страниц с адаптивным дизайном. Хотя разработчики хорошо поработали над интуитивностью и удобством использования редактора, все же он достаточно сложен, чтобы быть использованным полными новичками в этой области. Скорее это инструмент для профессионалов, которые смогут с его помощью значительно упростить и ускорить выполнение своих задач.
Лучшие предложения
14 чёрных футболок, которые просто обязаны быть в базовом гардеробе
Выгодно: наушники Baseus Bowie MA10 за 2 476 рублей
Находки AliExpress: самые интересные и полезные товары
15 интересных товаров дешевле 500 рублей
11 аксессуаров с AliExpress, с которыми на рабочем столе всегда будет порядок
Лучшие предложения недели: скидки от AliExpress, Belle YOU, Tefal и других магазинов
10 автомобильных зарядок-удлинителей, которые пригодятся в дороге
12 классных товаров, которые можно выгодно купить во время «Ква-Акции» на AliExpress
Приключения Алисы в Лайфхакере. Редакция тестирует умного помощника
От СС-крема до тинта: 10 продуктов, которые стоит добавить в летнюю косметичку
16 идей для вашей годовщины: от романтики до экстрима
Подкаст «Слушай, это просто»: что такое «Вселенная 25» и можно ли предсказать, к чему приведёт перенаселение планеты