Как создать адаптивный одностраничный сайт

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

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

Чем больше спрос на одностраничник, тем больше предложений появляется, в основном такие работы выполняют фрилансеры, которые знают и программы и коды программирования, но  и цены на такой сайт разные в зависимости от количества блоков и информации на таком сайте, а адаптивность еще больше поднимает ценность.

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

Называется он Mobirise.

Для скачивания можно перейти по ссылке выше или легко можете его найти в поиске любого браузера. На этом конструкторе, также как и на любом другом платном, создается свой одностраничный сайт блоками. Данная страничка будет адаптивной к любому устройству от ПК до смартфона.

Как работает данный конструктор

Перейдя на главную страницу, вам будет предложено скачать приложение на компьютер и установить данную программу. Программа есть как для Windows, так и для MAC.

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

Как видим на картинке выше, можно зарегистрироваться не только по емайл но и через Фейсбук или Гугл.

После загрузки программы, на рабочем столе появится ярлык по которому мы и заходим.

После запуска программа запросит у нас логин и пароль. Логин для входа будет у нас адрес почтового ящика, а пароль вам будет выслан и вы его найдете после подтверждения почтового ящика, можете заходить через Гугл или Фейсбук, тогда не надо будет делать подтверждение и вход в программу будет проходит быстрее, это на ваше усмотрение.

Когда зайдете в программу у вас откроется пустой сайт для создания страницы, где кликнув по красному крестику в центре поля или по стрелке в нижнем правом углу, откроется меню с блоками.

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

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

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

В верхнем левом углу находятся три полоски, наводим на них мышкой и открывается меню.

Нажимаем стрелочку надписи «сайты»,

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

На этом все, если остались вопросы, задавайте.

Если вас заинтересовала профессия по созданию одностраничников и ходите вы хотите делайте одностраничные сайты на заказ, то переходите по этой ссылке стать мастером одностраничных сайтов.

Желаю удачи!

Дмитрий Т.

Комментарии 1

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*