8 926 559-17-40AutoWebOffice 

  

Как создать одностраничник своими руками?

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

Однако для того чтобы сделать использование генератора одностраничников еще более наглядным и практичным, был разработан специальный курс, состоящий из серии уроков в видео формате. В нем на конкретных примерах показан алгоритм работы с данным модулем, а также рассмотрены некоторые базовые технические моменты, связанные с подготовкой и вставкой кодов видео, скриптов и работой с самыми распространенными html-тегами.

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

Как создать одностраничник своими руками - Вступление:

Как создать одностраничник - Обзор интерфейса:

Как создать одностраничник - Подготовка шаблона:

Как создать одностраничник - Вставка картинок, логотипов, текста, ссылок и горизонтальных полос:

Как создать одностраничник - Вставка и редактирование текста:

Как создать одностраничник - Вставка и центрирование видео с YouTube:

Как создать одностраничник - Вставка текста, фон и рамка блока, высота блока, отступы в блоке:

Как создать одностраничник - Вставка комментариев социальных сетей ВКонтакте, HyperComments и т.д.:

Как создать одностраничник - Заливка блока цветом на всю ширину страницы, изменение цвета текста:

Как создать одностраничник - Заголовок (title), описание (description) и ключевые слова (keywords) для одностраничника:

Дополнительные материалы:

  • Получение html-кода виджета комментариев ВКонтакте

  • Как загрузить картинку с Яндекс.Диск в одностраничник

  • Как вставить форму подписки на рассылку в одностраничник

  • Как разместить кнопку заказа товара или услуги на одностраничнике

  • Как вставить кнопки социальных сетей (ВКонтакте, FaceBook, Одноклассники и т.д.) в одностраничник

Видео курс «Одностраничник своими руками» будет постоянно дополняться новыми уроками. Кроме того, количество опций в настройках конструктора одностраничников может отличаться от тех, что были продемонстрированы в видео уроках, так как этот модуль платформы АвтоВебОфис постоянно развивается в сторону расширения его функциональности.

Однако базовые моменты, связанные с созданием одностраничного сайта, остаются неизменными.

Базовые принципы работы конструктора одностраничников

Генератор одностраничников АвтоВебОфис (АвтоОфис) основан на блочном принципе построения лендинга (landing page). В связи с этим, важно знать, что логика его работы связана с последовательным добавлением двух видов блоков.

Смысловые. Это площадки для позиционирования информации в конкретной части страницы.

Контентные. Это блоки для непосредственного размещения самой информации и находятся они внутри смысловых блоков.

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

Алгоритм работы конструктора одностраничников предполагает выполнение 5 простых шагов.

1. Выбрать базовый шаблон из списка доступных для использования, с которого начнется создание одностраничного сайта.

2. Ввести название лендинга и сохранить.

3. Выставить основные «Настройки страницы», в том числе заголовок, описание и ключевые слова для оптимизации под поисковые системы (SEO).

4. Создать смысловые блоки (кнопка «Добавить блок») и, если это необходимо, удаление лишних смысловых блоков из выбранного шаблона одностраничника.

5. В смысловых блоках разместить контентные блоки (кнопка «+» внутри смыслового блока).

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

Смотрим уроки и с удовольствием создаем одностраничник за 1 вечер!