Основные этапы и методы создания сайта - Использование геоинформационных технологий в анализе развития рекреационного хозяйства территории

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

При правильной установке денвера на рабочем столе появятся три ярлыка.

Далее устанавливаем Joomla 1.5.7 - программу, в которой и будет осуществляться создание сайта "Курорты Краснодарского края". Установка данной программы требует создания своей собственной базы данных, без которой работа будет невозможна.

Программа содержит два основных рабочих окна: одно из них называется административная панель (рисунок 22), в которой содержатся все основные инструменты и функции, направленные на успешное решение поставленной задачи, а другое - предварительный просмотр сайта (рисунок 23) с отображением всех изменений, произошедших в административной панели. Как становятся понятным теперь, эти два рабочих окна тесно зависят друг от друга.

административная панель в программе joomla 1.5.7

Рисунок 22 - Административная панель в программе Joomla 1.5.7

окно предварительного просмотра сайта

Рисунок 23 - Окно предварительного просмотра сайта

При создании сайта можно выделить несколько основных этапов. Теперь конкретно о каждом из них.

Первый этап заключается в установке шаблона для нашего сайта (использовался стандартный). Для этого в административной панели заходим во вкладку "установить / удалить" в панели расширения (рисунок 24), во вкладке "выберите файл" находим соответствующую папку, где хранится архив с нужным шаблоном и нажимаем "загрузить файл и установить". Затем в менеджере шаблонов (панель расширения) устанавливаем выбранный шаблон по умолчанию (рисунок 25).

панель для установления шаблона сайта

Рисунок 24 - Панель для установления шаблона сайта

задание по умолчанию имени необходимого шаблона

Рисунок 25 - Задание по умолчанию имени необходимого шаблона

Второй этап - наполнение сайта соответствующим материалом.

В материалах выбираем "менеджер материалов" (рисунок 26) и при помощи кнопки "создать" (располагается вверху на панели инструментов) создаем материалы для сайта (рисунок 27).

менеджер материалов

Рисунок 26 - Менеджер материалов

создание материалов

Рисунок 27 - Создание материалов

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

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

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

На третьем этапе создаем пункты меню (рисунок 28).

создание пунктов меню

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

Подобным образом были созданы следующие пункты меню сайта: курорты Краснодарского края, популярные места у туристов в Анапе, популярные места у туристов в Геленджике, популярные места у туристов в Туапсе, популярные места у туристов в Сочи, популярные места у туристов в Ейске, популярные места у туристов в Новороссийске, популярные места у туристов в Темрюке, лучшие отели Черноморского побережья, лучшие отели Азовского побережья, карты-схемы расположения туристических объектов.

Остальные пункты, а именно: город-курорт Анапа, город-курорт Геленджик, Туапсе, город-курорт Сочи, Ейск, город-герой Новороссийск, Темрюк создавались согласно рисунку 29.

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

Рисунок 29 - Создание пунктов меню с использованием карты

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

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

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

отображение работы плагина mavik thumbnails

Рисунок 30 - Отображение работы плагина mavik Thumbnails

Первый модуль Simple Image Gallery - простой модуль галереи изображений для Joomla 1.5. Модуль отображает эскизы всех изображений каталога и при нажатии плавно открывает в полный размер в режиме лайтбокс. Работа модуля представлена на рисунках 31 и 32.

внешний вид модуля на сайте

Рисунок 31 - Внешний вид модуля на сайте

пример работы модуля

Рисунок 32 - Пример работы модуля

Плагин, работающий одновременно с модулем, называется Sigplus Image Gallery Plus (рисунок 33). Плагин поддерживает форматы изображений: *.JPG, *.PNG и *.GIF. Всплывающие окна используют эффекты: Slimbox, Slimbox2, prettyPhoto, FancyBox и SexyLightbox. Поддерживается использование ссылки на скачивание оригинального изображения. Изображения в галерее, могут отображаться в виде фиксированных по размеру или с автоматической регулировкой, также они могут быть показаны в виде миниатюр или в виде карусели с прокруткой в любую сторону (рисунок 34). Изображения могут использовать различные эффекты перехода.

внешний вид плагина sigplus image gallery plus

Рисунок 33 - Внешний вид плагина Sigplus Image Gallery Plus

пример работы плагина sigplus image gallery plus

Рисунок 34 - Пример работы плагина Sigplus Image Gallery Plus

Компоненты, установленные на сайте это - Jumi и Phoca Maps.

Компонент Jumi установлен затем, чтобы с помощью написанного скрипта отобразить на сайте текущее время и дату в Краснодарском крае (рисунок 35). Написанный скрипт представлен в приложении А.

пример отображения текущего времени и даты в краснодарском крае

Рисунок 35 - Пример отображения текущего времени и даты в Краснодарском крае

Компонент Phoca Maps предназначен для того, чтобы в материалы можно было помещать карты любого размера, территории, ставить отметки нужных географических объектов и добавлять всплывающие подсказки к объектам. Ниже проиллюстрирована поэтапная работа с компонентом Phoca Maps (на рисунках 36-38).

добавление карты в материалы

Рисунок 36 - Добавление карты в материалы

создание маркера на карте

Рисунок 37 - Создание маркера на карте

создание всплывающей подсказки возле города

Рисунок 38 - Создание всплывающей подсказки возле города

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

По результатам работы была опубликована статья в сборнике "Курортно-рекреационный комплекс в системе регионального развития: инновационные подходы. Материалы III Международной научно-практической конференции пос. Небуг, 22-24 апреля 2015 г." [2].

Похожие статьи




Основные этапы и методы создания сайта - Использование геоинформационных технологий в анализе развития рекреационного хозяйства территории

Предыдущая | Следующая