Ф.CMS/Resource

Материал из ФабрикаСайтов

Перейти к: навигация, поиск

Содержание

Введение

Система управления содержимым сайта (далее по тексту – CMS, Система) предназначена для создания сайтов различных типов и с различным количеством страниц, управления страницами, т.е. работы с содержимым страниц, определения уровня и местоположения страниц на сайте, удаления страниц и др., а также для управления настройками сайта.

В настоящем документе приведено описание Системы, которое может быть использовано как руководство пользователя администраторами (контент-менеджерами) сайтов.

«Фабрика сайтов» оставляет за собой право вносить изменения в программное обеспечение и документацию без предварительного извещения пользователей CMS.

При возникновении вопросов для получения дополнительной информации обращайтесь в службу поддержки компании «Фабрика сайтов» по адресу vopros@fabricasaitov.ru .

Вход в Систему

Вход в систему. Посмотреть на youtube

Для того чтобы получить доступ к управлению сайтом необходимо войти в Систему. Запустите используемый Вами браузер (программу для просмотра веб-страниц) и введите в строку адреса http://<наименование_Вашего_сайта>/admin/.

Панель администратора работает на следующих браузерах:

  1. Mozilla FireFox версии 3.0 и выше
  2. Opera версии 9.5 и выше
  3. Safari версии 3.0 и выше
  4. Google chrome

Обращаем Ваше внимание на то, что CMS работает только в указанных браузерах, а сайт, построенный на основе CMS, может работать в любых браузерах.

Не рекомендуется использовать Internet Explorer для работы с CMS, т.е. для администрирования сайта.

На странице авторизации введите имя зарегистрированного пользователя (логин), пароль и нажмите на кнопку «Войти»:

Login.png

После ввода логина, пароля и нажатия на кнопку Войти будет проведена проверка правильности введенных данных. Если логин и/или пароль были введены некорректно, то появится соответствующее предупреждающее сообщение. Будьте внимательны и повторите ввод.

Login-error.png

Пользовательский интерфейс Системы

После входа в административную часть CMS Вы автоматически попадаете на Главную страницу, с которой начинается управление страницами сайта. Окно пользователя будет выглядеть следующим образом:

Main1.png

В верхней части любой страницы Системы справа размещается гиперссылка на Главную страницу сайта, страницами которого Вы можете управлять. После перехода по указанной гиперссылке Главная страница сайта откроется в этом же окне.

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

Ниже горизонтально расположены команды Главного меню Системы:

Mainbar.png

Главное меню содержит команды для перехода к различным модулям Системы и, соответственно, управления различными элементами на страницах сайта.


Image002.gif Если Вы в течение двух часов (время зависит от настроек Системы) не производите никаких действий в CMS, то в целях безопасности сессия завершится автоматически и произойдет выход на страницу авторизации.


В левой части окна вертикально расположено Дерево страниц с перечнем всех страниц сайта с учетом вложенности:

Docstree.png

Правая часть окна – рабочая область, в которой отображаются инструменты управления страницами сайта, сгруппированные по закладкам и представленные чаще всего в виде текстовых полей:

Page-edit.png

Работа в Системе

Управление страницами сайта

Добавление новой страницы

Создаем новую страницу. Посмотреть на youtube

Чтобы создать новую страницу сайта выберите команду «Создать документ» в верхней части Дерева страниц:

New-button.png

В рабочей области окна откроются инструменты управления страницей, представленные в виде закладок:

Page-new.png

На закладке «Создать/редактировать документ» введите название создаваемой страницы в поле «Заголовок», которое будет выводиться на Панели заголовка.

Опционально заполните поле «Описание» кратким описанием страницы. Желательно, чтобы описание было информативным, привлекательным и содержало ключевые слова, характерные для данной страницы, так как именно содержание этого поля используется многими поисковыми системами при отображении результатов поиска.

Желательно (но не обязательно) задать адрес страницы в поле «Псевдоним», автоматически будет сгенерирован адрес на основе заголовка страницы.

В поле «Расширенный заголовок» введите заголовок текста, который будет выводиться на странице.

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

Встроенный визуальный редактор работает в режиме WYSIWYG (англ. "what you see is what you get" – что Вы видите, то и получите) и позволяет в визуальном режиме править текст, включая форматирование, вставлять на страницу изображения, ссылки на страницы сайта или другие веб-ресурсы.


Image002.gif Подробнее о визуальном редакторе и его возможностях см. в Приложении 1.


Из выпадающего списка «Шаблон» выберите шаблон оформления, который должен быть применен к создаваемой странице.

Чтобы сохранить внесенные изменения нажмите на кнопку «Сохранить». По окончании нажмите на кнопку «Сохранить». Если хотите закрыть окно редактирования, нажмите кнопку «Отменить».


На этой же вкладке можно задать параметры вывода страницы в меню:

В поле «Пункт меню» можно указать текст ссылки в меню, если он должен отличаться от заголовка страницы.

В поле «Позиция в меню» можно указать порядок положения соответствующего пункта.

И дополнительный флажок «Не показывать в меню» устанавливается, если такой пункт в меню выводить не следует.

Установите флажок в поле «Опубликован», чтобы публиковать страницу на сайте сразу же после сохранения. Снимите флажок, чтобы отменить публикацию. При отмене публикации страницы также автоматически из меню удаляется ссылка на эту страницу.

По окончании нажмите на кнопку «Сохранить», если хотите сохранить внесенные изменения. Чтобы отменить внесенные изменения и закрыть окно редактирования нажмите на кнопку «Отменить».


Перейдите на закладку «Настройки страницы»:

Page-new-prop.png


Image002.gif По умолчанию выставлены параметры, подходящие большинству сайтов и если вы не уверены в назначении полей, лучше не менять их.


Из выпадающего списка «Тип содержимого» выберите тип создаваемого документа (чаще всего нужен тип HTML).

По окончании нажмите на кнопку «Сохранить», если хотите сохранить внесенные изменения. Чтобы отменить внесенные изменения и закрыть окно редактирования нажмите на кнопку «Отменить».

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

Публикация страницы на сайте

Если страницу следует опубликовать на сайте, а ранее этого сделано не было, то щелкните по наименованию страницы в Дереве страниц и в открывшемся окне установите флажок «Опубликован».

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

Чтобы отменить текущую публикацию страницы на сайте произведите обратную операцию – снимите флажок в поле «Опубликован».

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

Либо щелкните правой кнопкой мыши по наименованию страницы в Дереве страниц и в открывшемся меню выберите пункт «Опубликовать ресурс». Для снятия с публикации будет аналогичный пункт «Отменить публикацию ресурса».

Определение местоположения страницы на сайте

Если необходимо изменить позицию страницы в Дереве страниц (перенести страницу на уровень выше, перенести страницу из одного раздела в другой или же сделать страницу подразделом другой страницы), то существует возможность изменить порядок следования страниц или перенести страницу на сайте из раздела в раздел непосредственно в Дереве страниц. Для этого используйте метод drаg&drop: щелкните левой кнопкой мыши по наименованию страницы и, не отпуская кнопки мыши, переместите наименование в новое место:

Docstree-move.png
Image002.gif Страница будет перемещена вместе со всеми ее подразделами.


Image002.gif При изменении уровня страницы или переносе страницы в другой раздел следует «накладывать» наименование страницы на «место назначения».

Например, при переносе страницы «Новая страница» в раздел «Домашняя страница» это будет выглядеть следующим образом:

Docstree-move-on.png

При этом «Домашняя страница» изменит свой статус и станет «контейнером», при этом останется доступна как обычная страница.


Редактирование страницы

Чтобы редактировать ранее созданную страницу щелкните по ее наименованию в Дереве страниц левой кнопкой мыши или наведите курсор мыши на наименование страницы и щелкните правой кнопкой мыши и в открывшемся меню выберите команду «Редактировать ресурс»:

Context-menu1.png

Откроется форма редактирования страницы, аналогичная форме создания, в которой произведите требуемые изменения.

Удаление страницы

Для удаления страницы сайта наведите курсор мыши на наименование страницы и щелкните правой кнопкой мыши. В открывшемся меню выберите команду «Удалить ресурс»:

Context-menu2.png

Появится запрос на подтверждение намерения:

Alert-del.png

Для того чтобы продолжить, нажмите на кнопку «Да», при отказе от намерения удалить страницу – на кнопку «Отмена».


Image002.gif Удаленная страница будет выделена в списке документов как перечеркнутая и может быть впоследствии восстановлена.


Восстановление удаленного элемента

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

Context-menu3.png

Полное удаление элемента

Для полного удаления ранее удаленных элементов нажмите в панели кнопок над Деревом страниц кнопку «Очистить корзину»:

Button-del.png

Появится запрос на подтверждение намерения:

Alert-del2.png

Для того чтобы продолжить, нажмите на кнопку «Да», при отказе от намерения удалить элемент – на кнопку «Нет».

Выход из Системы

Завершение работы с панелью. Посмотреть на youtube

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

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

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

Приложение 1. Встроенный визуальный редактор

Визуальный редактор позволяет работать с текстами пользователю, не имеющему специальной подготовки (то есть, для работы с редактором от пользователя не требуется знаний языка HTML). Однако для контент-менеджеров, владеющих HTML, есть возможность редактировать код вручную.

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

Ввод или редактирование информации осуществляется стандартными средствами текстовых редакторов (ввод с клавиатуры, вставка из буфера обмена), а также реализованными в редакторе функциями. Для работы в редакторе используйте кнопки на Панели инструментов:

Redaktor.png


Image002.gif Чтобы получить информацию о назначении любой из кнопок на Панели инструментов визуального редактора просто наведите курсор мыши на интересующую Вас кнопку. Через секунду появится подсказка.


Ниже представлены все инструменты встроенного визуального редактора с описаниями их назначения и нюансами использования:

Icons-b.png – оформление выделенного текста полужирным шрифтом (можно также использовать сочетание клавиш Ctrl+B). Если выделенный текст уже отформатирован полужирным, нажатие на кнопку снимет это форматирование;
Icons-i.png – оформление выделенного текста курсивом (сочетание клавиш Ctrl+I). Если выделенный текст уже отформатирован курсивом, нажатие на кнопку снимает это форматирование;
Icons-u.png – подчеркивание выделенного текста (сочетание клавиш Ctrl+U). Если текст уже подчеркнут, нажатие на кнопку снимает подчеркивание;
Icons-s.png – зачеркивание выделенного текста. Если текст уже зачеркнут, нажатие на кнопку снимает зачеркивание;
Icons-aligns.png – для выравнивания текста и встроенных объектов по левому краю, по центру, по правому краю, по ширине соответственно;
Icons-format.png – для указания формата для текста. Выделите необходимую часть текста, затем из выпадающего списка выберите формат;

При оформлении текста рекомендуем использовать форматы из представленного списка, так как они настроены конкретно для текущего сайта.

Icons-styles.png – Эта кнопка открывает новое окно, в котором можно указать необходимые параметры стиля элемента (шрифта абзаца, например);
Icons-subwindow-style.png
Icons-fullscreen.png – для увеличения поля редактирования можно включить полноэкранный режим, нажав на эту кнопку. Чтобы вернуться в обычный режим редактирования нажмите на кнопку повторно;
Icons-cut.png – удаление выделенного объекта в буфер обмена (или используйте комбинацию клавиш Ctrl+Х);
Icons-copy.png – копирование выделенного объекта в буфер обмена (или используйте комбинацию клавиш Ctrl+С);
Icons-paste-text.png – вставка в указанное место на странице текста без сохранения форматирования;
Icons-paste-word.png – вставка в указанное место на странице текста из MS Word с сохранением форматирования (однако, вставлять текст из MS Word нежелательно, так как может нарушиться стилистика сайта);
Icons-ul.png – преобразование выделенного текста в маркированный список;
Icons-ol .png – преобразование выделенного текста в нумерованный список;
Icons-untab.png – уменьшение отступа выделенных абзацев на одну позицию табуляции или уменьшение отступа выбранного элемента на ширину одного символа стандартного шрифта;
Icons-tab.png – увеличение отступа выделенных абзацев на одну позицию табуляции или увеличение отступа выбранного элемента на ширину одного символа стандартного шрифта;
Icons-undo.png – отмена последнего действия (или используйте сочетание клавиш Ctrl+Z);
Icons-redo.png – повтор отмененного действия (или используйте сочетание клавиш Ctrl+Y);
Icons-link.png – чтобы вставить (отредактировать) на странице гиперссылку выделите мышью часть текста (существующую ссылку) и нажмите на эту кнопку. Откроется следующее диалоговое окно:
Link-window1.png
  • для вставки ссылки на внешний ресурс просто введите адрес в поле «Адрес»;
  • чтобы вставить ссылку для скачивания файла нажмите на кнопку Image102.jpg . Откроется окно вида:
Link-window2.png

Для выбора файла с жесткого диска Вашего компьютера или съемного носителя нажмите на кнопку «Загрузить файлы» Icons-file.png, откроется следующее окно:

File2.png

Нажмите «+ Добавить» и укажите местоположение файла, затем нажмите кнопку «Загрузить».

Для выбора файла, уже загруженного на сервер, выберите его наименование в списке и нажмите на кнопку «ОК»;

  • чтобы вставить ссылку на ранее определенный якорь (метку на странице, на которую можно сослаться по ссылке, чтобы в окне браузера страница прокручивалась сразу в место, где установлен якорь) выберите его наименование в выпадающем списке в поле «Якоря»:
Image106.jpg

Далее в поле «Цель» Вы можете определить, в каком окне следует открывать ссылку, выбрав тип окна из выпадающего списка (по умолчанию ссылка будет открываться в том же окне):

Image108.jpg

В поле «Заголовок» можно задать ссылке наименование (опционально).

Остальные настройки рекомендуются к использованию только опытным пользователям.

Нажмите на кнопку «Вставить».

Icons-unlink.png – для удаления гиперссылки в тексте выделите мышью часть текста, содержащего гиперссылку, и нажмите на эту кнопку;
Icons-ankor.png – для создания якоря (метки на странице, на которую можно сослаться по ссылке, чтобы в окне браузера страница прокручивалась сразу в место, где установлен якорь) установите курсор в нужное место, после чего нажмите на эту кнопку. В открывшемся окне задайте имя якоря:
Ankor.png

Нажмите на кнопку «Вставить». В визуальном редакторе якорь будет отмечен знаком Image116.jpg;

Icons-img.png – чтобы вставить на страницу изображение, установите курсор в нужное место и нажмите на эту кнопку. Откроется диалоговое окно:
File3.png

На закладке «Общее» нажмите на кнопку Image102.jpg. Откроется окно вида:

Link-window2.png

Для выбора файла с жесткого диска Вашего компьютера или съемного носителя нажмите на кнопку «Загрузить файлы» Icons-file.png, откроется следующее окно:

File2.png

Нажмите «+ Добавить» и укажите местоположение файла, затем нажмите кнопку «Загрузить».

Для выбора файла, уже загруженного на сервер, выберите его наименование в списке и нажмите на кнопку «ОК»;

Введите наименование и краткое описание изображения в соответствующие поля.

На закладках «Положение» и «Дополнительно» Вы можете уточнить положение изображения на странице, задать альтернативные изображения и определить другие параметры.

Нажмите на кнопку «Вставить»;

Icons-clear.png – автоматическая оптимизация HTML-кода страницы, принудительная очистка его от «мусора»;
Icons-html.png – при необходимости просмотра и редактирования HTML-кода страницы нажмите на эту кнопку. Редактор HTML-кода откроется в новом диалоговом окне;
Icons-table.png – чтобы вставить в текст таблицу установите курсор в нужное место и нажмите на эту кнопку. Откроется диалоговое окно:
Window-table.png

Укажите параметры таблицы и нажмите на кнопку «Вставить»;

Icons-row.png – редактирование свойств строки таблицы;
Icons-cell.png – для редактирования свойств ячейки таблицы;
Icons-add-row.png – вставка в таблицу строки после строки, в которой установлен курсор;
Icons-del-row.png – удаление из таблицы строки, в которой установлен курсор;
Icons-col-before.png – вставка в таблицу столбца перед столбцом, в котором установлен курсор;
Icons-col-after.png – вставка в таблицу столбца после столбца, в котором установлен курсор;
Icons-col-del.png – удаление из таблицы столбца, в котором установлен курсор;
Icons-cell-devide.png – разбиение ранее объединенных ячеек в таблице;
Icons-cell-union.png – объединение ячеек таблицы, включая ту, в которой установлен курсор;
Icons-line.png – вставка на страницу горизонтальной разделительной линии;
Icons-style-clear.png – если необходимо снять форматирование, то выделите часть текста или весь текст и нажмите на эту кнопку;
Icons-all-select.png – выделить весь текст;
Icons-sub-sup.png – преобразование выделенных символов в нижние и в верхние индексы соответственно;
Icons-symbol.png – вставка специального символа в выбранное место на странице. Выберите из имеющихся символов необходимый и щелкните по нему мышью. После щелчка символ сразу же будет вставлен в текст;
Icons-clip.png – вставка на страницу медиа-объекта (flash-, видео-ролика и др.). Установите курсор в нужное место и нажмите на эту кнопку. В открывшемся окне определите параметры объекта:
Window-clip.png

Нажмите на кнопку «Вставить»;

Личные инструменты