Возможности профессиональной ориентации учащихся 10-11 классов при обучении элективному курсу "Основы веб-дизайна" (стр. 9 из 13)

После заполнения информации и сохранения изменений, в таблице получатся перечень категорий (рис. 19).

Рис. 19. Заполненная страница менеджера категорий

III. Наполнение сайта контентом

В системе управления контентом CMS Joomla содержимое статей создается, форматируется и редактируется с помощью online-редакторов. Так же имеется возможность вставлять информацию копированием из текстового редактора. В сборки Joomla, обычно, включают редактор TinyMCE, но могут существовать и другие. Прежде чем, как начать работу с редактором необходимо переключить его в расширенный режим.

Для настройки редактора, выбираем в меню пункт «Расширения» и указываем в выпадающем меню «Менеджер плагинов» (рис. 20).

Рис 20. Вызов менеджера плагинов

В перечне плагинов выбираем TinyMCE и открываем его нажатием на название. В раскрывшемся окне меняем функциональность на расширенный и сохраняем изменение (рис. 21).

Рис. 21. Редактирование плагина TinyMCE

После того, как текстовый редактор TinyMCE настроем, можно добавлять информацию на сайт. Для чего открываем «Добавить материал» (рис. 22).

Рис. 22. Создание материала для сайта

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

Ниже находится блок online-редактора, работа в котором аналогична работе в текстовом редакторе. Все кнопки снабжены русифицированными подсказками. Рассмотрим некоторые кнопки редактора (таблица 1).

Таблица 1. Кнопки online-редактора

Пиктограмма	Название	Назначение
	«Вставить»	Позволяет вставлять текст в исходном виде
	«Вставить только текст»	Вставляет неформатированный текст, оставляет только абзацы.
	«Вставить из Word»	Вставляет неформатированный текст, оставляя заголовки, абзацы, списки, таблицы
	«Удалить форматирование»	Удаляет форматирование в выделенном фрагменте текста.
	«Редактировать HTML код»	Позволяет редактировать текст в HTML коде.
	«Изображение»	Позволяет вставлять изображение.
	«Разрыв страницы»	Позволяет принудительно устанавливать разрыв между страницами текста.
	«Подробно»	Позволяет вставлять вставляет в текст с разделитель. Если материал на сайте будет выводиться в виде блога, то сначала будет видно вступление – часть текста, расположенную над этим разделителем. А под текстом будет напечатана гиперссылка «Подробно», позволяющая перейти к полной версии материала.
	«Включить редактор»	Отражает форматирование и редактирование текста в коде HTML.

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

Посмотреть весь имеющийся на сайте материал позволяет раздел «Все материалы» (рис. 23)

Рис. 23. Заполненная страница менеджера материалов

Внешний вид страницы похож на интерфейс страниц «Разделы» и «Категории», исключением являются кнопки, с помощью которых статью можно поместить в архив и извлечь из архива, и «Настройки».

Кнопка «Настройки» вызывает окно параметров, в котором возможно наладить конфигурацию как всего материала сайта так и отдельной статьи (рис. 24).

Рис. 24. Настройка конфигурации материалов

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

Рис. 25. Переход к главному меню

В появившемся окне изменим название главной страницы на «Новости» (рис. 26).

Рис. 26. Страница главного меню

Здесь же справа находятся «Основные параметры», определяющие, статьи вводную часть которых публиковать на главной странице в полную ширину страницы, статьи, вводную часть которых публиковать в колонках, или в виде коротких ссылок с названия статьи. Здесь же задается количество столбцов текста на странице. С помощью индивидуальных настроек в раскрывающихся панелях: «Дополнительные параметры», «Параметры компонента», «Параметры системы» – можно произвести, практически, любое структурное оформление выводимой информации (рис. 27).

Рис. 27. Настройка пунктов меню

При создании нового пункта меню открывшемся окне необходимо указать тип.

В качестве примера рассмотрим пункт меню «О школе», который не будет привязанный гиперссылке. Для этого выберем тип элемента меню «Separator», который предусматривает вывод разделительной линии, состоящей из набора символов (рис. 28)

Рис. 28. Панель выбора типа меню

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

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

Рис. 29. Редактирование модулей

Следующий пункт «Визитка» является подпунктом к пункту «О школе». К нему необходимо подключить сам материал. При выборе типа нового пункта меню указать в пункте «Материалы» «Стандартная шаблон материала» (рис. 30).

Рис. 30. Выбор типа шаблона материала

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

Рис. 31. Подключение пункта меню в виде стандартного шаблона материала

К пункту «Школьная жизнь» можно подключить соответствующий раздел. Раздел может выводиться или как «Стандартный шаблон раздела », или как «Шаблон блога раздела».

Подпункты к пункту «Школьная жизнь» уместно подключить, как категории. Здесь, также возможны варианты: «Шаблон блога категории» или «Шаблон списка категории». Для экскурсий лучше подойдет блог, а для расписания уроков – список.

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

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

IV. Дизайн сайта.

На данный момент дизайн сайта возможно изменять использую многочисленные шаблоны для Joomla с открытой лицензией.

Шаблон — это тип визуального редактирования, который накладывается на контент. Шаблон определяет цвета, шрифты символов, их размеры, фоновые изображения, интервалы и разбиение страницы на части. Шаблон состоит, по крайней мере, из одного файла HTML для структуры страницы и одного файла CSS для дизайна. Он может также иметь намного более сложную структуру, чтобы подготовить контент Joomla для свободы от барьеров либо для совершенно других целей.

Шаблоны предоставляются в заархивированном виде. При этом необходимо, чтобы файл имел расширение .zip.

Чтобы подключить шаблон к сайту нужно в меню админцентра выбирать «Расширения» – «Установкить/Удалить».

В открывшемся окне, с помощью кнопки «Обзор», выбрать скаченный файл с шаблоном и нажать на кнопку «Закачать файл & Установить».