Создание web-сайта агентства по организации праздников «Креатив» на платформе CMS Joomla!, построенной на базе данных MySQL с использованием PHP

КУРСОВАЯ РАБОТА

Тема: Создание web-сайта агентства по организации праздников «Креатив» на платформе CMS Joomla!, построенной на базе данных MySQL с использованием PHP.

по дисциплине: Информационные технологии в сервисе

• Введение
• 1. Эффективность web-сайта в развитии компании
• 2. Этапы проектирования сайта
• 2.1 Разработка концепции сайта
• 2.2 Создание дизайна сайта
• 2.3 Этап программирования сайта
• 2.4 Информационное наполнение
• 2.5 Верстка сайта
• 3. Средства создания web-сайтов
• 3.1 Конструкторы сайтов
• 3.2 Языки программирования
• 3.3 CMS (Content Management System)
• 4 Создание web-сайта агентства по организации праздников «Креатив» на платформе CMS Joomla!
• 4.1 Установка и редактирование шаблона в Joomla
• 4.2 Определение структуры web-сайта
• 4.3 Добавление статей в Joomla
• 4.4 Создание модулей
• 4.5 Создание главного меню web-сайта
• 4.6 Создание галереи Phoca Gallery
• Выводы и рекомендации
• Библиографический список

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

Любой бизнес, который осуществляется посредством взаимодействия с широкой аудиторией, требует постоянной рекламы. Несколько лет назад к обычным средствам рекламы добавился новый, и порою более эффективный инструмент. Данным инструментом является web — сайт.

Сайт — это современное и потому актуальное средство предоставления информации о компании. Практически все крупные предприятия в настоящее время обзавелись собственными web-сайтами. Сайт свидетельствует о процветании компании, о ее солидности и современности. Следовательно, агентству по организации праздников «Креатив» для успешного функционирования необходимо иметь сайт, который бы позволил привлечь новых клиентов, улучшить качество услуг, повысить скорость обслуживания.

Целью курсовой работы является создание web-сайта агентства по организации праздников «Креатив» на платформе CMS Joomla!

Для достижения поставленной цели необходимо решить следующие задачи:

1. Рассмотреть эффективность web-сайта в развитии компании.

2. Выявить основные этапы проектирования web-сайта.

3. Создать web-сайт для праздничного агентства с помощью Joomla!

4. Разработать уникальный и запоминающийся дизайн сайта.

5. Спроектировать структуру сайта таким образом, чтобы клиентам было комфортно работать с данным ресурсом.

5. Наполнить сайт качественной и интересной информацией.

6. Расширить функциональные возможности сайта с помощью разнообразных модулей.

1. Эффективность web-сайта в развитии компании

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

Создание сайта предоставляет компании ряд следующих преимуществ.

1. Средство обращения к большой аудитории.

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

2. Источник подробной и актуальной информации о вашей компании.

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

3. Постоянная реклама с широкими возможностями.

Сам по себе выпуск сайта уже является рекламной акцией, привлекающей внимание к вашей компании. Заплатив один раз за создание сайта, вы получаете в постоянное пользование свое собственное средство для проведения маркетинговых мероприятий. Реклама в интернете, проигрывая традиционным СМИ в размерах аудитории, обладает при этом массой других преимуществ: это постоянно действующая реклама, не ограниченная ни территориально, ни по времени, интернет позволяет забыть о таких вещах, свойственных традиционным СМИ, как устаревание рекламных материалов, оплата за объем размещаемого сообщения. Web — технологии позволяют очень точно нацеливать сообщение, интернет-реклама вовлекает пользователя в процесс получения рекламного сообщения, требует от него активных действий, имеет средства для сбора разнообразных статистических данных, позволяющих делать точный анализ эффективности рекламной кампании, ее оперативную корректировку.

4. Организация бизнес-процессов.

Используя в своей деятельности интернет, компании получают возможность быстро реагировать на меняющиеся рыночные условия, менять ассортимент, цены и описания товаров. Создание сайта позволит расширить базу потенциальных клиентов и партнеров, увеличить объем продаж, повысить узнаваемость вашей компании. Интранет и экстранет-решения помогут связать филиалы и отделы компании в единое рабочее пространство. Даже если вы не собираетесь заниматься интернет — бизнесом, вы не можете не признать значительной экономии средств на доставке и распространении коммерческой информации при использовании сети. Если ваш бизнес подходит для вывода в интернет, веб — сайт можно использовать для приема заказов, оформления сделок, полного цикла сопровождения клиентов (CRM) и поставщиков (SCM), предпродажной и послепродажной поддержки клиентов, — в общем, для организации полноценной электронной торговли. Не все компании, конечно, в состоянии в полной мере использовать возможности интернета, но игнорировать его уже становится невыгодно.

5. Обратная связь с клиентами.

Интернет позволяет наладить самую оперативную взаимосвязь между предприятием и его целевой аудиторией. Для этого на сайте используются механизмы обратной связи, анкетирование, опросы, гостевые книги, форумы, рассылка новостей и т. д. Достаточно просто и без каких-либо затрат компания будет получать комментарии и отзывы своих потенциальных клиентов. Тем самым сможет лучше понять их потребности и улучшить качество товаров/услуг, обслуживания, а также сделать соответствующие корректировки в содержании сайта. На основе получаемой информации создается база данных по активным посетителям сайта (их портрет, контактная информация, сведения об интересах, предпочтениях, заинтересовавшие страницы сайта). В дальнейшем эти данные можно эффективно использовать для информирования о новых услугах, акциях.

6. Имидж.

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

2. Этапы проектирования сайта

Разработка web — сайта обычно осуществляется в несколько этапов, каждый из которых одинаково важен для создания эффективного информационного ресурса.

Создание сайта — комплексный процесс, который включает в себя пять основных этапов:

1) Разработка концепции сайта;

2) создание дизайна сайта;

3) программирование;

4) информационное наполнение;

5) верстка сайта.

2.1 Разработка концепции сайта

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

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

На первом этапе должны быть четко отражены следующие вопросы:

1) Цель создания сайта;

2) функции сайта;

3) ресурсы, которые потребуются при создании и поддержке сайта.

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

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

1) Структура web-сайта;

2) информационное наполнение;

3) навигация по сайту;

4) требования к дизайну;

5) технические характеристики;

6) детальное описание каждой страницы;

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

2.2 Создание дизайна сайта

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

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

Общепринятыми требованиями к грамотному web-дизайну являются следующие параметры:

1. Технологичность.

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

2. Функциональность Дизайн сайта должен быть удобен для навигации. Основная информация, которую компания хочет донести до потенциальных заказчиков должна быть легкодоступна. Следует избегать сложной структуры и большой вложенности категорий. Так, если сайт имеет вложенность более четырех уровней — полезна навигационная строка. Если сайт имеет до пяти основных разделов — удобнее верхнее горизонтальное меню, если разделов в перспективе больше — вертикальное слева.

Роль шрифта также не следует недооценивать. Для удобства усвоения информации шрифты должны быть хорошо читаемы, т. е. достаточного размера, четкие, на контрастном фоне.

3. Оригинальность Под оригинальностью дизайна понимается уникальность и запоминаемость сайта его посетителями.

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

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

2.3 Этап программирования сайта

Этап программирования включает:

1) детальное описание всех функциональных модулей web — сайта;

2) выбор программного обеспечения для разработки (язык (и) программирования, база данных, и др.).

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

Язык программирования представляет собой знаковую систему, которая предназначена для описания алгоритмов. Самые популярные языки программирования: Java, C, C++, Delphi, Basic, PHP, Perl, Ruby и др.

Данная стадия является одной из наиболее сложных в техническом плане.

2.4 Информационное наполнение

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

При написании текстов следует уделять особое внимание следующим параметрам:

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

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

— Ключевые слова. Включение в текст заранее отобранных ключевых слов и словосочетаний способно обеспечить сайту первые места в результатах поиска.

Задача редактора — распределить ключевые слова по тексту так, чтобы повествование выглядело естественно.

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

2.5 Верстка сайта

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

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

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

3. Средства создания web-сайтов

К основным средствам создания сайтов относятся:

1. Конструкторы сайтов.

2. Языки программирования.

3. CMS (Content Management System).

У каждого подхода есть свои достоинства и недостатки. Рассмотрим их подробней.

3.1 Конструкторы сайтов

Конструктор сайтов — это программное средство, основанное на использовании шаблонов и призванное максимально упростить процессы создания и поддержки сайта.

Можно выделить несколько основных плюсов конструктора сайтов.

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

2. Конструктор дает возможность использовать уже готовый шаблон, направленной тематики, а также дает большой набор настроек. Это значительно упрощает Вашу работу и сокращает время создания сайта в несколько раз. Имея готовые статьи и темы сайт можно создать за 30 минут, используя интуитивно понятный интерфейс.

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

Кроме достоинств конструкторы имеют и недостатки.

Главным недостатком является низкая гибкость. При создании сайтов при помощи конструкторов необходимо учитывать возможные проблемы с функциональностью. CMS позволяет расширить функционал с помощью возможностей редактирования кода (зная языки программирования можно самому внести изменения или же воспользоваться услугами программиста). Конструктор категорически запрещает изменить свой код.

Конструктор также жестко определяет структуру и внешний вид сайта. Поэтому в будущем повлиять на дизайн сайта фактически невозможно.

Трудность переноса сайта, а иногда и нереальность переноса, на другую платформу. Сайт имеет структуру, которая характерна для данного хостинга, и перенос на платный хостинг фактически отсутствует.

3.2 Языки программирования

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

К первой относятся те из них, код которых выполняется на компьютере посетителя сайта — в его браузере. Это известные JavaScript, VBScript, Java — апплеты. Программы, написанные на этих языках, встраиваются в код web-страниц (или выносятся в отдельный файл с вызовом из web-страницы).

Во вторую группу попадают те языки, программы на которых выполняются на том компьютере, где расположен web — сервер. Примером является язык PHP, который отличается от других языков своей простотой. Создавая программы на этом языке, нет необходимости учитывать все те мелочи, с которыми сталкиваются программисты при работе с С++ или Perl: не нужно заботиться о правах доступа к файлам сценария или прописывать точные пути к различным модулям и т. д. Для тестирования PHP-программ на локальном компьютере не обязательно устанавливать на нем ту же операционную систему, что и у провайдера хостинг сайта, где они будут применяться, достаточно лишь загрузить соответствующий web-сервер и подключить к нему модуль PHP и целиком сосредоточиться на решаемой задаче.

Программы, написанные на PHP, выполняются на стороне сервера, т. е. начинают работать до загрузки страницы после подачи запроса клиента (например, ввода адреса). Они обрабатываются программой — сервером и в качестве ответа на запрос выдают динамически (т.е. в зависимости от запроса, интерактивно) генерируемые страницы. Эти страницы могут содержать как стандартные HTML-тэги, так и «скрипты» (маленькие программы WEB-приложения, выполняемые на стороне клиента), написанные на JavaScript или VBScript, которые начнут выполняться после полной загрузки браузером сгенерированной на сервере страницы.

JavaScript и VBScript предназначены, в основном, для придания динамичности (подвижности) страницам — выпадающие меню, мерцающие кнопки, эффектные переходы и т. п. Функции JavaScript, позволяют работать только с ресурсами клиентской машины и только с локальной файловой системой.

Скорость выполнения скрипта или программы. Среди локальных языков наивысшим быстродействием обладает JavaScript, среди серверных рекордсменом по обработке небольших объемов данных и текста является Perl. PHP на втором месте, но при этом имеет широчайшие возможности доступа практически к любым серверам баз данных.

Скрипты на JavaScript и VBScript встраиваются непосредственно в web-страницу и остаются видны в коде страницы во время её просмотра. То есть исходный текст любого скрипта, написанного на встроенном языке, можно просмотреть, открыв HTML-код страницы. Естественно, ни о какой секретности, безопасности или соблюдении авторских прав в данном случае речь не идет — кто захочет, тот и просмотрит, скопирует и переделает на свой лад. Программы на Perl пишутся в виде отдельных файлов и подключаются к странице с помощью директив SSI, тэгов IFRAME или JMG. При этом в коде страницы мы получаем результат выполнения скрипта, а не его исходный код. Режим секретности — максимальный. Программы на PHP, так же как и на JavaScript, встраиваются в тело страницы и возвращают пользователю только результат выполнения.

3.3 CMS (Content Management System)

CMS (Content Management System) — это программное обеспечение, которое позволяет разрабатывать и поддерживать динамические информационные web-сайты. Разные cms позволяют проектировать сайты различной сложности.

Существует два основных вида cms:

1. Сms работающие и располагающиеся в Интернете;

2. Сms установленные на компьютере и соединенные с сайтом автоматически или через интерфейс обновления файлов.

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

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

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

4 Создание web-сайта агентства по организации праздников «Креатив» на платформе CMS Joomla!

Для создания web-сайта первое, что нам необходимо — это установить локальный сервер — Denwer, который обеспечит правильную работу PHP, создаст базу данных на локальном компьютере.

Если Denwer установится правильно, то при переходе по ссылке http://localhost/denwer/ должна загрузиться страница «Ура, заработало!». После установки «Денвера» на компьютере появится виртуальный диск X, где в директории X: homelocalhostwww необходимо создать папку с сайтом.

После успешной загрузки локального сервера скачиваем CMS Joomla! и устанавливаем её.

4.1 Установка и редактирование шаблона в Joomla

Для придания сайту индивидуальности и запоминающегося образа необходимо правильно подобрать шаблон.

В стандартной сборке Joomla есть 3−4 шаблона, но обычно на сайтах используют платные или бесплатные шаблоны, которых в сети множество.

В интернете есть большое количество сайтов, на которых можно скачать как бесплатные шаблоны, так и приобрести коммерческие.

После загрузки нужного шаблона необходимо установить его и настроить.

1. В Менеджере расширений (Расширения / Установить-Удалить) в поле «Файл пакета» загружаем шаблон (Рисунок 4.1).

2. В разделе Расширения / Менеджер шаблонов выводится список установленных шаблонов.

3. В списке шаблонов отмечаем галочкой нужный шаблон и нажимаем кнопку По умолчанию (Рисунок 4.2).

4. Готово. Теперь сайт изменил шаблон на тот, который выбран.

Для того чтобы установленный шаблон полностью соответствовал тематике сайта необходимо изменить его header. На локальном диске X заходим в папку templates, ищем папку с названием шаблона, в данном случае ju_tondri, далее переходим в images, а затем в папку header. Так как хедер шаблона содержит несколько изображений, последовательно сменяющих друг друга, соответственно нам необходимо все их заменить. В данном случае меняем пять стандартных картинок на изображения, соответствующие дизайну нашего сайта (рисунок 4.3). Таким образом, после проделанных действий шаблон приобрел облик соответствующий тематике проектируемого сайта (рисунок 4.4).

4.2 Определение структуры web-сайта

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

На рисунке 4.5 представлена структура сайта праздничного агентства «Креатив» .

4.3 Добавление статей в Joomla

Далее можно преступить к следующему этапу разработки сайта — это создание и добавление статей. Для работы со статьями необходимо перейти в Менеджер материалов (рисунок 4.6). При открытии страницы будет доступна фильтрация: по заголовку, по разделам, по категориям, по автору, по состоянию.

Затем для добавления новой статьи нажмем кнопку «Создать» .

На открывшейся странице нужно заполнить следующие поля:

— Заголовок — ввести название статьи.

— Опубликовано — отметить, будет опубликована статья или нет.

— На главной — отметить, будет статья опубликована на главной странице или нет.

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

— В поле для статьи вводится сама статья. С помощью установленного визуального редактора можно производить форматирование статьи, вставлять картинки и т. п. (рисунок 4.7)

Текстовый редактор Joomla немного схож с Microsoft Word. В нём есть такие стандартные команды, как выделение жирным шрифтом, подчеркивания, наклонный шрифт. Настройка различных стилей текста, выставление заголовков и т. д. Так же в стандартном редакторе есть одна из самых важных и часто задействуемых функций — это HTML редактор. Для его включения нужно найти значок «HTML» в самом редакторе.

После нажатия на этот значок, открывается отдельное окно с Редактором HTML-кода. Там можно увидеть все теги и прочие атрибуты языка программирования HTML, которые применяются при написании статьи (рисунок 4.8)

Так же есть возможность добавить в статью любое количество изображений. Для этого внизу страницы необходимо нажать на кнопку «Изображение». Откроется окно со стандартными картинками, которые появились при установке joomla (рисунок 4.9).

Чтобы поместить туда собственное изображение, его сначала нужно добавить в папку /images/stories или добавить через Менеджер загрузки изображений. Только после этого картинка появится в этом окошке. Любое изображение можно точно так же как и текст редактировать и изменять. Например, можно уменьшить или увеличить картинку, поставить её по центру экрана или расположить по бокам. Можно сделать ссылку с изображения на какую-нибудь страницу Вашего сайта.

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

Также есть возможность создать ссылку на другой материал (это пригодится для внутренней перелинковки). Для этого необходимо выделите кусок текста или картинку и нажать на кнопку в виде цепи. Откроется окошко, в которое нужно добавить ссылку на любую статью создаваемого сайта или любого другого сайта (рисунок 4.12). Можно так же выбрать, будет ли ссылка открываться в этом же окне (в родительском окне) или в новом. Возможность добавления ссылки реализована в статье «Контакты» (рисунок 4.13).

4.4 Создание модулей

Функциональность сайта можно увеличивать с помощью дополнительных расширений. Расширения в Joomla бывают трех типов: модули, компоненты и плагины.

Модуль, можно сказать, самое минимальное расширение. Модуль, как правило, используется для отображения информации (например модуль «Кто на сайте») или минимального взаимодействия с пользователем (например модуль голосований). В Интернете можно найти модули, отображающие курсы валют, информацию о погоде и другие полезные модули.

Большинство элементов в Joomla!, публикуемых на сайте, отображаются с помощью модулей. Для управления модулями заходим в Менеджер модулей (рисунок 4.14).

При нажатии на ссылку с именем модуля, в левой половине отобразятся настройки, одинаковые для всех модулей, а именно:

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

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

Включен — будет или не будет модуль отображаться.

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

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

Для того чтобы сайт был более интересным, создадим опрос. Для этого переходим на вкладку Компоненты — Голосования (рисунок 4.15). Нажимаем создать, пишем заголовок, который будет выводиться в начале опроса, псевдоним, и отмечаем — опубликовано. Затем в правом блоке пишем ответы, которые хотим включить в опрос, и нажимаем сохранить. Теперь заходим в расширения — Менеджер модулей и выбираем модуль Голосование. Далее заполняем как обычный модуль, только в правом блоке с параметрами модуля выбираем созданный опрос.

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

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

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

Аналогичным образом создадим модуль «Полезные советы» (рисунок 4.20). Проанализировав позиции, которые предоставляет нам шаблон, размещаем его справа под главным меню.

4.5 Создание главного меню web-сайта

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

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

— Системное имя — указать любое имя латинскими символами без пробелов, это имя Joomla использует для идентификации меню в коде.

— заголовок — дать заголовок меню;

— описание — указать краткое описание меню;

— заголовок модуля — дать заголовок тому модулю, который будет выводить данное меню (рисунок 4.22).

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

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

После настройки модуля нажимаем на кнопку сохранить. Главное меню создано, но оно не имеет, ни одного пункта меню. Для создания пунктов заходим в Все меню и из раскрывающегося списка выбираем Главное меню, далее нажимаем Создать (рисунок 4.23).

В появившемся списке выбираем пункт Материалы, а затем Стандартный шаблон материала (рисунок 4.24).

Выполнив все необходимые настройки нажимаем Применить. Аналогичным образом добавляем все необходимые пункты в главное меню.

Главное меню сайта состоит из разделов (рисунок 4.25):

— О нас;

— детский праздник;

— свадьба;

— юбилеи;

— день рождения;

— новый год;

— доставка шаров;

— праздничное оформление;

— небесные фонарики;

— салюты;

— бармен шоу;

— академия желаний.

Далее создаем верхнее меню (рисунок 4.25).

4.6 Создание галереи Phoca Gallery

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

Достоинства Phoca Gallery:

Неограниченная загрузка изображений;

возможность комментирования изображений.

Недостатки Phoca Gallery:

Отсутствует возможность расширения, подключения к другим ресурсам;

сложность установки для обеспечения дополнительной функциональности.

Для создания галереи необходимо установить компонент com_phoca-gallery_v2.7.1 zip и плагин plg_content_phocagallery₂.7.1 Установка расширения, происходит из администраторской зоны: Расширения / Установка и удаление. После установки компонент появится в списке Компоненты/ Phoca Gallery (рисунок 4.26).

Статья проектируемого web — сайта «Наши работы» предполагает наличие фотогалереи. Для её создания прейдем в Компоненты/ Галерея Phoca Gallery/ Категории и в открывшемся окне щелкнем по кнопке Новый. Откроется окно создания категории, где нужно задать следующие параметры:

— Заголовок — «Весенняя свадьба» ;

— псевдоним — «Vesna» ;

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

Остальные настройки оставляем по умолчанию (рисунок 4.27).

Далее необходимо загрузить изображения в галерею. Для этого заходим в раздел Компоненты / Галерея Phoca Gallery / Изображения и нажимаем на кнопку Новый. Откроется окно добавления изображения в галерею. Щелкаем по кнопке Изображения. В открывшемся окне можно создать папку для изображений категории, набрав название в поле Папка и щелкнув по кнопке Создать папку. А затем загружать изображения по одному, щелкнув по кнопке Выберите файл, выбрав изображение у себя на компьютере и нажав на кнопку Начать загрузку (рисунок 4.28).

Затем щелкаем по изображению (выбирая его таким образом), даем ему название (Свадьба 1), псевдоним (vesna), выбираем категорию (Весенняя свадьба) и сохраняем. Аналогично создаем все изображения нашей категории (рисунок 4.29).

Таким образом, галерея «Весенняя свадьба» создана, осталось лишь вывести ее с помощью плагина Phoca Gallery Plugin в нужном месте сайта.

В статье «Наши работы» размещаем код вывода галереи: displaydownload=0

Правила создания кода:

— Во-первых, весь код должен быть в фигурных скобках;

— во-вторых, phocagallery — это обращение к самому плагину;

— в-третьих, все остальное это параметры со значениями, которые разделяются вертикальной чертой (без пробелов).

Код содержит следующие параметры:

— view=category — вывести изображения одной категории (если указать значение параметра равным categories, то будут выведены все категории);

— categoryid=1 — вывести изображения из категории с id=1 (чтобы узнать id категории надо пойти в Компоненты — Галерея Phoca Gallery — Категории и посмотреть id категории в последнем столбце;

— detail=5 — выводить только изображения (вообще здесь возможны 8 вариантов: 0 — Modal Box, 1 — Standard Popup Window, 2 — Modal Box (only image), 3 — Shadowbox, 4 — Highslide JS, 5 — Highslide JS (only image), 6 — JAK lightbox, 7 — No Popup. Из значения легче посмотреть на практике, чем объяснить словами.);

— displaydownload=0 — не показывать кнопку загрузки (если установить значение = 1, то кнопка загрузки будет отображаться);

— displaydetail=0 — не показывать детали изображения (=1 — показывать детали изображения);

— displayname=1 — показать названия изображений (=0 — не показывать названия изображений);

— displaybuttons=1 — показать кнопки просмотра изображения (=0 — не показывать).

— displaydescription=0 — не показывать описание изображения при нажатии на него (=1 — показывать).

Созданная галерея «Весенняя свадьба» выглядит следующим образом (рисунок 4.29).

Выводы и рекомендации

В результате выполнения курсовой работы был создан web-сайт для праздничного агентства «Креатив» .

Выполнены все поставленные задачи, а именно:

— Рассмотрена эффективность web-сайта в развитии компании;

— выявлены основные этапы проектирования web — сайта;

— сайт разработан с помощью современной системы управления сайтом Joomla!;

— созданный дизайн сайта является уникальным и запоминающимся;

— структура сайта была спроектирована таким образом, чтобы пользователям было максимально удобно работать с данным ресурсом;

— добавлена полезная информация о компании, о предоставляемых услугах, контактные данные;

— расширены функциональные возможности сайта с помощью следующих модулей: опрос, авторизация, обратная связь;

— созданы фотогаллереи, содержащие фотографии работ агентства «Креатив» .

Созданный сайта позволит расширить базу потенциальных клиентов и партнеров, увеличить объем продаж, повысить узнаваемость вашей компании. Благодаря созданным модулям «Обратная связь», «Опрос», «Авторизация» сайт позволит наладить самую оперативную взаимосвязь между агентством и целевой аудиторией. Достаточно просто и без каких — либо затрат агентство «Креатив» будет получать комментарии и отзывы клиентов, благодаря чему сможет лучше понять их потребности и улучшить качество товаров/услуг, обслуживания, а также сделать соответствующие корректировки в содержании сайта.

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

Библиографический список

1. Панфилов К. С. Создание веб-сайта от замысла до реализации [Текст]: Практическое пособие/ М.: ДМК Пресс, 2009. — 438 с.

2. Алексеев А. П.

Введение

в Web-дизайн [Текст]: Учебное пособие/ М.: СОЛОН — ПРЕСС, 2010. — 185 с.

3. Горнаков С. Г. Осваиваем популярные системы управления сайтом. [Текст] / М: ДМК пресс, 2009.335 с.

4. Галушкин, Д. Н. Информационные технологии в сервисе [Текст]: метод. указ. по выполнению курсовой работы для студентов дневной, заочной и дистанционной форм обучения специальности 100 101 «Сервис» / Д. Н. Галушкин, Н. И. Морозова; Гос. образоват. учреждение высш. проф. образования «Южно-Рос. гос. ун-т экономики и сервиса» (ФГБОУ ВПО «ЮРГУЭС»). — Шахты: ЮРГУЭС, 2010. — 42 с.

5. Степанов, А. Н. Информатика [Текст]: учебник для вузов / А. Н. Степанов. — 4-е изд. — СПб.: Питер, 2011. — 684 с.; 5-е изд., испр. и доп., 2007. — 765 с.

6. Безручко, В. Т. Информатика [Текст]: курс лекций: учеб. пособие для вузов / В. Т. Безручко. — М.: ФОРУМ-ИНФРА-М, 2005. — 432 с.

7. Информатика [Текст]: учебник для вузов / Н. В. Макарова [и др.]; под ред. Н. В. Макаровой. — 3-е изд. перераб. — М.: Финансы и статистика, 2007. — 768 с.

8. Безручко, В. Т. Информатика [Текст]: курс лекций: учеб. пособие для вузов/ В. Т. Безручко. — М.: ФОРУМ-ИНФРА-М, 2014. — 432 с.

9. Кауфман В. Ш. Языки программирования. Концепции и принципы [Текст]: Монография/ М.: ДМК Пресс, 2011. — 464 с.

10. Сидорова, Т.И. (соискатель; каф. период. печати Удмурт. гос. ун-та). Специфика web-сайта организации как инструмента формирования корпоративной культуры / Татьяна Ивановна; Т. И. Сидорова // Вестник Челябинского государственного университета. — 2007. N 8. — 97 с.

11. Templatebest [Электронный ресурс] // Этапы разработки сайта. URL: http://www.templatebest.ru/stat_s4. php

12. Блог веб — дизайнера [Электронный ресурс] // Этапы разработки сайта. URL: http://www.mistli.ru/etapi-razrabotki-web-sayta

13. Web Creator [Электронный ресурс] // Конструкторы сайтов. URL: http://web-creator.org/education/konstruktori-saytov.html

14. [Электронный ресурс] // Средства создания сайтов. URL: http://in-internet. narod.ru/teor/sreda.html

15. Уроки Joomla [Электронный ресурс] // Создание галереи Phoca Gallery. URL: http://www.site-do.ru/joomla/joomla13. php