Создание сайта для садика

Размещено на http://www.allbest.ru

СОДЕРЖАНИЕ

ВВЕДЕНИЕ

1. Разработка web-сайта

1.1 Наполнение web-сайта информацией

1.2 Задачи web-сайта

1.3 Разработка структуры сайта

1.4 Содержание сайта и оформление

1.5 Дизайн web-сайта

1.6 Размещение web-сайта в сети Интернет

1.7 Реклама сайта

2 . Возможности web-редакторов

2.1 Основные возможности редактора Joomla

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

3.1 Установка Joomla

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

Заключение



Введение

сайт редактор joomla

World Wide Web - глобальная компьютерная сеть - на сегодняшний день содержит миллионы сайтов, на которых размещена всевозможная информация. Люди получают доступ к этой информации посредством использования технологии Internet. Для навигации в WWW используются специальные программы - web-браузеры, которые существенно облегчают путешествие по бескрайним просторам WWW. Вся информация в web-браузере отображается в виде web-страниц, которые являются основным элементом байтов WWW.

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

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

Актуальность.

Поиск информации в сети Интернет становится обычным явлением. К примеру, в Москве и Санкт-Петербурге Интернет обогнал бумажную прессу по популярности у населения. Интернет становится нормой жизни, люди узнают в нем последние новости, погоду, вопросы законодательства, возможности трудоустройства, социальные права и т.д.

При минимальных затратах Интернет становится мощным инструментом рекламы. В тоже время, при использовании web-сайта мы уже получаем заинтересованных пользователей, ведь пользователь сам ввел в

поисковике запрос «Вакансии» или «Бухгалтерские услуги», а может кликнул по баннеру.

Цели дипломного проекта: Создание web - сайта о садике, позволяющего информировать о интересующей информации.



1. Разработка web-сайта

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

Первое, с чем следует определиться, приступая к созданию web-сайта, это целевая аудитория.

Целевая аудитория сайта

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

Предполагается, что целевой аудиторией web-сайта садика №66:

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

Социологические аспекты

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

- Доступный каждому материал

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

Сделать это можно следующими способами:

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

используя технологию гипертекста - пользователь кликает по неизвестному слову, в результате чего открывается страница с определения;

рекомендую использовать эти способы в комплексе: технологию контекстной справки использовать там, где определение может уместиться в 1-2 коротких предложения, а гипертекст - там, где определение состоит из объемного текста и использует графику.

Учёт индивидуально-личностных особенностей пользователей

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

Настоятельно рекомендуется использовать стандартный шрифт и размер шрифта. Для русских шрифтов это Arial и Time New Roman и размер от 12 до 14. Использование нестандартных шрифтов и маленьких или больших размеров шрифтов вызывает у пользователя дискомфорт, затрудняет чтение текста и отвлекает от понимания прочитанной информации. С технической точки зрения это тоже плохо - не все браузеры смогут правильно определить кодировку нестандартного шрифта, в результате вместо текста пользователь увидит бессмысленную последовательность непонятных ему символов.

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

Особое внимание при разработке сайта следует уделить цветовой схеме. Цветовая схема сайта не должна состоять из большого количества цветов. Оптимальным значением является 2-3 цвета. Цвета для сайта следует выбирать, используя специальную таблицу цветов, которая позволяет подобрать оптимальные оттенки для выбранных цветов. Не следует использовать слишком яркие цвета для шрифтов и заднего плана web-сайта. Если в качестве заднего плана сайта планируется использовать фоновое изображение, нужно убедиться, что оно не будет совпадать (сливаться) с цветом шрифта.

1.1 Наполнение web-сайта информацией

Определимся, что может содержать web-сайт, учитывая намеченную нами целевую аудиторию и специфику деятельности садика:

расписание занятий - информация о занятиях проводимых в садике, изменения в расписание, распорядок дня;

свободные места - информация о количестве детей и свободных мест в садике;

галерея - фотографии мероприятий проводимых в садике и простых будней детей;

мероприятия - информация о запланированных мероприятиях проводимых в садике;

контакты - контактные данные.

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

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

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

Методика разработки web-сайта садика

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

1.2 Задачи web-сайта

Итак, сформируем задачи web-сайта:

информационные - предоставление информации об деятельности садика ;

коммуникативные - помощь в налаживании контактов;

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

1.3 Разработка структуры сайта

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

Для этого составим основные идеи сайта:

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

сгруппируем идеи по содержанию;

сгруппируем идеи по возможностям;

- определим приоритет каждой из идей. Создание карты сайта

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

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

Рисунок 1. - Пример карты сайта

Для удобного доступа к информации сайт нужно разумно организовать. Все предполагаемое содержание нужно разбить на основные темы (разделы сайта), содержащие одну или несколько HTML-страниц. Каждый раздел при большом количестве информации удобно разделить на несколько подразделов.

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

1.4 Содержание сайта и оформление

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

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

1.5 Дизайн web-сайта

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

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

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

Цветовая гамма -- ряд гармонически взаимосвязанных цветовых оттенков художественного произведения. Различают теплые, горячие, холодные, яркие, блеклые, светлые и другие цветовые гаммы.

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

Используйте яркие цвета только для заголовков и подзаголовков, а спокойные приглушенные тона для основного текста.

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

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

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

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

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

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

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

1.5 Размещение web-сайта в сети Интернет

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

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

1.6 Реклама сайта

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

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

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

2. Возможности web-редакторов

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

Простые и недорогие средства не всегда являются простыми в использовании. Например, чтобы создать веб-страницу в Блокноте, необходимо очень хорошо знать язык html, что совсем необязательно, при использовании программы FrontPage. Это зависит от набора средств, имеющихся в программе. 

Программы создания сайтов делятся на две основные категории: визуальные и невизуальные редакторы

Визуальные редакторы (или WYSIWYG-редакторы ("What You See Is What You Get" - "Что видишь, то и получаешь")

В качестве программы для создания сайтов намного проще (и быстрее) использовать визуальные редакторы, которые позволяют работать с веб-страницей "как она есть" Пользователь редактирует и форматирует текст, вставляет рисунки, таблицы, как в обычном текстовом редакторе (например в Word), а уж сама программа формирует соответствующий HTML-код. В том виде, как страница будет смотреться в рабочем окне программы, в конечном итоге его и будет отображать браузер. Наиболее известными визуальными редакторами являются Dreamweaver, MS FrontPage и Joomla.

достоинства:

легко использовать

не нужно знать язык html

недостатки:

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

код страницы сложно редактировать

документ может некорректно отображаться в разных видах браузеров

Невизуальные редакторы

HTML изначально был предназначен для ручного кодирования и слабо приспособлен для автоматизации, поэтому ни один из существующих на сегодняшний день визуальных редакторов HTML не обеспечивает стопроцентной реализации всех возможностей HTML, и, кроме того, не генерирует абсолютно корректный код. Таким образом, каждую страницу приходится потом корректировать вручную. При использовании невизуальных редакторов, которые предназначены для разметки документа вручную, разработчик имеет возможность написать оптимизированный код без использования лишних кострукций, который потом будет легко редактировать. Для того, чтобы в таких редакторах было легче работать, в них предусмотрена возможность быстрого ввода тегов, синтаксического подсвечивания, проверки правильности получившегося кода и ссылок. Невизуальные Web-редакторы часто называют HTML-редакторами. Примерами такого программного обеспечения являются AceHTML, 1stPage, HotDog, Arachnophilia

достоинства:

оптимизированный код

используются все возможности языка гипертекстовой разметки

подсветка синтаксиса, проверка корректности кода и ссылок

многие редакторы распространяются бесплатно

недостатки:

необходимо знание языка гипертекстовой разметки



2.1 Основные возможности Joomla

Для начала рассмотрим, как разрабатывались веб-страницы раньше.

Концептуально веб-страницы объединяют в себе два аспекта: информационное наполнение и его представление. За последнее десятилетие были пройдены следующие этапы в развитии взаимодействия этих двух аспектов:

* Статические веб-страницы - информационное наполнение и средства его представления располагаются в одном файле.

* Каскадные таблицы стилей для веб-страниц - содержимое и средства его представления размещаются отдельно.

* Динамические веб-страницы - содержимое и средства его представления размещаются отдельно от самой страницы.

Статические веб-страницы

Веб-страница состоит из набора инструкций расширяемого гипертекстового языка разметки (extensible Hypertext Markup Language - XHTML), которые сообщают броузеру, как должно быть представлено содержимое веб-страницы. Например, код разметки может информировать о следующем: «Нужно взять заголовок 'This is a web page' и вывести его на экран крупным полужирным шрифтом». Результат может выглядеть примерно так, как показано на рис. 2.1. Это устаревший способ создания веб-страниц, но, хотя это и удивительно, многие дизайнеры до сих пор продолжают использовать его при создании сайтов. Этот способ имеет два существенных недостатка:



Рисунок 2.1

* Содержимое страницы (текст «This is a web page») и информация о его представлении (крупный полужирный шрифт) располагаютсявместе. Если потребуется изменить цвет всех заголовков, придется просмотреть все страницы на сайте и внести необходимые изменения.

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

Каскадные таблицы стилей

Следующим шагом к пониманию механизмов управления содержимым является разработка веб-стандартов - обобщенного набора «правил», которые используются такими броузерами, как Internet Explorer или Firefox, при выводе веб-страниц на экран. Один из этих стандартов регламентирует использование каскадных таблиц стилей (Cascading Style Sheets - CSS) для управления представлением содержимого веб-страниц. CSS представляют собой простой механизм добавления в веб-документы стилей отображения (например, определяющих шрифты, цвета, отступы и т. п.). Вся эта информация о представлении располагается в самостоятельном файле, отдельно от содержимого.

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

Рисунок 2.2

и стилевом оформлении. Теперь все описания стилей размещаются в отдельном файле, который загружается броузером и «накладывается» на содержимое для получения окончательного результата. Использование каскадных таблиц стилей для управления представлением имеет следующие важные преимущества: * Такие страницы стало намного проще поддерживать и изменять. Если вдруг потребуется изменить цвет всех заголовков, достаточно будет исправить лишь одну строку в файле CSS.

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

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

Динамические веб-страницы

Динамические страницы создаются самой системой управления содержимым. CMS для содержимого - это то же самое, что CSS для представления. Каскадные таблицы стилей позволили отделить представление от содержимого, a CMS дают возможность отделить содержимое от страницы. На первый взгляд может показаться, что от самой страницы ничего не осталось, но на самом деле этот остаток является своего рода «шаблоном» . Вы поймете это, взглянув на рис. 2.3.

Инструкция «put some content here» (поместить здесь содержимое) сообщает системе CMS о необходимости извлечь из базы данных некоторое содержимое, «чистую информацию», и поместить его на заданное место на странице.

Рисунок 2.3

Этот механизм позволяет разделить обязанности между разработчиками веб-сайта. Веб-дизайнер может сконцентрироваться на представлении дизайне и на «шаблонах», а нетехнические специалисты будут отвечать за информационное наполнение веб-сайта - текст и иллюстрации. Большинство систем CMS обладают встроенными инструментами управления публикацией содержимого.

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

Рис. 2.4

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

Еще один хороший пример CMS - блоги. В них есть «шаблон», представляющий все содержимое (в данном случае - записи), и блоги легко редактировать и публиковать в Интернете. Рост числа использований систем управления содержимым для оснащения веб-сайтов в некоторой степени обусловлен ростом популярности инструментальных средств ведения блогов, таких как Blogger и Wordpress.

Современные системы CMS обычно определяются по их возможностям управлять содержимым и публиковать его. Как правило, они обеспечивают поддержку всего процесса - от создания содержимого до его публикации. Большинство систем готово предложить гораздо больше: они обладают возможностью увеличивать функциональность сайта за счет добавления разнообразных расширений и дополнений. Для Joomla имеется более 2000 дополнительных расширений, от форумов до рассылки новостей, многие из которых созданы сторонними разработчиками и распространяются бесплатно. Официальный каталог расширений можно найти на сайте extensions.joomla.org, а каталог коммерчески распространяемых расширений - на сайте www.extensionprofessionals.com. Оба сайта имеют систему рейтингов и обзоров расширений (которая сама по себе является расширением!).

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

Эта концепция, «сложна в установке, но проста в дальнейшем развитии», кратко изложена в табл. 1.1.

Таблица 1.1. Сравнение статических веб сайтов и страниц с системами

управления содержимым

Статический веб-сайт	Страница с системой управления содержимым
Начальные страницы создаются очень просто	Для создания начальных страниц требуется затратить много времени, так как необходимо установить большое число сценариев, настроить базу данных и создать шаблоны
Содержимое по своей природе статично - для его изменения требуется иметь определенный опыт Добавление новой функциональности сопряжено с определенными трудностями, так как это нередко влечет за собой необходимость создания дополнительных сценариев	Содержимое динамично - для его изменения не требуется обладать техническими навыками Большинство систем управления содержимым имеет массу расширений, которые легко подключаются

Сообщество Joomla

Сообщество Joomla достаточно крупное и активное. Официальный форум сообщества находится по адресу forum.joomla.org и к моменту написания этих строк насчитывал более 110 000 членов, что делает его едва ли не самым крупным форумом во Всемирной паутине. Наряду с этим в Интернете имеется большое число форумов Joomla на национальных сайтах. Существует также масса других, сторонних форумов, таких как joomlashack.com (90 000 членов). Даже несмотря на неточность оценок можно видеть, насколько велико это сообщество.

Большое и активное сообщество с огромным количеством участников форумов - это важный фактор успеха открытого проекта.

Разработка неофициальных расширений

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

Возможности Joomla

Система Joomla обладает рядом замечательных возможностей. Когда вы загружаете Joomla с сайта www.joomla.orgy вы получаете zip-архив (размером примерно 5 Мб) с программой, которую необходимо установить на веб-сервер. Делается это путем извлечения всех файлов из архива и наполнения базы данных определенным содержимым.

Ниже перечислены некоторые возможности, которые включены в базовую установку:

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

* Регистрация пользователей и ограничение доступа к страницам в соответствии с правами пользователя.

* Контроль за редактированием и публикацией содержимого пользователем в соответствии с уровнем его административных прав.

* Голосования.

* Простые контактные формы.

* Общедоступные статистики сайта.

* Закрытые подробные статистики сайта.

* Встроенный механизм поиска по сайту.

* Возможность распечатать или отправить любую статью в формате PDF другу по электронной почте.

* Создание каналов RSS (и других форм синдицирования).

* Простая система определения рейтинга содержимого.

* Отображение полос новостей с других сайтов.

Как видите, Joomla обеспечивает достаточно широкие функциональные возможности. Чтобы нанять специалиста, который воссоздал бы все эти на статическом веб-сайте, могут потребоваться десятки тысяч долларов. Но и это еще не все. Вокруг Joomla сплотилось обширное сообщество разработчиков (более 30 000), создавших более 2000 расширений, большинство из которых распространяется бесплатно.

Ниже приводится список наиболее популярных типов расширений:

* Форумы.

* Тележки покупателя для интернет-магазинов.

* Новостные рассылки по электронной почте.

* Календари.

* Средства управления документами.

* Галереи.

* Формы.

* Каталоги.

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

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

* Менеджеры рецептов.

* Службы справки/поддержки.

* Отслеживание соревнований рыболовов.

* Размещение контекстной рекламы.

* Управление несколькими сайтами.

* Заказ номеров в гостинице.

Основная идея, я думаю, вам понятна!

Элементы веб-сайта на базе Joomla

Веб-сайт на базе Joomla состоит из нескольких элементов, которые все вместе образуют веб-страницу. Основными являются три элемента - содержимое, модули и шаблон. Содержимое - это основа веб-сайта, шаблон определяет внешнее представление веб-сайта, а модули добавляют дополнительную функциональность в деталях. Представьте себе три этих элемента - содержимое, модули и шаблон - как три ножки, на которых стоит табурет. Без любой из этих трех ножек (ключевых элементов) табурет (страница) не сможет стоять.

На рис. 2.5 выделены элементы, составляющих страницу Joomla. Модули и само содержимое страницы.

Рис. 2.5

Содержимое

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

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

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

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

Модули

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

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

Шаблоны

Шаблон - это просто набор правил, которые определяют представление информации. Например, шаблон может задавать количество колонок или цвет шрифта заголовков. Шаблон также определяет расположение компонентов веб-страницы.

Рисунок 2.6

Выводы о Joomla

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

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

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

* Система Joomla - это пример программного обеспечения с открытым исходным кодом. Она постоянно совершенствуется всемирным сообществом разработчиков и распространяется совершенно бесплатно.

* Joomla, установленная в конфигурации по умолчанию, обладает богатыми функциональными возможностями. Она может расширяться практически для любых применений благодаря доступности расширений - распространяемых на основе лицензии GPL и недорогих коммерческих, - представленных на сайтах extensions.joomla.org и www.extensionprofessionals.com.

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

* Сайт на базе Joomla состоит из содержимого (статьи или компонентов), модулей и шаблона. Шаблон играет роль фильтра (или линзы). Он управляет всеми аспектами представления веб-страниц. Шаблон не содержит никакого информационного наполнения, но может включать логотипы.



3. Создание сайта

3.1 Установка Joomla

Процесс установки Joomla выполняется в три этапа:

1. Загрузка самой последней версии пакета с файлами Joomla.

2. Распаковка архива на сервере.

3. Завершение установки с помощью Мастера с веб-интерфейсом.

Мы рассмотрим каждый из этих этапов по очереди. Второй этап можно выполнить двумя способами: либо распаковать пакет с файлами Joomla на удаленном сервере поставщика услуг хостинга, либо создать веб-сервер на локальном компьютере. Второй способ удобнее, когда сайт создается сначала на локальном компьютере, а затем переносится на сервер поставщика услуг хостинга.

Где найти самые свежие версии файлов Joomla!

Домашняя страница проекта Joomla - www.joomla.org. Этот сайт выполняет роль центрального пункта для пользователей и разработчиков, входящих в сообщество Joomlasphere.

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

* www.joomla.org - главный сайт Joomla, где можно найти последние новости. Это официальный блог со списком новостей проекта Joomla. Здесь можно подписаться на получение новостей по каналу RSS, щелкнув по ссылке в левой колонке страницы.

* help.joomla.org - документация и справочные материалы проекта Joomla. В этом разделе можно найти руководства, справочную информацию и сборник часто задаваемых вопросов с ответами, которые помогут вам установить, настроить и запустить сайт на базе системы Joomla. Кроме того, здесь можно найти официальное руководство Joomla.

* forum.joomla.org - к моменту написания этих строк на форуме Joomla официально было зарегистрировано более 120 000 членов - это один из крупнейших форумов во Всемирной паутине. Здесь вы сможете получить помощь сообщества Joomla по вопросам использования шаблонов, компонентов, переводов или просто по темам общего характера. Когда вы будете задавать свои вопросы, помните, что все участники форума - это добровольцы, поэтому старайтесь излагать свою проблему как можно подробнее и проявляйте уважение к отвечающим.

* extensions.joomla.org - каталог расширений для Joomla, содержит более 2000 расширений, созданных сторонними разработчиками. Компоненты, модули и дополнения в этом каталоге разбиты на категории. Сюда обращаются, когда возникает потребность расширить функциональность сайта, работающего под управлением Joomla. Здесь также можно найти полезные обзоры и посмотреть рейтинги - это позволит вам узнать, что думают другие о тех или иных расширениях.

* dev.joomla.org - сайт для разработчиков. Здесь вы найдете документацию с описанием интерфейса прикладного программирования API (Application Programming Interface) Joomla, блоги основных разработчиков, а также различные электронные энциклопедии и учебные руководства. И последний сайт, который представляет для нас непосредственный интерес, хотя и работает не под управлением системы Joomla, называется центром разработки и размещается по адресу www.joomlacode.org. Он играет роль репозитория, в котором хранятся файлы Joomla и сотни расширений, выпущенных сторонними разработчиками под лицензией GPL1.

Рис.3.1 скачивания Joomla

Распаковка файлов на сервере

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

Список минимальных требований, предъявляемых Joomla, вы можете найти на следующих сайтах:

* РНР - www.php.net.

* MySQL - www.mysql.com.

* Apache - www.apache.org.

Вам необходимо удостовериться, что на сервере установлена СУБД MySQL и РНР обладает поддержкой XML и Zlib. В этом вам поможет справочный форум Joomla (в частности, http://help.joomla.org/content/ view/34/132/).

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

* Загрузить файл архива и распаковать его на сервере с помощью командной строки или файлового менеджера Cpanel.

* Распаковать архив на локальном компьютере и затем загрузить файлы по одному с помощью FTP медежера FilleZilla.

Мы будем использовать второй способ, с помощью FTP менеджера.

Рис. 3.2 FilleZilla

Выбран хостинг, но прежде чем мы получим доступом на хостинг нужно подать заявку с прошением «инвайта» т.е приглашение в сообщество oxnull.net/invite.html

Текст заявки можно увидеть на рисунке 3.3

Рис. 3.3 Подача заявки на хостинг

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

Рис.3.4 Получение паролей от хостинга

Рис. 3.5 FilleZilla загрузка на хостинг

Запуск Мастера установки Joomla

Теперь предстоит самое интересное - установить систему Joomla.

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

Рис. 3.6 Страница выбора языка

Шаг 1: Выбор языка

В броузере (в моем случае это Firefох) перейдите в каталог с файлами Joomla.Каталог находится по адресу http://detsad66.oxnull.net/installation. После этого вы увидите первую страницу Мастера установки (рис. 3.6).

Шаг 2: Начальная проверка

На рис. 3.6 показана первая страница, которая демонстрирует некоторые возможности интернационализации Joomla. Здесь вы можете выбрать язык, на котором будут выводиться дальнейшие инструкции по установке. После выбора языка вашему вниманию будет представлена следующая страница - Pre-installation Check (Начальная проверка) - рис. 3.6.

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

Если какая-либо позиция выделена красным цветом (не соответствует), то вам лучше подыскать другую программную среду (сменить сервер) или обратиться к поставщику услуг с просьбой изменить программную среду (например, обновить версию РНР). Обратите внимание: последний пункт, configuration.php Writable (configuration.php доступно на запись), свидетельствует о проблеме с правами доступа к файлу, который в этом случае может быть легко изменен.

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

Рис. 3.7 Страница начальной проверки

Шаг 3: Лицензионное соглашение

Если все пункты окрашены в зеленый цвет, можно продолжать установку. Щелкните по кнопке Next (Далее) - и перед вами появится страница с лицензионным соглашением (рис. 3.8).

Рис. 3.8 Лицензионное соглашение

Шаг 4: Конфигурация базы данных

Следующая страница - Database Configuration (Конфигурация базы данных) - рис. 3.9.

Страница Database Configuration (Конфигурация базы данных) - это одна из основных страниц в процессе установки. Здесь вам необходимо ввести информацию о базе данных, которая будет использоваться системой Joomla. Обратите внимание: поле типа базы данных оформлено в виде раскрывающегося списка. В действительности Joomla в состоянии взаимодействовать только с базой данных MySQL, но в нее заложены основы, позволяющие использовать большее число типов баз данных.

Рис. 3.9 Конфигурация базы данных

В поле Host Name (Название хоста) практически во всех случаях можно оставить значение localhost. Значения для полей User Name (Имя пользователя) и Password (Пароль) должны быть предоставлены поставщиком услуг, обычно их присылают по электронной почте при создании учетной записи.

Если установка производится на локальный компьютер, где установлен пакет WAMP5 или ХАМРР, в качестве имени пользователя обычно используется слово root, а поле пароля остается пустым. В поле Database Name (Имя базы данных) укажите имя базы данных в MySQL, которая будет использоваться системой Joomla. Выберите такое имя, которое не будет ошибочно интерпретироваться другими сценариями, использующими базы данных MySQL, если они имеются на вашем сервере. Не используйте пробелы в имени базы данных.

Если все прошло успешно, после щелчка по кнопке Next (Далее) будет создана база данных MySQL и произойдет переход к следующей странице.

Шаг 5: Конфигурация FTP

В предыдущей версии Joomla, в серии 1.0.Х, имелась проблема с назначением владельцев файлов на стороне сервера. Это сугубо техническая проблема, но о ней следует упомянуть: вполне возможно, что владельцем файлов веб-сервера Apache будет назначен пользователь с именем nobody. Такое положение вещей могло приводить к конфликтам при использовании файлов, созданных под учетной записью FTP или самого веб-сервера Apache. Это влечет проблемы с правами доступа к файлам, при загрузке их на сервер средствами Joomla.

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

Шаг 6: Главная конфигурация

На странице Main Configuration (Главная конфигурация) необходимо ввести некоторые сведения о новом сайте и определить порядок добавления содержимого сайта (рис. 2.12).

Рис. 4 Главная конфигурация

Дадим имя своему сайту {обратите внимание на ключевые слова, которые в последующем будут использоваться для оптимизации веб-сайта для поисковых систем SEO), а затем укажите информацию о суперадминистраторе. Тем самым на сайте будет создан первый пользователь, который автоматически получит права суперадминистратора. В полях Admin Password (Пароль администратора) и Confirm Admin Password (Подтверждение пароля) введите пароль администратора. Обязательно запишите введенный пароль! Как только вы его запомните, можете спокойно съесть бумажку с паролем. В противном случае, если вы забудете пароль сразу же после установки (как это случилось со мной), вам придется повторно выполнить процедуру установки и настройки.

Когда дело дойдет до содержимого сайта, созданного столь молниеносно, будет два варианта:

Install Default Sample Data (Установить демо-данные) - будет установлено содержимое сайта по умолчанию. Обратите внимание: это подразумевает установку всех меню, ссылок навигации и разделов/категорий. Если вы только приступаете к изучению Joomla, настоятельно рекомендую выбрать этот пункт, потому что гораздо проще вносить изменения в существующее содержимое, нежели создавать сайт с самого начала. Если вы не щелкнете по кнопке с надписью

Install Sample Data (Установить демо-данные), вы в результате получите пустой сайт!

Шаг 7: Завершение

Скрестите пальцы на счастье и щелкните по кнопке Next (Далее). Надеюсь, вам посчастливилось увидеть страницу, показанную на рис. 4.1. Теперь в вашем распоряжении имеется сайт, «работающий под управлением Joomla».

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

Рис. 4.1 Завершение

После установки нужно удалить папку INSTALLATION, для того чтобы снова не начать установку Joomla.

Создания сайта

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

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

1. Создать разделы.

2. Создать категории.

3. Создать статьи.

Чтобы понять организацию информационного наполнения, необходимо разобраться с тем, как Joomla генерирует веб-страницы.

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

Размещено на http://www.allbest.ru

Рис. 5. Карта сайта

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

Рис. 5.1 Шаблон сайта

Устанавливаем шаблон с помощью менеджера расширений «Расширений - Менеджер расширений - Выбор файла»

После того как установили шаблон нужно пройти в «Менеджер шаблонов» включить шаблон по умолчанию и проверить все настройки шаблона. Рис. 5.2 Настройка шаблона

Рис. 5.2 Настройка шаблона

Отображение модулей

Все модули обладают параметрами, которые определяют характеристики их отображения (рис. 5.3).

Вверху слева находится следующая информация о модуле:

* Заголовок.

* Отображается ли модуль и активен ли он.

* Местоположение (определяется шаблоном).

* Порядок следования относительно других модулей.

* Уровень доступа.

Названия всех параметров говорят сами за себя. Единственный параметр, который заслуживает отдельного описания - это Access Level (Доступ). Этот параметр позволят создавать абсолютно разные версии веб-сайта для разных групп пользователей, таких как гости, зарегистрированные пользователи и администраторы.

Рис.5.3 Менеджер модулей

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

В меню Content (Материалы) имеется пункт Article Manager (Менеджер мате риалов). Нам необходимо создать два элемента содержимого: About U (О компании) и Services (Услуги). Создать их можно, просто щелкну по кнопке New (Создать). Рис. Менеджер материалов 5.4

Рис. Менеджер материалов 5.4

После щелчка по кнопке New (Создать) появится редактор, с помощью которого можно ввести необходимое содержимое. На рис. 5.5 вы можете видеть редактор.

Рис. 5.5 Редактор

Создание элементов меню

Теперь перейдем к меню- с названием mainmenu (главное меню).

Выберите пункты меню Menus -> Main Menu (Все меню -> Главное меню). На странице Menu Manager (Меню) можно будет увидеть список всех пунктов меню, как показано на рис. 5.6.

Рис. 5.6 Менеджер меню

Создайте новый пункт меню, щелкнув по кнопке New (Создать). После этого появится страница, показанная на рис. 5.6, на которой можно будет добавить новый пункт меню.

Рис. 5.7 Создание меню

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

Результат проделанной работы можно увидеть на рисунке 5.8

Рис. 5.8 Результат работы

Адрес размещения сайта http://detsad66.oxnull.net



Заключение

Цель, поставленная в проекте, выполнена. Для реализации поставленной цели были выполнены следующие задачи:

создание web - сайта;

Созданный сайт о деятельности учреждения «ДОУ №66 комбинированного вида». Сайт содержит сведения, об образовательном учреждении.

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

Размещено на www.allbest.ru

...