Landing Page Documentation
Введение
Благодарим Вас за приобретение шаблона. Данное руководство покажет, как работать с шаблоном, как его редактировать, настраивать и сделать полноценным сайтом. Мы сделали всё возможное, чтобы эта инструкция была предельно понятной и простой в использовании.
Что такое Landing Page?
Landing Page – это качественно свёрстанная страница. Контент страницы написан на HTML, а динамическая анимация на JavaScript.
Подготовка
Прежде чем перейти к установке Landing Page, нужно полностью подготовиться. Рекомендуется выполнить следующие подготовительные шаги:
Програмное обеспечение
Для полноценной работы с шаблоном вебсайта мы рекомендуем скачать все требуемые приложения. Список необходимого программного обеспечения находится на странице предпросмотра шаблона.
Требования для различных шаблонов могут меняться, поэтому мы перечислим самые основные:
- Прежде всего нужны правильные приложения для распаковывания защищенного паролем архива sources_#########.zip. Можно воспользоваться WinZip 9+ (Windows) и Stuffit Expander 10+ (Mac). Это обязательное ПО.
- Также может понадобиться программа Adobe Photoshop (версии CS3 или выше). Она используется для редактирования исходного файла .PSD и необходима, если требуется изменить графический дизайн и изображения шаблона.
- Для редактирования исходного кода файла шаблона нужно использовать редактор кода, например Sublime Text, Notepad++, Atom и т.п.
- Чтобы загрузить файлы на хостинг сервер, потребуется FTP менеджер, например “файловый менеджер в админке вашего хостинг-провайдера” или десктопные приложения, такие как Total Commander, FileZilla, CuteFTP и т.д.
Хостинг
Просто запустить файл index.html прямо из папки с сайтом можно, но Вы не увидите всего функционала шаблона. Для отображения полноценно работающего сайта необходимо поставить шаблон на хостинг сервер.
При наличии активного сервера, нужно проверить его на соответствие требованиям Landing Page, указанным на странице шаблона. В большинстве шаблонов обязательным требованием является только PHP 5.4 и выше.
Также можно установить Landing Page на компьютер при помощи локального сервера. Для создания локального хостинг сервера необходимо использовать программное обеспечение WAMP, AppServ, MAMP и т.п. Любое из них устанавливается, как обычная программа.
Вы можете воспользоваться следующими туториалами для настройки локального сервера:
- Как установить среду веб-разработки AppServ
- Как установить среду веб-разработки WAMP
- Как установить среду веб-разработки XAMP
Структура
После извлечения из архива структура папок и файлов шаблона выглядит следующим образом:
-
- 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. Мы хотим предоставлять Вам самый качественный и дружественный продукт, для этого иногда приходится использовать новые, ещё не принятые как стандарт правила, которые отлично работают во всех браузерах, но пока не являются валидными.