Руководство пользователя Москва 2010 содержание основные принципы 6 Решаемые задачи 6



бет3/22
Дата23.07.2016
өлшемі8.22 Mb.
#217627
түріРуководство пользователя
1   2   3   4   5   6   7   8   9   ...   22

ОБЩИЕ СВЕДЕНИЯ


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

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


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


Теперь, когда мы имеем общее представление о системе, рассмотрим подробней все аспекты работы с ней. С целью обеспечения защиты и разграничения доступа в системе, перед началом работы необходимо пройти авторизацию. Для этого в окне авторизации введите ваш e-mail и пароль.

Логин: demo@armex.ru

Пароль: demo


Рисунок 1. Окно авторизации

Будьте внимательны при введении пароля – система различает заглавные и строчные символы.

Если вы ввели верные данные, система дает доступ к административному разделу в соответствии с вашими привилегиями.

Интерфейс системы


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



Рисунок 2. Общий вид административной системы

Область «Административные разделы»


Административные разделы делятся на четыре группы в соответствии с их назначением.

Действия группы разделов «Контент» направлены на сайт в целом, на ту часть наполнения, которая нацелена на донесение информации до пользователей сайта. Группа состоит из разделов:



  • Страницы и структура

  • Новости

  • Статьи

  • Баннеры

  • Формы

  • Вопрос-ответ

  • Галерея

Административные разделы группы «Сервисы» оперируют с блоками, позволяющими привнести на сайт интерактивность: обработка действий пользователя и, в зависимости от этого, выдача результата. Группа состоит из разделов:

  • Работа

  • Форум

  • Опрос

  • Рассылка

  • Знакомства

  • Блоги

  • Глоссарий

  • Ссылки

  • Карта Google

  • Библиотек документов

  • Статистика посещений

  • Комментарии

Административные разделы группы «Продажи» оперируют модулями, позволяющими организовать и отслеживать работу Интернет-магазина. Группа состоит из разделов:

  • Каталог

  • Магазин

  • Прайс-листы

Группа разделов «Управление» содержит команды управления административной системой. Группа состоит из разделов:

  • Пользователи сайта

  • Поиск по сайту

  • Скрипты

  • Резервирование БД

  • Настройки

О работе разделов каждой группы вы можете узнать подробнее в соответствующих подразделах руководства.

Рабочая область


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

При работе с большинством информационных блоков присутствуют несколько обязательных элементов интерфейса.



  1. Закладки операций. Содержат перечень операций, доступных при работе с модулем, текущая операция выделена. В примере выделенной является закладка «страницы», при выборе данной закладки отображается список существующих страниц.

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

  3. Закладки страниц. Содержат ссылки постраничной навигации. Используются на странице в случае, когда количество записей на странице превышает количество, установленное в настройках системы. Текущая страница выделена.



Рисунок 3. Элементы рабочей области

Визуальный редактор


Практически вся информация, размещаемая в системе, редактируется через WYSIWYG-редактор (What You See Is What You Get). Он позволяет работать с текстами, таблицами, вставлять изображения и добавлять контекстные ссылки. Интерфейс системы во многом схож с интерфейсом MS Word, но несколько проще в использовании.

Здесь мы опишем особенности работы с инструментами, отличными от знакомых пользователям MS Word и Excel.





Рисунок 4. Визуальный редактор

Панель управления редактора проста в обращении и максимально приближена к панели управления Word. Функции малознакомых рядовому пользователю элементов вкратце описаны в скобках.





Рисунок 5. Возможности визуального редактора

  1. Полный экран (открывает редактор в полном окне)

  2. Предварительный просмотр

  3. Печать

  4. Поиск

  5. Вырезать

  6. Копировать

  7. Вставить

  8. Вставить из Word

  9. Вставить текст

  10. Отменить

  11. Вернуть

  12. Вставить таблицу

  13. Редактировать таблицу/ячейку (размер таблицы, редактирование таблицы и ячейки)

  14. Спрятать/показать указания

  15. Абсолютное позиционирование (размещение объекта в любой области поля редактирования, вне зависимости от остальных объектов этого же поля.)

  16. Закладка

  17. Гиперссылка

  18. Изображение

  19. Флэш

  20. Медиа

  21. Линия

  22. Удалить форматирование

  23. Редактор форм (выбор и редактирование форм)

  24. Спецсимволы (вставка специальных символов)

  25. Стили и форматирование (форматирование текста, абзаца, списка, панель форматирования и выбор собственных CSS-стилей)

  26. Выбор стиля

  27. Просмотреть/редактировать код (редактирование html кода)

  28. Очистить все

  29. Абзац

  30. Название шрифта

  31. Размер шрифта

  32. Цвет шрифта

  33. Цвет фона

  34. Жирный шрифт

  35. Курсив

  36. Подчеркнутый

  37. Зачеркнутый

  38. Верхний индекс

  39. Нижний индекс

  40. Выровнять по левому краю

  41. Выровнять по центру

  42. Выровнять по правому краю

  43. Выровнять полностью

  44. Нумерация

  45. Якоря (маркеры)

  46. Отступ слева

  47. Отступ справа

  48. Слева направо

  49. Справа налево

Вставить из Word

Здесь следует обратить внимание на последнюю кнопку группы – «Вставить из Word». Форма, появляющаяся при нажатии на нее обеспечивает, корректную вставку из Word, Excel и других визуальных текстовых редакторов. При копировании текстов, настоятельно рекомендуем использовать именно эту опцию, т.к. в таком случае визуальный редактор системы очищает содержимое вставки от избыточного форматирования, добавляемого перечисленными программами.





Рисунок 6. Вставить из Word

Таблица

Функция предназначена для работы с таблицами и предоставляет следующие возможности:



  • Вставка таблицы,

  • Редактирование свойств таблицы и ее составляющих,

  • Добавление и удаление строки,

  • Добавление и удаление колонки,

  • Объединение ячеек,

  • Разъединение ячеек.

Принцип функционирования инструментов схож по принципу функционирования с соответствующими инструментами редактора Word.



Рисунок 7. Вставка таблицы

Добавить/Редактировать изображение

Служит для добавления в материалы изображений и редактирования свойств уже добавленного изображения.

Интерфейс этого инструмента состоит из двух частей:


  • Загрузка и выбор изображения (рис. 9)

  • Настройка свойств положения и отображения (рис. 8)

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

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

Для добавления уже загруженного изображения выберите директорию размещения изображения в левом поле окна и выделите его, кликнув на названии. Если изображение находится на локальном или сетевом диске, предварительно необходимо выбрать папку и загрузить его на сайт, используя форму в правой верхней части окна, а после выбрать из списка загруженных изображений.

Правило загрузки файлов.


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


Рисунок 8. Настройка свойств положения и отображения


Рисунок 9. Загрузка и выбор изображения

Горизонтальная линия

Инструмент позволяет добавить на страницу горизонтальный разделитель. Линии можно задать несколько параметров, такие как:



  • Выравнивание

  • Высота

  • Ширина (абсолютная и в процентах от доступного пространства в текущем блоке)

  • Цвет

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

  • Выделить линию

  • Нажать на кнопку 25 и выбрать «панель форматирования»

  • Задать параметры разделителя

Добавить / Редактировать ссылку

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

Редактор поддерживает действия с тремя типами ссылок:


  • Закладка в текущем документе

  • Адрес электронной почты

  • Сайт в сети Интернет

Ссылка на документ

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

Порядок действий по созданию ссылки:

- выделить текст, который будет ссылкой,

- нажать кнопку «гиперссылка»,

- задать адрес файла.



Вариант 1. известна прямая ссылка на файл.

Если известна прямая ссылка на файл, то адрес прописывается в верхней строке: выбирается директория (протокол соединения), вводится имя сайта и полный линк, такая ссылка считается абсолютной. Также можно использовать относительные ссылки, в таком случае, директория и имя сайта не указываются.



Вариант 2. Файл загружен на сайт или размещается на персональном компьютере пользователя.

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




Рисунок 10. Добавление ссылки на документ

Добавить/Редактировать закладку

Данный инструмент помещает закладку (якорь) в текущую позицию курсора с целью последующего использования в качестве ссылки на эту позицию документа с помощью команды «Добавить / Редактировать ссылку».



Закладка HTML

При необходимости, можно отключить визуальный редактор и ввести собственный html-код. Для этого достаточно переключить закладку с положения «Редактор» на положение «HTML»




Достарыңызбен бөлісу:
1   2   3   4   5   6   7   8   9   ...   22




©dereksiz.org 2024
әкімшілігінің қараңыз

    Басты бет