Пример сайта

Инструкция по работе CMS X-FS Free

1. Вход в центр управления
2.1 Настройка сайта
2.2 Управление блоками
2.3 Настройка страници "Сайт на реконструкции"
2.4 Дополнительный код (Счётчики)
2.5 Настройки пользователя
3. Настройки навигационного меню
4. Настройки страниц
5. Работа с визуальным HTML-редактором

1. Вход в центр управления 
После того как Вы загрузили на сервер и успешно установили скрипт движка CMS X-FS Free.
Первое, что нужно сделать, так это войти в "Панель управления" и настроить сайт.
В адресной строке браузера, пишем http://Ваш-сайт/A/index.php и нажимаем клавишу "Enter" на клавиатуре.
Под словом "Ваш-сайт" - подразумевается доменное имя вашего сайта.

Адресная строка браузера
Адресная строка браузера


Форма авторизации

Форма авторизации

Вводим имя пользователя и пароль.

По умолчанию:

Имя пользователя: demo
Пароль: demo

Если имя пользователя и пароль верны, попадаем в Центр управления сайтом.


2.1 Настройка сайта
Переходим к настройке сайта.

Левое навигационное меню

Левое навигационное меню

В левом навигационном меню выбираем пункт: Настройки -> Настройки

Настройки

Основные настройки сайта

1 - Лицензионный ключ дает возможность удалить рекламный баннер с Вашего сайта.
2 - Данная опция позволяет закрывать сайт для просмотра пользователям. В место сайта будет выводиться информационная страничка, например с контактной информацией или же просто надпись. "Сайт на обновлении, зайдите позже!"
Настроить данную страницу можно перейдя в пункт меню Настройки -> Дополнительно.
3 - При активной опции "Сайт на реконструкции", введя в поле наример свой IP адрес будет разрешен просмотр сайта только вам. Для других пользователей доступ к сайту будет закрыт.
4 - Информационная функция, при желании можно отключить. Выводит информацию о количестве обращений к базе данных MySQL. Информация выводится на каждой странице в самой нижней части сайта.
5 - Информационная функция, при желании можно отключить. Выводит информацию за какое время была сгенерирована страница. Информация выводится на каждой странице в самой нижней части сайта.
6 - Информационная функция, при желании можно отключить. Выводит информацию о потребленной памяти. Информация выводится на каждой странице в самой нижней части сайта.
7 - Информационная функция, включена по умолчанию. Если после установки движка никаких ошибок в работе сайта не наблюдается, при желании данную опцию можно отключить. Выводит информацию об ошибках при выполнении скриптов. Информация выводится на каждой странице где произошли ошибки.
8 - Данная опция позволяет подтвердить ваши права на сайт для некоторых сервисов. Например: Yandex или Google, которые требуют разместить мета тег в коде сайта для подтверждения прав.
9 - Тоже самое, что и пункт 8.
10 - Позволяет установить один из понравившихся шаблонов (Оформление сайта) по умолчанию. 
11 - Данная опция позволяет скрыть навигационное меню сайта. Например: Если сайт имеет всего одну информационную страницу.
12 - Опция предлагает выбрать из выпадающего списка логотип для сайта. Если в списке еще нет нужного логотипа, вы можете его заргузить с помощью соседней функции "Загрузить лого".
13 - Опция позволяет отключить отображения логотипа. Так же есть возможность выводить не логотип, а название сайта см. пункт 14. Для этого нужно в пункте 12 установить пустое значение, а в пункте 13 нужно снять галочку.
14 - Укажите здесь название вашего сайта например: Ремонтные работы ООО "Ремонт".
15 - Укажите более развернутое описание. Например: ООО "Ремонт" выполняет все виды работ по строительству, не дорого.
16 - Иногда требуется внести дополнительный код между тегами. Вот как раз для этого и существует данное поле. Код будет выводиться на каждой странице сайта.

2.2 Управление блоками
Блоки позволяют выводить на сайте дополнительную информацию. Картинки, баннеры или просто текст.
Так же предусмотрена функция показать или скрыть блок. Например если в одном из блоков нет никакой информации, можете его не выводить на сайт.
Дополнительный блок выводится на всех страницах сайта кроме главной, если активна опция "Показывать доп. блок на странице" в настройках "Дополнительные страницы
Настроить блоки можно перейдя в пункт меню Настройки -> Блоки.

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

2.4 Дополнительный код (Счётчики)
Данная настройка позволяет вставить дополнительный код в конец сайта.
Например: код счетчиков посещений или любой другой информации.
Код заключен в теги  
Данные теги запрещают индексировать информацию поисковикам.
Добавить код можно перейдя в пункт меню Настройки -> Счетчики.

2.5 Настройки пользователя
Первое, что нужно сделать после того как успешно установили скрипт CMS X-FS Free, нужно сменить настройки пользователя по умолчанию.
В поле имя пользователя - укажите свое имя.
В поле e-mail - свой рабочий почтовый ящик.
В поле логин - свой логин (имя пользователя) которое будете использовать для входа в админ панель управления сайтом.
В поле пароль - сгенегируйте пароль или напишите свой.
Внимание!!!  В поле "Логин" и "Пароль" разрешается вводить только латинские (буквы, цифры, знаки - и _) без пробелов в (верхнем, нижнем) регистре. (a-Z-_0-9).
Перед тем как нажать на кнопку "Изменить" Сохраните введенные новые Логин и Пароль в надежном месте!
Для настройки перейдите в пункт меню Настройки -> Пользователи.

3. Настройки навигационного меню
Добавить, удалить или изменить пункты меню можно в пункте меню "Навигация"
Для настройки перейдите в пункт меню Навигация.

4. Настройки страниц
Настройка, создание, редактирование и удаление страниц осуществляется в таких пунктах меню как "Страницы" и "Дополнительные страницы"
С помощью визуального редактора можно без труда отформатировать текст практически как угодно. Задать цвет, размер и многое другое.
В меню "Страницы" редактируется только основная (главная) страница.
В меню "Дополнительные страницы" редактируются все остальные страницы. 
Для настройки перейдите в пункты меню "Страницы" или "Дополнительные страницы".

5. Работа с визуальным HTML-редактором
ВАЖНО: при работе с визуальным редактором нужно помнить о том, что в движке применяется концепция стилей. 
Цвет фона для каждого из блоков сайта, цвет, размер и название шрифта определяться в стилях (Шаблонах), а не в редакторе.
В редакторе вы также можете выделять отдельные слова цветом и размером шрифта. Используйте эту возможность только, чтобы выделить отдельные слова, заголовки. Для основного текста размер и цвет шрифта задается в стилях.

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

Описание основных элементов управления

B Жирный текст Выравнивание текста влево
I Наклонный текст Выравнивание текста по центру
U Подчеркнутый текст Выравнивание текста вправо
ABC Зачеркнутый Выравнивание по ширине
Вырезать Сделать отступ
Копировать Убрать отступ
Вставить Работа с таблицами
Цвет текста Отменить действие
Цвет фона текста Вернуть действие
Убрать форматирование текста Вставить/редактировать изображение
Маркированный список Вставить/редактировать гиперссылку
Нумированный  список html Редактирование HTML-кода
Размер шрифта Заголовок

Работа с текстом

При работе с визуальным редактором сохраняются все правила работы с текстом в прочих текстовых редакторах. Основные правила работы с редактором:

  • Форматирование текста
    • В визуальном редакторе вы можете форматировать текст так, как будто работаете в программе Microsoft Word.
    • Чтобы задать или изменить форматирование текста, выделите нужный фрагмент текста и нажмите на соответствующую кнопку в панели инструментов.
    • Чтобы сбросить форматирование текста, выделите нужный фрагмент текста и нажмите кнопку .
  • Работа с параграфами
    • Нажатие клавиши Enter приводит не просто к переносу строки, а к закрытию параграфа и открытию нового.
    • Для вставки простого («мягкого») переноса строки, без разрыва параграфа используйте комбинацию <Shift+Enter>
    •  Различные стили выравнивания и отступов применяются для целого параграфа. Это означает, то если выделить текст внутри параграфа и применить инструмент выравнивания отличный от текущего, то выравнивание будет применено ко всему параграфу.
  • Копирование текста с других сайтов
    • Не выделяйте сразу весь текст, который желаете скопировать. Выделяйте его последовательно, по параграфам, и вставляйте в свой сайт каждый параграф отдельно.
    • Не выделяйте лишние заголовки и изображения. Иногда достаточно выделить всего одну лишнюю строку в тексте стороннего сайта, чтобы на ваш сайт скопировалось вдвое больше лишнего HTML кода, с которым будет сложно работать в дальнейшем.
    • Наилучший способ копирования текста заключается в последовательном копировании всех параграфов текста по отдельности, этим способом можно избежать перегрузки своих страниц лишними тегами форматирования и облегчить дальнейшее редактирование вставленного текста.
    • При копировании текста с других сайтов очень часто текст копируется вместе с тегами которые использовались для форматирования текста, для того чтобы убрать лишние теги существует инструмент 

  • Использование заголовков
    Использование заголовков позволяет выделять нужные участки текста цветом, размеров шрифта, фоном, рамкой и отступами с помощью заголовков, оформление которых зададется в стиле css (В шаблонах). Всего есть 6 заголовков.

Работа с изображениями
Чтобы вставить изображение, поместите курсор в то место текста или таблицы, где вы хотите вставить изображение и нажмите кнопку .
Для выбора изображения уже загруженного на сайт или для загрузки нового изображения, рядом с полем "Адрес" нажмите на кнопку  

Если вы хотите изменить изображение или его параметры, выделите на странице изображение и нажмите кнопку В открывшемся окне укажите дополнительные параметры, такие как толщина границы, выравнивание, отступы по вертикали и горизонтали.

  • Основные и дополнительные параметры изображения
    • Текст для замены.  При отключенных изображениях вместо них на экране появится альтернативный текст, указанный в этом поле.
    •  Выравнивание. Расположение изображения относительно текста или других элементов страницы. Может принимать следующие значения:
      •  слева – выравнивает изображение по левому краю документа. Прилегающий текст обтекает изображение справа.
      •  спрва – выравнивает изображение по правому краю документа. Прилегающий текст обтекает изображение слева.
      •  сверху и texttop – выравнивают верхнюю кромку изображения с верхней линией текущей текстовой строки.
      •  по середине – выравнивает базовую линию текущей текстовой строки с центром изображения.
      •  absmiddle – выравнивает центр текущей текстовой строки с центром изображения.
      •  снизу и по основанию – выравнивает нижнюю кромку изображения с базовой линией текущей текстовой строки.
      •  absbottom – выравнивает нижнюю кромку изображения с нижней кромкой текущей текстовой строки.
    • Горизонтальные отступы. Вертикальные отступы. Определяют отступ картинки (в пикселах) по горизонтали и вертикали от других объектов документа.
    • Толщина границы. Толщина рамки вокруг изображения в пикселях.
  • Копирование изображений с других сайтов или приложений

В случае вставки изображений или текста с изображениями со стороннего веб-сайта, необходимо вначале сохранить на диске пользователя каждое из нужных изображений, а затем вставить их в нужное место страницы. (Сохранить изображение с сайта можно нажав на нем правой кнопкой мыши и выбрав «Сохранить рисунок как…»).

Если происходит вставка изображений или текстов с изображениями со страниц, не принадлежащих веб-сайту пользователя, то следует обратить внимание на ссылки на эти картинки во вставленном тексте.

      • Если ссылки ведут непосредственно на сторонний сайт и являются абсолютными (т.е. начинаются с http:// и содержат полное доменное имя сайта и путь к картинке), то они будут корректно отображаться на сайте пользователя. Но при этом если данные изображения будут удалены с оригинального сайта либо сменят свое местоположение (переместятся в архив либо страница изменит свою ссылку), то изображения на сайте пользователя не будут отображены.
      • Если ссылки ведут на сторонний сайт и являются относительными (т.е. не начинаются с http://, а с какого либо другого места, например images/, _img/ и т.п.), то изображения не будут отображены на сайте пользователя.
      • Если пользователь вставил текст с изображениями из любого офисного приложения, то изображения также не будут корректно отображены на сайте пользователя.

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

      • Чтобы добавить строку или столбец в таблицу, поместите курсор в место, перед которым будет добавлена строка или столбец, нажмите кнопку  и выберите "вставить строку" или "вставить столбец".
      • Чтобы удалить строку или столбец из таблицы, поместите курсор в ту строку или столбец, которые надо удалить, нажмите кнопку  и выберите "удалить строку" или "удалить столбец".
      • Чтобы удалить всю таблицу нужно выделить ее и нажать на клавиатуре "delete". Чтобы выделить таблицу, нужно подвести курсор к границе таблицы и, когда он примет форму "крестика", нажать левую кнопку мыши.
      • Чтобы объединить ячейки, выделите мышкой их содержимое, нажмите кнопку  и выберите "объединить ячейки".
      • Чтобы разделить ячейку на две, поместите курсор в нужную ячейку, нажмите кнопку  и выберите "разбить ячейку".

Создание гиперссылок
Чтобы создать гиперссылку, выделите фрагмент текста или картинку и нажмите кнопку . В появившемся окне укажите название страницы, на которую будет ссылка. Если ссылка ведет на страницу другого сайта, то нужно указывать полный путь (например, http://www.x-fs.net/index.php). Если вы даете ссылку на главную страницу сайта, то название самой страницы (обычно "index") можно опустить (например, http://www.x-fs.net/). Если ссылка ведет на страницу с вашего сайта, то достаточно дать просто название страницы (например, page.php?id=XX).
Где XX это идентификатор страницы. Посмотреть его или скопировать полностью ссылку на интересующую вас страницу можете в пункте меню "Дополнительные страницы"

Создание гиперссылок также пригодится вам  в случае, когда вы захотите организовать доступ к дополнительным страницам (особенно, если они не имеют доступа из меню сайта). Например, в движке вы создали страницу "Контакты".
И с другой страницы хотите сделать ссылку на страницу "Контакты". Открываем страницу в которой нужно сделать ссылку (в режим редактирование). В визуальном редакторе выделите фрагмент текста или изображение которое будет ссылкой и нажмите кнопку . В открывшемся окне, в поле URL (Адрес), напишите адрес вашей новой страницы. Например: page.php?id=XX.
Где XX это идентификатор страницы. Посмотреть его или скопировать полностью ссылку на интересующую вас страницу можете в пункте меню "Дополнительные страницы"

Чтобы удалить гиперссылку, выделите фрагмент текста или картинку и нажмите кнопку .

Работа с HTML-кодом

Для тех пользователей, кто знает, как устроен язык HTML, есть возможность непосредственно изменять HTML-код страницы. Для просмотра и редактирования HTML-кода нажмите кнопку html.



Желаем Вам успехов в создании сайтов!

P.S. Не забывайте присылать адреса ваших сайтов созданных с помощью наших скриптов.
Будем их размещать в спеуиальном каталоге на нагем сайте!