Web-сайт при помощи средств системы управления содержимым

В основе страницы лежит таблица. Все элементы страницы представляют собой части  некой «мозаики», которая впоследствии предстаёт на экране пользователя как единое целое.

Любая информация (текстовая или графическая) заносится  непосредственно в ячейки таблицы. Таким образом, достигается структурированность  страницы, позволяющая наиболее удобно редактировать любой её элемент. Так же для удобства правки и логического отделения одного сегмента от другого каждому из них присвоено имя.

2.6 Разработка сайта на основе CMS

2.6.1 Описание установки CMS Joomla

Для доступа  к административной панели управления (Backend – бэк-енд, панель управления) Joomla используем адрес нашего web-сайта (или полный путь до папки, в которую установлена Joomla) с добавлением в конце пути «/administrator». Например, если адрес web-сайта www.myweb.ru, то доступ к панели управления возможен по адресу www.myweb.ru/administrator. После правильного ввода адреса, откроется страница авторизации.

 

Рисунок 12- Страница входа в панель управления Joomla

Рисунок 13 - Главная страница панели управления Joomla

При правильном вводе имени пользователя и пароля откроется главная страница администрирования системой, то есть будет открыта панель управления Joomla (Рисунок 13), которая предоставит управления всеми функциями и возможностями Joomla. Возвратиться на главную страницу панели можно в любое время при нажатии кнопки «Главная» в левом верхнем углу.

2.6.2 Создание Раздела

Раздел – это главный (верхний) объект в основе иерархии структуры содержимого.

Для работы с разделами необходимо перейти на страницу «Управление разделами». Можно нажать на главной странице панели кнопку «Управление разделами» или в основном меню выбрать «Содержимое», затем пункт «Управление разделами» (Рисунок 14).

Рисунок 14 – Доступ на страницу «Управление разделами» (Section Manager), или далее на страницу «Управление категориями» (Category Manager)

Будет открыта  страница «Управление разделами». На странице «Управление разделами», используя кнопки на панели инструментов, можно (перечисление справа налево):

• Помощь открыть в новом окне страницу описания по данному окну

(«Управление разделами»). Нажимаем кнопку «Помощь» => Создать новый раздел => «Новый».

• Изменить существующий раздел. Нажимаем на название раздела или

отмечаем нужный раздел и нажимаем кнопку «Изменить».

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

«Удалить».

• Копировать существующий раздел. Отмечаем нужный раздел и нажмаем

кнопку «Копия».

• Скрыть (сделать неопубликованным) существующий раздел. Отмечаем

нужный раздел и нажмаем кнопку «Скрыть».

• Допустить (Опубликовать) существующий раздел. Отмечаем нужный раздел и

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

Для создания нового раздела необходимо нажать кнопку «Новый». Будет открыта страница редактирования «Раздела» (Рисунок 15).

Рисунок 15 - Страница редактирования «Раздела»

На странице редактирования «Раздела» с помощью кнопок на панели инструментов можно (перечисление справа налево):

Помощь – открыть в новом окне страницу описания по данному окну (редактирование «Раздела»). Нажимаем кнопку «Помощь».

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

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

 Для  загрузки  изображения (сохраняется  в папку images\stories) нажимаем кнопку «Загрузить».

На странице редактирования «Раздела» нужно:

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

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

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

В поле «Порядок показа» после применения (сохранения) изменений можно изменить порядок отображения раздела в списке на странице «Управление разделами».

В поле «Опубликован» - выбрать да или нет.

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

Рисунок 16 - Визуальный редактор «TinyMCE»

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

В поле «Описание» используется специальный редактор HTML, то есть не Joomla, а ее расширение - мамбот. Данное расширение, мамбот, называется HTML-редактором Joomla. В системе можно использовать любой из множества различных визуальных HTML-редакторов (Рисунок 16).

Если HTML-редактор не появился в Вашей системе, то Вы должны установить его и (или) включить редактор. В локализованной сборке Joomla RE редактор «TinyMCE» уже установлен и включен. Внешний вид Вашего визуального редактора может сильно отличаться от того, что использовался для написания этого руководства.

Кнопки  на панели инструментов HTML-редактора  помогают задавать стиль (формат) вводимого  текста.

Когда создание или редактирование раздела закончено, необходимо нажать кнопку «Сохранить» для сохранения результатов работы и выхода на страницу «Управление разделами». Или можно нажать кнопку «Применить» для сохранения результатов, не закрывая страницы редактирования «Раздела».

2.6.3 Создание Категории

Категория - это второй (после раздела) объект в иерархии структуры содержимого. Создание категории похоже на создание раздела.

Для работы с категориями необходимо перейти на страницу «Управление категориями».

Есть  два способа перейти на страницу «Управление категориями».

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

Второй  способ: в основном меню выбрать «Содержимое», затем «Содержимое по разделам» и далее нужный вам раздел. И в выпадающем продолжении меню пункт «Добавить/изменить категории в *выбранном разделе*». Будет открыта страница «Управление категориями» (Рисунок 17).

Рисунок 17 - Страница «Управление категориями»

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

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

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

На странице «Управление категориями», используя кнопки на панели инструментов.

Помощь – открыть в новом окне страницу описания поданному окну («Управление категориями»). Нажимаем кнопку «Помощь».

Для создания новой категории необходимо нажать  кнопку «Новый». Чтобы изменить существующую категорию нажать на название категории или отметить нужную категорию и нажать кнопку «Изменить».

Удалить существующую категорию. Отметьте нужную категорию и нажмите кнопку «Удалить».

Копировать существующую категорию. Отметьте нужную категорию и нажмите кнопку «Копия».

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

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

Чтобы опубликовать существующую категорию, нужно отметить нужную категорию и нажать кнопку «Допустить».

Для создания новой категории, нужно нажать кнопку «Новый». Будет открыта страница редактирования «Категории».

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

2.6.4 Создание объекта содержимого

Объект содержимого – это основное содержание сайта и нижний объект в иерархии структуры содержимого. Другими словами объект содержимого – это статья, которая должна содержаться в одной из ваших категорий (соответственно и раздела).

Для работы с объектами содержимого необходимо перейти на страницу «Управление содержимым».

Есть  два способа перейти на страницу «Управление содержимым».

Первый  способ: можно нажать на главной  странице панели кнопку «Все содержимое сайта» или в основном меню выберите «Содержимое», затем пункт «Все содержимое». Будет открыта страница «Управление содержимым», при открытии страницы будет доступна фильтрация объектов по следующим критериям:

• по разделам;
• по категориям;
• по автору;
• по заголовку, значение указывается в поле «Фильтр».

Второй  способ: в основном меню выбрать «Содержимое», затем «Содержимое по разделам» и далее нужный Вам раздел; и в выпадающем продолжении меню пункт «Содержимое в разделе: *выбранный вами раздел*». Будет открыта страница «Управление содержимым» (с выбранной фильтрацией по указанному разделу), при открытии страницы будет доступна фильтрация объектов по следующим критериям:

• по категориям;
• по авторам;
• по заголовку, значение указывается в поле «Фильтр».

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

Рисунок 18 - Доступ к странице «Управление объектами содержимого»

На странице «Управление содержимым», используя кнопки на панели инструментов, можно (перечисление справа налево).

Помощь – открыть в новом окне страницу описания поданному окну («Управление содержимым») => нажать кнопку «Помощь».

Чтобы создать новый объект содержимого, нужно нажать кнопку «Новый».

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

Если необходимо удалить  существующий объект содержимого, следует отметить  нужный объект и нажать кнопку «В корзину».

Копировать существующие объекты содержимого. Необходимо отметить нужные объекты и нажать кнопку «Копия» и затем выбрать, куда скопировать объекты.

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

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

Допустить (Опубликовать) существующие объекты содержимого. Отмечаем нужные объекты и нажимаем кнопку «Допустить».

Отправить в архив существующие объекты содержимого. Отметить нужные объекты и нажать кнопку «В архив».

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

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

 

Рисунок 19 - Страница редактирования «Объекта содержимого

Блог – популярный и удобный способ представить информацию или статьи, которые обновляются (добавляются) регулярно, например новости или пресс-релизы. Вместо простого списка ссылок к различным статьям, вывод статей как «блог» дает возможность показать название и введение, позволяющие перейти ко всему содержанию статьи. Таким образом, введение может быть первым параграфом всей статьи или кратким описанием (резюме) статьи.

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

Если  необходимо поместить изображения  в содержании, то нужно использовать специальную возможность вставки  изображений. Нажмите кнопку «Вставить изображение» (кнопка расположена внизу слева окна HTML редактора), после этого в содержимое будет добавлен текст {mosimage}; при обработке этого текста для отображения система (Joomla)определит, что необходимо вставлять изображения, список которых размещен на вкладке «параметры изображений». Чтобы увидеть изображение в тексте, нажмите кнопку «Просмотр» на панели инструментов.