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

Одностраничный сайт может включать следующие разделы:

  • Главная
  • Услуги
  • Галерея
  • Контакты

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

Чтобы создать одностраничный сайт, выберите в меню пункт «Создать сайт», затем заполните регистрационную форму, выбрав тип сайта «Одностраничный сайт»:

После регистрации сразу откроется страница редактирования сайта. Рассмотрим настройки сайта на конкретных примерах:

Пример 1. Товарный одностраничник
Пример 2. Сайт мастера маникюра

Пример 1. Товарный одностраничник

chasybraslet.damx.ru

После регистрации на странице редактирования необходимо открыть блок «Настройки сайта». Для этого сайта были сделаны следующие настройки:

  • В качестве фонового изображения сайта было использовано изображение. Вы можете использовать фоны со страницы Фоны, использовать своё изображение в формате JPG, GIF, PNG или скачать с фотостоков, например, pixabay.com, unsplash.com и т.п.
  • Положение фонового изображения сайта — Копировать по горизонтали
  • Шрифт заголовков — Verdana
  • Размер шрифта заголовков (px) — 35
  • Шрифт текста — Verdana
  • Размер шрифта текста (px) — 16
  • Цвет фона сайта — #d2deec (можно ввести вручную или выбрать во всплывающем окошке)
  • Цвет заголовков — #000105
  • Цвет текста — #060e1a

Далее открываем «Настройки шапки сайта»:

  • Загружаем логотип (желательно в формате PNG, допустимо в JPG, GIF). Если у Вас нет логотипа, можно создать его онлайн, например, в сервисе logaster.ru или logomaker.com
  • Высота шапки сайта (px) — 100
  • Текст или контакты в шапке — заполняем поле

Затем открываем блок «Контент» и заполняем главный раздел:

В визуальном редакторе вводим текст, форматируем при помощи кнопок меню над полем ввода, по аналогии с текстовым редактором. Изображения добавляем при помощи кнопки  , при клике по загруженной картинке можно выбрать следующие настройки: 

  • Подсказка
  • Ссылка
  • Открывать в новой вкладке
  • Обтекание текстом

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

Внизу страницы редактирования сайта нажимаем на кнопку «Сохранить» и сайт готов.

Пример 2. Сайт мастера маникюра

hlebsol33.damx.ru

После регистрации на странице редактирования необходимо открыть блок «Настройки сайта». Для этого сайта были сделаны следующие настройки:

  • Заполняем заголовок сайта
  • Цвет фона сайта — #ffdbef (можно ввести вручную или выбрать во всплывающем окошке)
  • Цвет фона контента — #ffffff
  • Цвет заголовков — #c21f6b
  • Цвет текста — #404054

Далее открываем «Настройки шапки сайта»:

  • Загружаем логотип (желательно в формате PNG, допустимо в JPG, GIF). Если у Вас нет логотипа, можно создать его онлайн, например, в сервисе logaster.ru
  • В качестве фонового изображения шапки было использовано изображение со страницы Фоны. Вы можете использовать готовый фон, своё изображение в формате JPG, GIF, PNG или скачать с фотостоков, например, pixabay.com, unsplash.com и т.п.

Затем открываем блок «Контент» и заполняем:

  • Загружаем фотографии для слайдера
  • Заполняем главный раздел сайта
  • Загружаем фото для галереи

Затем открываем блок «Контакты»:

Заполняем контакты, а потом открываем блок «Ссылки на социальные сети»:

Заполняем ссылки на социальные сети, необходимо копировать ссылку полностью.

Внизу страницы редактирования сайта нажимаем на кнопку «Сохранить» и сайт готов.

16:27