Создание Web-сайта БДОУ "Центра развития ребёнка - детский сад 96" средствами CMS Joomla 1.5

Установка программной оболочки Denver и системы управления контентом "Joomla". Составление технического задания и схемы главной страницы. Разработка дизайна и системы навигации Web-сайта, запуск в Internet. Проектирование услуги регистрации пользователей.

Рубрика Программирование, компьютеры и кибернетика
Вид курсовая работа
Язык русский
Дата добавления 03.10.2012
Размер файла 2,3 M

Отправить свою хорошую работу в базу знаний просто. Используйте форму, расположенную ниже

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

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

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

МИНОБРНАУКИ РОССИИ

Федеральное государственное бюджетное

образовательное учреждение высшего профессионального образования

«Омский государственный педагогический университет»

(ФБОУ ВПО «ОмГПУ»)

Факультет Информатики

Кафедра: информатики и ВТ

Создание Web-сайта БДОУ «Центра развития ребёнка - детский сад №96» средствами CMS Joomla 1.5

Выполнила: студентка 3 курса

факультета информатики

Шатских Анастасия

Руководитель: ст. преп. каф. ИВТ

Басгаль Виктория Викторовна

Омск 2012

Содержание

Введение

Глава 1. Теоретические основы разработки и создания Web-сайта

1.1 Понятие Web-сайта и обоснование его необходимости

1.2 Классификация Web-сайтов

1.3 Проектирование и способы создания Web-cайта

1.3.1 Бесплатный хостинг с конструктором Web-сайтов

1.3.2 Написание кода Web-сайта вручную

1.3.3 HTML- редакторы

1.3.4 Использование систем управления контентом(CMS)

1.4 Система управления контентом «Joomla»

1.5 Программная оболочка Denver

Глава 2. Проектирование и разработка Web-сайта БДОУ «Центра развития ребёнка - детский сад №96»

2.1 Установка программной оболочки Denver и системы управления контентом «Joomla»

2.2 Составление технического задания и схемы главной страницы

2.3 Разработка дизайна и системы навигации Web-сайта

2.4 Разработка шаблона главной страницы

2.5 Разработка услуги регистрации пользователей

2.6 Окончание создания Web-сайта и запуск его в Internet

Заключение

Список литературы

Приложение 1.ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку сайта «БДОУ г.Омска «Центр развития ребёнка - детский сад №96»»

Введение

сайт дизайн навигация

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

Разработанный Web-сайт для детского сада №96 позволит родителям получать необходимую информацию, не выходя из дома, в любое время. Огромное количество полезных сведений о данном учреждении найдут родители, желающие, чтобы их дети стали воспитанниками детского сада №96, что в значительной степени облегчает работу сотрудников. Кроме того, данная тема актуальна в связи с выходом федерального закона Российской федерации от 8 ноября 2010 года № 293-Ф3, который обязует все дошкольные учреждения иметь свой собственный сайт.

Целью курсовой работы является изучение проектирования Web-сайтов при помощи CMS «Joomla», а также разработка и Web-создание сайта для БДОУ «Центра развития ребёнка - детский сад №96» г. Омска.

Задачами курсовой работы являются:

провести общий анализ проектирования и создания Web-сайтов;

создать техническое задание на разработку Web-сайта;

определить структурную модель Web-сайта;

разработать сайт на основе CMS «Joomla»;

наполнить контентом;

разместить сайт на хостинге.

Глава 1. Теоретические основы разработки и создания Web-сайта

1.1 Понятие Web-сайта и обоснование его необходимости

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

Процесс создания и разработки Web-сайтов включает в себя:

1. Утверждение первичного технического задания на разработку Web-сайта.

2. Определение структурной схемы Web-сайта - расположение разделов, контента и навигации.

3. Web-дизайн - создание графических элементов макета Web-сайта, стилей и элементов навигации.

4. Разработку программного кода, модулей, базы данных и других элементов Web-сайта необходимых в проекте.

5. Тестирование и размещение Web-сайта в сети Internet [1].

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

Web-сайт - это информация, представленная в определенном виде, которая располагается на Web-сервере и имеет свое имя (адрес). Для просмотра Web-сайтов на компьютере пользователя используются специальные программы, называемые браузерами. В зависимости от того, какое имя (адрес) Web-сайта мы зададим в строке "Адрес", браузер загружает в свое окно соответствующую информацию [5].

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

1.2 Классификация Web-сайтов

На данный момент существует огромное количество классификаций Web-сайтов. Далее мы приведём классификацию Web-сайтов по нескольким критериям [11].

По доступности сервисов

Открытые -- все сервисы полностью доступны для любых посетителей и пользователей.

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

Закрытые -- полностью закрытые служебные Web-сайты организаций (в том числе корпоративные Web-сайты), личные Web-сайты частных лиц. Такие Web-сайты доступны для узкого круга пользователей. Доступ новым пользователям обычно даётся через т. н. инвайты (приглашения).

По физическому расположению

Общедоступные Web-сайты сети Internet.

Локальные Web-сайты -- доступны только в пределах локальной сети. Это могут быть как корпоративные Web-сайты организаций, так и Web-сайты частных лиц в локальной сети провайдера.

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

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

Информационные ресурсы:

Тематический Web-сайт -- Web-сайт, предоставляющий специфическую узкотематическую информацию по какой-либо теме.

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

Internet-представительства владельцев бизнеса (торговля и услуги, не всегда связанные напрямую с сетью Internet):

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

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

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

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

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

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

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

Web-сервис -- Web-сайт, созданный для выполнения каких либо задач либо предоставления услуг в рамках сети WWW:

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

Каталог Web-сайтов -- это ресурс, на котором размещаются Web-сайты и блоги, например, Open Directory Project. Каталоги бывают платные и бесплатные. Также каталоги могут способствовать продвижению ресурса, который размещается в каталоге сайтов.

Поисковые сервисы -- например, Yahoo!, Google.

Почтовый сервис.

Web-форумы.

Блоговый сервис.

Файлообменный пиринговый сервис -- например, Bittorrent.

Облачное хранилище данных -- например, Skydrive.

Сервис редактирования данных -- например, Google Docs.

Фотохостинг -- например, Picnik, ImageShack, Panoramio, Photobucket.

Видеохостинг -- например, YouTube, Dailymotion.

Социальные медиа.

Комбинированные Web-сервисы (Социальные сети) -- например, Facebook, Twitter.

Комбинированные Web-сервисы (Специализированные социальные сети) -- например, MySpace, Flickr.

1.3 Проектирование и способы создания Web-cайта

Проектирование и разработка Web-сайтов включает:

Утверждение первичного технического задания разработки сайта.

Определение структурной схемы Web-cайта- расположение разделов, контента и навигации.

Web-дизайн - создание графических элементов макета с Web-cайта, стилей и элементов навигации.

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

Тестирование и размещение Web-сайта в сети Internet [8].

Далее мы приведём несколько способов создания Web-сайтов.

1.3.1 Бесплатный хостинг с конструктором Web-сайтов

На данный момент в сети Internet существует огромное количество бесплатных хостингов с конструкторами Web-сайтов. Самые популярные из них:

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

Главным преимуществом UCOZ является большое количество бесплатных шаблонов, которые доступны в конструкторе Web-сайта и значительно упрощают создание и редактирование Web-сайта без каких-либо знаний принципов работы со стороны разработчика [12].

Narod.Ru- объективно по функциональности уступает Ucoz, но является более простым для освоения. С его помощью можно создавать Web-сайты, содержащие множество страниц без необходимости правки html-кода.

Для более продвинутых пользователей данного хостинга есть возможность создания собственного Web-сайта на основе знаний HTML, CSS и JavaScript. Php и MySQL данный хостинг не поддерживает, что является значительным минусом [10].

1.3.2 Написание кода Web-сайта вручную

Этот способ самый трудный и требует большого опыта в программировании. Требует глубоких знаний HTML, CSS, JavaScript, PHP, Java и других языков программирования.

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

Одна из актуальных тенденций программирования для сети Internet -- создание web-приложений с богатым пользовательским интерфесом (RIA -- Rich Internet Application). Такие приложения позволяют сделать взаимодействие с пользователями более эффективным, динамичным и полезным. jQuery -- одна из лучших библиотек предназначенных для разработки RIA-приложений. Поддержка всеми современными браузерами, небольшой размер, удобство и простота использования, автоматизация повседневных задач web-программиста, набор встроенных спецэффектов и элементов управления -- все это отличительные особенности jQuery.

jQuery -- это библиотека JavaScript, включающая множество готовых к использованию полезных инструментов, - иначе говоря, эта библиотека представляет собой написанный код JavaScript, готовый для размещения. Возможно, одно из самых выжных преимуществ библиотеки jQuery заключается в превосходной поддержке приложений, использующих технологию AJAX, которая позволяет позволяет обращаться к Web-серверу из браузера, не приводя к перезагрузке страницы, то есть когда на открытой странице в Web-браузере происходит загрузка данных с использованием технологии AJAX, мерцания и моргания экрана полностью отсутствуют; вы просто загружаете данные, которые в дальнейшем можно отобразить на веб-странице, используя возможности технологии Dynamic HTML(динамический HTML). Без забот и без хлопот мы получаем приложение, которое больше напоминает настольное, нежели на Web--приложение.

Технология AJAX позволяет пользователю выполнять определенные действия на экране - можно обновить данные в одной области страницы, не оказывая никакого влияния на остальное содержимое страницы [7].

1.3.3 HTML- редакторы

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

Из множества визуальных HTML-редакторов наиболее используемые:

Microsoft Front Page - достаточно удобный визуальный HTML-редактор, освоить его за пару часов не представляет труда. Front Page имеет интуитивно понятное меню, схожее с меню других программ Microsoft Office. Инструменты HTML- редактора позволяют создавать сайты любой сложности и размещать их в сети. В 2007 году на смену Front Page пришел Microsoft Office SharePoint Designer. В 2009-м продукт стал абсолютно бесплатным, чем завоевал любовь большего числа разработчиков Web-сайтов.

Adobe Dreamweaver - мощный HTML-редактор, позволяет быстро и эффективно создавать Web-сайт, при разработке поддерживает поддерживающая все современные стандарты сети Internet (Flash, ASP.NET и PHP и ColdFusion MX), для более легкого освоения Adobe Dreamweaver содержит в своем составе развитую систему подсказки и интерактивных уроков, шаблоны и примеры Web-страниц. Без преувеличения Dreamweaver на сегодняшний день -- самый лучший визуальный редактор HTML для создания Web-сайтов любого рода. Единственным препятствием для Web-разработчика является дорогая стоимость продукта, что нельзя не брать в расчет [5].

1.3.4 Использование систем управления контентом(CMS)

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

В отличие от предыдущих способов создания Web-сайта, использование CMS позволяет создавать много разных модулей, например: блог, чат, магазин, форум и многое другое. То есть не нужно искать скрипты, вписывать их в рисованный Web-сайт. Все модули доступны изначально. Вторая важная особенность -- влияние моды на дизайн Web-сайта. Использование CMS дает доступ к самым современным схемам построения и шаблонам. К тому же системы управления контентом значительно упрощают и ускоряют работу Web-дизайнера [2].

1.4 Система управления контентом «Joomla»

Большинство мнений авторитетных разработчиков Web-сайтов сходится на том, что для простых и средней сложности проектов наиболее подходящим является использование CMS «Joomla». Используя CMS «Joomla», можно создать и сайт- визитку, и отраслевой портал, и Internet-магазин.

В настоящее время для данной системы разработано огромное количество модулей, плагинов и компонентов, что делает «Joomla» самой функциональной CMS [4].

Преимущества CMS «Joomla», как инструмента для создания и раскрутки Web-сайтов:

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

популярность CMS «Joomla» заставила многих хостинг-провайдеров предоставлять возможность использования данной системы по умолчанию. Заказчику не нужно искать подходящий релиз CMS «Joomla» и устанавливать его на свой сайт самостоятельно - для этого достаточно отметить соответствующий пункт при заключении договора о предоставлении хостинг-услуг;

CMS «Joomla» имеет простой и понятный интерфейс. Благодаря этому наполнение и сопровождение Web-сайтов может осуществлять далекий от программирования специалист, например, штатный менеджер или секретарь;

получить дополнительные модули для CMS «Joomla» можно абсолютно бесплатно;

раскрутка Web-сайта, сделанного на основе CMS «Joomla», доступна даже новичку, так как данная система управления контентом имеет встроенный функционал, направленный на эффективное продвижение Web-сайтов. Подключение дополнительных специализированных модулей позволяет за считанные минуты оптимизировать Web-сайт и отслеживать позиции в поисковых системах [9].

Таким образом, использование CMS «Joomla» более удобно. У этой CMS много плюсов и не составит большого труда выполнить наш проект, то есть Web-сайт для детского сада №96.

Для того чтобы работать над созданием Web-сайта в CMS «Joomla»на своем компьютере необходима программная оболочка Denver.

1.5 Программная оболочка Denver

Denver - это специально разработанная программа для создания на ПК локального сервера, который в свою очередь позволяет создавать Web-сайты без необходимости выхода в Internet. Данная программа требуется при разработке динамических Web-сайтов (использующих в своей работе php или perl), т.е. скрипты. Тестирование обычных html и css сайтов обходится без локального сервера.

Базовый пакет Denver включает в себя:

Инсталлятор (поддерживается также инсталляция на flash-накопитель).

Apache, SSL, SSI, mod_rewrite, mod_php.

PHP5 с поддержкой GD, MySQL, sqLite.

MySQL5 с поддержкой транзакций.

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

Система управления запуском и завершением всех компонентов Denver.

phpMyAdmin -- система управления MySQL через Web-интерфейс.

Эмулятор sendmail и SMTP-сервера (отладочная «заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате .eml); поддерживается работа совместно с PHP, Perl, Parser и т.д [10].

Глава 2. Проектирование и разработка Web-сайта БДОУ «Центра развития ребёнка - детский сад №96»

2.1 Установка программной оболочки Denver и системы управления контентом «Joomla»

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

На этапе установки программной оболочки Denver стандартно был создан локальный диск Z (рис. 1):

Рисунок 1-«Cоздание диска Z»

Для того что работать над Web-сайтом нужно просто запустить Denver.

Заходя в браузер, начинаем работу в CMS «Joomla». Перед входом необходимо ввести логин\пароль (рис.2):

Рисунок 2 - «Вход в систему»

Затем перед нами меню:

Рисунок 3 - «Панель инструментов Joomla!»

Далее мы приступили к разработке технического задания.

2.2 Составление технического задания и схемы главной страницы

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

Контентная область страницы делится на разделы:

О нас:

1.История нашего детского сада

2. Наши группы

-группа №1

-группа №2

-группа №3

-группа №4

-группа №5

-группа №6

-группа №7

-группа №8

-группа №9

-группа №10

-группа №11

-группа №12

3. Наша коллектив

4. Образовательные программы

5. Документация

Родителям:

1. Условия приёма в детский сад

2. Об оплате и льготах

3. Дополнительные услуги

4. Модель образовательного процесса

Новости:

1.События

2. Фотографии, видеоотчеты.

Исходя из технического задания и анализа ключевой аудитории Web-сайта, а так же просмотра подобных Web-сайтов был создан шаблон главной страницы (рис.4):

Рисунок 4 - «Шаблон главной страницы»

2.3 Разработка дизайна и системы навигации Web-сайта

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

Шаблон был выбран такой (рис.5):

Рисунок 5 - «Шаблон Joomla»

Цветовая гамма, гармоничная и подходит для Web- сайта детского сада.

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

Рисунок 6 - «Панель навигации»

Для создания шапки используем обыкновенный редактор «paint».

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

2.4 Разработка шаблона главной страницы

Используя данные из технического задания, а также шаблон Web-сайта, была создана главная страница (рис.7):

Рисунок 7 - «Главная страница»

В менеджере меню создаем нужное нам количество меню (рис.8). В нашем случае это « о нас» и «родителям»

Рисунок 8 - «Менеджер меню»

А далее создаем ссылки. Для этого используем менеджер материалов, в котором мы и привязываем определенную ссылку к нужному меню (рис.9):

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

Ссылки готовы, теперь заполняем их контентом.

Для того чтобы добавить информацию используем менеджер материалов (рис.10):

Рисунок 10 - «Добавление материала»

На нашем Web-сайте имеется разворачивающееся меню (наши группы - группа№ 1 и т.д.). Стоит пояснить, как это было выполнено.

2.5 Разработка услуги регистрации пользователей

Особого труда это не составило. Для этого использовали менеджер меню (рис.11).

При создании ссылки в графе родительский элемент, выбирали нужный пункт. В нашем случае «Наши группы»

Рисунок 11 - «Разворачивающееся меню»

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

Рисунок 12 - «Регистрация пользователей»

2.6 Окончание создания Web-сайта и запуск его в Internet

Доменное имя мы зарегистрировали как www. ds96.ru на бесплатном хостинге http://cpanel.hostinger.ru.

Нам известно два способа запустить сайт в Internet:

1) разместить Web-сайт непосредственно через панель управления hostinger.ru

2) через total commander на своем ПК.

В итоге, наш Web-сайт выглядит так (рис.13):

Рисунок 13 - «Готовый проект»

Заключение

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

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

В ходе выполнения курсовой работы нами было изучено проектирование Web-сайтов при помощи CMS «Joomla», а также был создан Web-сайт для БДОУ «Центр развития ребёнка - детский сад №96» г. Омска.

Web-сайт был написан в сроки и отвечает всем требованиям сотрудников детского сада. При выполнении работы были решены такие задачи:

проведён общий анализ проектирования и создания Web сайтов;

создано техническое задание на разработку сайта;

определена структурная модель сайта;

разработан Web-сайт на основе CMS «Joomla»;

При разработке Web-сайта были проанализированы современные

Web-технологии, позволяющие создавать интерактивные Web-страницы. Наиболее подходящими для выполнения поставленной задачи оказалась CMS Joomla 1.5.

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

Список литературы

Алексеев А.П., Введение в Web-дизайн: учебное пособие. - М.: СОЛОН-ПРЕСС.- 2008.

Бэрри Норт, Joomla! Практическое руководство.- 2008.

Давыдова Е. В., Компьютерное творчество. Начало web- дизайна: элективный курс.- 2011.

Кирсанов Д., Веб-дизайн.- М.: Символ-Плюс.- 2006.

Колисниченко Д., Движок для вашего сайта. CMS Joomla! Slaed, PHP-Nuke .- СПб.: БХВ-Петербург.- 2010.

Кроудер Д., Создание web-сайта для чайников: 3-е издание. - М.: Диалектика.- 2009 [Электронный ресурс] URL: http://www.kodges.ru/54066-sozdanie-web-sajta-dlya-chajnikov..html

Печников В.Н. Создание Web-сайтов без посторонней помощи. - М.: Триумф, 2006,-463с.

Спейнаур С., Справочник WEB-мастера. - Киев.: BHV.- 1997.

Филинова О. Е., Информационные технологии в рекламе: учебное пособие .- М.: Кудиц-образ.- 2006.

Статья «Возможности проекта Denver» URL:http://www.denwer.ru/about.html

Свободная энциклопедия «Википедия»

URL: http://ru.wikipedia.org

Статья «Возможности Ucoz»

URL: http://www.xiper.net/manuals/terms/

Приложение 1

ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку Web-сайта «БДОУ г.Омска «Центр развития ребёнка - детский сад №96»»

1. ЭТАПЫ И СРОКИ СОЗДАНИЯ WEB-САЙТА:

Общий срок работ по созданию сайта составляет 2 календарных недель:

2 календарные недели - дизайн оригинал-макета, верстка статического шаблона первой и внутренней страниц сайта

2 календарные недели - программирование, подключение администраторского модуля

1 календарная неделя - верстка контента (делает Заказчик).

Перечень этапов разработки Web-сайта:

Разработка концепции сайта, информационное проектирование, оформление Технического задания;

Разработка эскиза базового дизайна;

Создание работающего шаблона сайта, включая полную разработку «визуала», ссылки, интерактивные элементы;

Программирование и подключение администраторского модуля, сайт реализуется на системе управления контентом "Joomla" и является полностью интерактивным и управляемым на стороне Заказчика без привлечения разработчиков к поддержке сайта;

Публикация сайта на сервере, тестирование, прописка в поисковых системах и каталогах Yandex, Rambler, Google.

2. ТЕХНОЛОГИЧЕСКИЕ ТРЕБОВАНИЯ:

2.1. Сайт разрабатывается под базовое разрешение экрана 1024x768 пкс,

2.2. Корректное отображение браузерами Internet Explorer, Opera, Mozilla, Google Chrome.

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

2.4. Обязательная визуальная поддержка действий пользователя - т.н. «интерактив» (визуальное отображение активных ссылок). По ссылке с каждой страницы загружается почтовая программа (бланк письма для обратной связи).

3. СТРУКТУРА И ОПИСАНИЕ САЙТА:

Графическая шапка

- название «БДУ г.Омска «Центр развития ребёнка - детский сад №96»»

- фото фасада

- тел, адрес, электронная почта.

Контентная область страницы делится на разделы:

О нас:

1.История нашего детского сада

2. Наши группы

3. Наша команда

4. Образовательные программы

5. Документация

Родителям:

1. Условия приёма в детский сад

2. Об оплате и льготах

3. Дополнительные услуги

4.Модель образовательного процесса

Новости:

1.События

2. Фотографии, видеоотчеты.

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


Подобные документы

  • Разработка и практическое внедрение контента "Joomla!", порядок установки и настройки системы управления им. Выбор дизайна, цветовой гаммы и анимации сайта, методика его добавления. Создание информационной структуры в системе управления контентом.

    дипломная работа [3,4 M], добавлен 22.06.2009

  • Компьютерные обучающие системы. Основные принципы новых информационных технологий обучения. Развитие глобальной сети Интернет, понятие web-сайта. Процессор гипертекста, СУБД MySQL. Система управления контентом "Joomla". Установка локального сервера.

    дипломная работа [4,4 M], добавлен 19.04.2011

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

    дипломная работа [2,6 M], добавлен 21.06.2015

  • Создание обучающей презентации о создании сайта в программе для конструирования сайтов "Joomla". Установка локального сервера "Denwer" и программы "Joomla". Создание меню, загрузка изображений. Смена шаблона, работа с текстом в программе MS PowerPoint.

    дипломная работа [3,8 M], добавлен 04.03.2013

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

    дипломная работа [5,2 M], добавлен 01.10.2011

  • Анализ предметной области и функций сайта. Разработка структуры базы данных, структуры и дизайна web-сайта. Описание установки CMS "Joomla!" и программной оболочки Denwer, создание гостевой книги, галереи и карты Google, результаты их тестирования.

    дипломная работа [2,3 M], добавлен 19.01.2017

  • Методы создания сайта; выбор и сравнение программных платформ. Разработка структуры и дизайна сайта. Установка Joomla!, настройка расширений и выбор хостинга. Аппаратно-программные способы и средства обеспечения информационной безопасности веб-сайта.

    дипломная работа [3,6 M], добавлен 08.04.2014

  • Выбор программного средства. Алгоритм разработки сайта. Установка системы управления контентом Joomla. Установка компонентов и плагинов. Тестирование программного продукта. Аппаратное и программное обеспечение. Техника безопасности на рабочем месте.

    курсовая работа [4,5 M], добавлен 13.10.2012

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

    учебное пособие [2,1 M], добавлен 30.04.2009

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

    дипломная работа [1,5 M], добавлен 24.01.2016

Работы в архивах красиво оформлены согласно требованиям ВУЗов и содержат рисунки, диаграммы, формулы и т.д.
PPT, PPTX и PDF-файлы представлены только в архивах.
Рекомендуем скачать работу.