Документация по размещению страницы

Содержание

1. Скачивание файлов с репозитория
2. Развертывание на хостинге
3. Файловая структура проекта
4. Персонализация данных лендинга
5. Поддержка и обратная связь

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

Скачивание файлов с репозитория

Через HTTPS

1. Убедитесь, что у вас установлен Git. Если нет, скачайте и установите с официального сайта.
2. Откройте терминал (командную строку).
3. Перейдите в директорию, где хотите разместить проект.
4. Выполните команду

git clone https://github.com/rarus/rarus-soft.ru-partner-landing-1c-fresh.git .

[^1]. 5. Введите свои учетные данные GitHub, если будет запрошено. [^1]Обратите внимание, что папка для выполнения команды должна быть пустая.

Через SSH

1. Убедитесь, что у вас установлен Git и настроены SSH-ключи для GitHub.
2. Если SSH-ключи не настроены, следуйте инструкции GitHub.
3. Откройте терминал (командную строку).
4. Перейдите в директорию, где хотите разместить проект.
5. Выполните команду git@github.com:rarus/rarus-soft.ru-partner-landing-1c-fresh.git.

Через архив (GZ)

1. Перейдите на страницу репозитория на GitHub.
2. Нажмите на кнопку "Code" и выберите "Download ZIP".
3. После загрузки распакуйте архив в нужную директорию.
4. Альтернативно, если вам нужен именно GZ-архив:
   • Перейдите на страницу релизов репозитория.
   • Скачайте архив source code (tar.gz).
   • Распакуйте архив командой:

tar -xzvf *название архива*

Развертывание на хостинге

Общие шаги для любого хостинга

1. Подготовьте файлы проекта (скачайте с репозитория одним из способов выше).
2. Убедитесь, что у вас есть доступ к хостингу (FTP/SFTP данные или SSH-доступ).

Через FTP/SFTP

1. Подключитесь к хостингу с помощью FTP-клиента (FileZilla, WinSCP и т.д.).
2. Перейдите в директорию, в которой будет размещен лендинг. Это может быть как корневая директория (обычно это public_html, www, htdocs или аналогичная), так и вложенная.
3. Загрузите все файлы проекта в эту директорию.
4. Убедитесь, что файл index.html находится в корне директории.

Через SSH

1. Подключитесь к серверу по SSH.
2. Перейдите в директорию, в которой будет размещен лендинг:

cd *путь в файловой системе*

3. Если вы скачали архив, загрузите его на сервер и распакуйте:

scp *путь в файловой системе*/*название архива*.tar.gz username@server:/*путь в файловой системе*/
tar -xzvf *название архива*.tar.gz

4. Если вы используете Git, вы можете клонировать репозиторий напрямую на сервер:

git@github.com:rarus/rarus-soft.ru-partner-landing-1c-fresh.git . 

(обратите внимание на точку в конце, она означает клонирование в текущую директорию, она должна быть пустой)

Файловая структура проекта

├──assets
    ├──bootstrap
    ├──css
    ├──fonts
        ├──Nunito Sans
    ├──images
    ├──js
├──index.html
├──README.md

• Папка assets — основная папка с ресурсами проекта
  • Папка bootstrap — файлы библиотеки Bootstrap
  • Папка css — стили лендинга, в которой хранится основной файл style.css со всеми стилями
  • Папка fonts — шрифты
    • Папка Nunito Sans — основные шрифты проекта
    • Файл fonts.css — стили для шрифтов: начертания, пути к файлам и т.д.
  • Папка images — все изображения для лендинга
  • Папка js — JavaScript-файлы проекта
• Файл index.html — основной файл лендинга
• Файл README.md — документация по установке и работе с проектом

Персонализация данных лендинга

Шапка сайта

1. Заменить лого сайта (формат svg, размер 168*28 пикселей).

Подвал сайта

1. Заменить лого сайта (формат svg, размер 168*28 пикселей).
2. Заменить контактные данные: телефон, email, адрес. Например:

<div class="footer__wrapper">
	<p class="footer__contact">Телефон: <a class="footer__link link" href="tel:+70000000000" title="Позвонить +7 (000) 000-00-00">+7 (000) 000-00-00</a></p>
	<p class="footer__contact">E-mail: <a class="footer__link link" href="mailto:adress@rarus.ru" title="Написать adress@rarus.ru">adress@rarus.ru</a></p>
	<p class="footer__contact">Адрес: г. Москва, 3 улица Строителей, д. 25, кв. 12</p>
</div>

Формы «Заказать», «Попробовать бесплатно», «Начать»

Данные формы подключаются на лендинг с помощью сервиса «1С:Фреш». Для этого необходимо:

1. В сервисе «1С:Фреш» генерировать строку html-кода с iframe для встраивания по инмтрукции (вариант - «Форма регистрации iframe»)
2. В сгеренированной строке параметры width (ширина) и height (высота) заменить на:

width="476px" height="468px"

3. На стрнанице лендинга index.html заменить макрос #IFRAME_FORM# на сгенерированную строку html-кода с iframe. Например:

• Исходный вариант:

<div class="modal__container">
    <div class="modal__wrapper">
        <h2 class="modal__title js-order-title" id="anchor-order-label"></h2>
        #IFRAME_FORM#
    </div>
</div>

• Вариант с подключенной формой:

<div class="modal__container">
    <div class="modal__wrapper">
        <h2 class="modal__title js-order-title" id="anchor-order-label"></h2>
        <iframe width="476px" height="468px" src="https://...">
        </iframe>
    </div>
</div>

Форма «Получить консультацию»

1. В установленном шаблоне лендинга логика отправки и сохранения данных не реализована. Этот функционал необходимо настроить вашему веб-разработчику по аналогии с остальными формами сайте.
2. При необходимости можно раскомментировать верстку сообщений об успешной или неуспешной отправке заявки и добавить логику их вывода.

Поддержка и обратная связь

Сообщение об ошибках в верстке

Если вы обнаружили ошибку в верстке или другие проблемы с сайтом, вы можете:

1. Создать Issue в репозитории проекта на GitHub, подробно описав проблему и шаги для её воспроизведения.
2. Связаться с нами по электронной почте: khiznl@rarus.ru При сообщении об ошибке, пожалуйста, укажите:

• Описание проблемы
• Браузер и его версию
• Скриншот проблемы (если возможно)
• Шаги для воспроизведения ошибки

Дополнительная информация

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