2 Описание разработки информационного ресурса

2.1 Этапы создания информационного ресурса

Первым этапом разработки информационного ресурса, было создание макета и структуры ресурса.

На главной странице ресурса в верхнем блоке располагается название информационного ресурса и поиск. Ниже располагается меню. В основном блоке располагается основной контент, а справа от него находится форма обратной связи и калькулятор обоев.

Структура ресурса:

- Главная

Главная страница содержит информацию о ремонте квартиры. Главная страница представлена на рисунке 1.

Рисунок 1 – Главная страница информационного ресурса «С чего начать ремонт?»

- Галерея

В галерее содержатся альбомы с фотографиями интерьера. Галерея представлена на рисунке 2.

Рисунок 2 – Галерея информационного ресурса « С чего начать ремонт?»

- Этапы ремонта

В этом разделе описан порядок проведения работ. Данный раздел представлен на рисунке 3.

Рисунок 3 – Раздел «Этапы ремонта»

- Ремонт стен

В этом разделе можно узнать информацию о ремонте стен, оклейке обоев и покраске стен. Данный раздел представлен на рисунке 4.

Рисунок 4 – Раздел «Ремонт стен»

- Ремонт потолка

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

Рисунок 5 – Раздел «Ремонт потолка»

- Ремонт пола

В этом разделе представлена информация, касающаяся ремонта пола. Данный раздел представлен на рисунке 6.

Рисунок 6 – Раздел «Этапы ремонта»

- Магазины

В этом разделе можно найти адреса, телефоны, время работы магазинов. Данный раздел представлен на рисунке 7.

Рисунок 7 – Раздел «Магазины»

- Сантехника

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

Рисунок 8 – Раздел «Сантехника»

- Электрика

В этом разделе находиться информация о способах замены электропроводки. Данный раздел представлен на рисунке 9.

Рисунок 9 – Раздел «Электрика»

- Окна и двери

Это раздел содержит информацию о дверях и окнах. Раздел представлен на рисунке 10. Так же это раздел содержит подразделы:

- Окна;

- Двери.

Подразделы представлены на рисунках 11, 12.

Рисунок 10 - Раздел «Окна и Двери»

Рисунок 11 – Подраздел «Окна»

Рисунок 12 – Подраздел «Двери»

- Материалы

Этот раздел содержит два блока ссылок на подразделы «Инструменты» и «Материалы». Данный раздел представлен на рисунке 13.

Рисунок 13 – Раздел «Материалы»

Подраздел «Инструменты» содержит информацию о распространенных инструментах, необходимых при ремонте. Данный подраздел представлен на рисунке 14.

Рисунок 14 – Подраздел «Инструменты»

Подраздел «Материалы» содержит два блока ссылок «Виды обоев» и «Виды ламината». Данный подраздел представлен на рисунке 15.

Рисунок 15 – Подраздел «Материалы»

Раздел «Виды обоев» содержит информацию, о всех видах обоях. Данный подраздел представлен на рисунке 16.

Рисунок 16 - Раздел «Виды обоев»

Раздел «Виды ламината» содержит информацию обо всех видах ламината. Данный подраздел представлен на рисунке 17.

Рисунок 17 – Раздел «Виды ламината»

В ходе создания информационного ресурса « С чего начать ремонт?» был разработан макет сайта.

Рисунок 18 - Макет сайта

Разработка информационного ресурса велась в программном пакете компании Joomla 2.5. В ходе создания информационного ресурса был выбран и установлен шаблон Dailynews. После установки шаблона ему были заданы настройки и изменен его стиль. Данный шаблон предоставляет возможность вносить изменения в структуру, задавать настройки меню, копирайта и некоторые настройки стиля. Административная панель шаблона представлена на рисунке 19. Внешний вид шаблона представлен на рисунке 20.

Рисунок 19 - Административная панель шаблона Dailynews

Рисунок 20 – Внешний вид шаблона

Следующим этапом в создании информационного ресурса было создание категорий и материалов. Создание категорий было произведено в менеджере категорий административной панели CMS Joomla. Менеджер категорий представлен на рисунке 21.

Рисунок 21 - Менеджер категорий

Каждой категории были созданы материалы, которые впоследствии отобразились на информационном ресурсе. Материалы были созданы в менеджере материалов административной панели CMS Joomla.. Менеджер материалов представлен на рисунке 22.

.Рисунок 22 – Менеджер материалов

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

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

Рисунок 23 – Окно создания материала

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

Рисунок 24 - Окно добавления изображения

Следующим этапом разработки информационного ресурса было создание меню и его пунктов. Менеджер меню представлен на рисунке 25.

Рисунок 25 – Менеджер меню

При создании меню было определено его название и тип. Окно создание меню представлено на рисунке 26.

Рисунок 26 - Окно создания меню

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

Рисунок 27 – Пункты меню

Рисунок 28 – Создание пункта меню

В ходе разработки информационного ресурса «С чего начать ремонт?» были использованы следующие типы меню: материл, список категорий и блок категорий.

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

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

Рисунок 29 – Пункт меню «Главная»

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

Рисунок 30 – Пункт меню «Галерея»

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

Рисунок 31 – Пункт меню «Магазины»