Landing Page Documentation

Введение

Благодарим Вас за приобретение шаблона. Данное руководство покажет, как работать с шаблоном, как его редактировать, настраивать и сделать полноценным сайтом. Мы сделали всё возможное, чтобы эта инструкция была предельно понятной и простой в использовании.

Что такое Landing Page?

Landing Page – это качественно свёрстанная страница. Контент страницы написан на HTML, а динамическая анимация на JavaScript.

Подготовка

Прежде чем перейти к установке Landing Page, нужно полностью подготовиться. Рекомендуется выполнить следующие подготовительные шаги:

Програмное обеспечение

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

Требования для различных шаблонов могут меняться, поэтому мы перечислим самые основные:

  1. Прежде всего нужны правильные приложения для распаковывания защищенного паролем архива sources_#########.zip. Можно воспользоваться WinZip 9+ (Windows) и Stuffit Expander 10+ (Mac). Это обязательное ПО.
  2. Также может понадобиться программа Adobe Photoshop (версии CS3 или выше). Она используется для редактирования исходного файла .PSD и необходима, если требуется изменить графический дизайн и изображения шаблона.
  3. Для редактирования исходного кода файла шаблона нужно использовать редактор кода, например Sublime Text, Notepad++, Atom и т.п.
  4. Чтобы загрузить файлы на хостинг сервер, потребуется FTP менеджер, например “файловый менеджер в админке вашего хостинг-провайдера” или десктопные приложения, такие как Total Commander, FileZilla, CuteFTP и т.д.

Хостинг

Просто запустить файл index.html прямо из папки с сайтом можно, но Вы не увидите всего функционала шаблона. Для отображения полноценно работающего сайта необходимо поставить шаблон на хостинг сервер.

При наличии активного сервера, нужно проверить его на соответствие требованиям Landing Page, указанным на странице шаблона. В большинстве шаблонов обязательным требованием является только PHP 5.4 и выше.

Также можно установить Landing Page на компьютер при помощи локального сервера. Для создания локального хостинг сервера необходимо использовать программное обеспечение WAMP, AppServ, MAMP и т.п. Любое из них устанавливается, как обычная программа.

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

Структура

После извлечения из архива структура папок и файлов шаблона выглядит следующим образом:
  • documentation
    содержит файлы документации по редактированию и установке шаблона.
    • documentation.html
      основной файл документации. Вы его сейчас читаете.
  • screenshots
    содержит скриншоты шаблона. Не для рабочего сайта.
  • site
    содержит .html файл страницы шаблона.
    • bat
      содержит рабочий .php скрипт контактной формы.
    • css
      содержит все файлы .css, используемые в дизайне.
    • images
      содержит все изображения, используемые в файле .html.
    • js
      содержит библиотеки JavaScript и плагины jQuery.
  • sources
    содержит исходные файлы темы.
    • psd
      содержит файлы .psd Adobe Photoshop.
    • sass
      содержит файлы .scss SASS, используемые в шаблоне.
  • info.txt
    содержит информацию о защищенной паролем папке "sources".

Валидация

HTML и CSS файлы шаблона семантически корректны. Однако могут возникать некоторые ошибки при проверке через сервис W3C. Связано это с использованием свойств CSS3 и HTML5. Мы хотим предоставлять Вам самый качественный и дружественный продукт, для этого иногда приходится использовать новые, ещё не принятые как стандарт правила, которые отлично работают во всех браузерах, но пока не являются валидными.