Создание Web-сайта БДОУ 'Центра развития ребёнка - детский сад 96' средствами CMS Joomla 1.5
МИНОБРНАУКИ
РОССИИ
Федеральное
государственное бюджетное
образовательное
учреждение высшего профессионального образования
«Омский
государственный педагогический университет»
(ФБОУ
ВПО «ОмГПУ»)
Факультет
Информатики
Кафедра:
информатики и ВТ
Создание
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 Понятие Web-сайта и обоснование его
необходимости
На сегодняшний день практически каждая
организация имеет собственный Web-сайт. В условиях использования современных
информационных технологий - это необходимый фактор существования, что позволяет
расширить поле рекламной деятельности и привлечь тем самым дополнительных клиентов.
Процесс создания и разработки Web-сайтов
включает в себя:
. Утверждение первичного технического задания на
разработку Web-сайта.
. Определение структурной схемы Web-сайта -
расположение разделов, контента и навигации.
. Web-дизайн - создание графических элементов
макета Web-сайта, стилей и элементов навигации.
. Разработку программного кода, модулей, базы
данных и других элементов Web-сайта необходимых в проекте.
. Тестирование и размещение Web-сайта в сети
Internet [1].
Информация, доступная пользователям Internet,
располагается на компьютерах (Web-серверах), на которых установлено специальное
программное обеспечение. Значительная часть этой информации организована в виде
Web-сайтов. Каждый из них имеет свое имя (адрес) в сети Internet. сайт - это информация,
представленная в определенном виде, которая располагается на Web-сервере и
имеет свое имя (адрес). Для просмотра Web-сайтов на компьютере пользователя
используются специальные программы, называемые браузерами. В зависимости от
того, какое имя (адрес) Web-сайта мы зададим в строке "Адрес",
браузер загружает в свое окно соответствующую информацию [5].
Каждая страница Web-сайта также имеет свой
Internet адрес, который состоит из адреса Web-сайта и имени файла,
соответствующего данной странице. Таким образом, Web-сайт - это информационный
ресурс, состоящий из связанных между собой гипертекстовых документов
(web-страниц), размещенный на Web-сервере и имеющий индивидуальный адрес.
Посмотреть Web-сайт может любой человек, имеющий компьютер, подключенный к
Internet [6].
.2 Классификация Web-сайтов
На данный момент существует огромное количество
классификаций Web-сайтов. Далее мы приведём классификацию Web-сайтов по
нескольким критериям [11].
По доступности сервисов
Открытые - все сервисы полностью доступны для
любых посетителей и пользователей.
Полуоткрытые - для доступа необходимо
зарегистрироваться (обычно бесплатно).
Закрытые - полностью закрытые служебные
Web-сайты организаций (в том числе корпоративные Web-сайты), личные Web-сайты
частных лиц. Такие Web-сайты доступны для узкого круга пользователей. Доступ
новым пользователям обычно даётся через т. н. инвайты (приглашения).
По физическому расположению
Общедоступные Web-сайты сети Internet.
Локальные Web-сайты - доступны только в пределах
локальной сети. Это могут быть как корпоративные Web-сайты организаций, так и
Web-сайты частных лиц в локальной сети провайдера.
По схеме представления информации, её объёму и
категории решаемых задач можно выделить следующие типы Web-ресурсовпортал -
многокомпонентная разветвлённая структура, скомпонованная из функционально
самодостаточных Web-сайтов самостоятельных организаций или подразделений
корпоративной структуры.
Информационные ресурсы:
Тематический портал - это очень большой
Web-ресурс, который предоставляет исчерпывающую информацию по определённой
тематике. Порталы похожи на тематические Web-сайты, но дополнительно содержат
средства взаимодействия с пользователями и позволяют пользователям общаться в
рамках портала (форумы, чаты) - это среда существования
пользователя.представительства владельцев бизнеса (торговля и услуги, не всегда
связанные напрямую с сетью Internet):
Сайт-визитка - содержит самые общие данные о
владельце Web-сайта (организация или индивидуальный предприниматель). Вид
деятельности, история, прайс-лист, контактные данные, реквизиты, схема проезда.
Специалисты размещают своё резюме. То есть подробная визитная карточка.
Представительский Web-сайт - так иногда называют
сайт-визитку с расширенной функциональностью: подробное описание услуг,
портфолио, отзывы, форма обратной связи и т. д.
Корпоративный Web-сайт - содержит полную
информацию о компании-владельце, услугах/продукции, событиях в жизни компании.
Отличается от сайта-визитки и представительского Web-сайта полнотой
представленной информации, зачастую содержит различные функциональные
инструменты для работы с контентом (поиск и фильтры, календари событий,
фотогалереи, корпоративные блоги, форумы). Может быть интегрирован с
внутренними информационными системами компании-владельца (КИС, CRM,
бухгалтерскими системами). Может содержать закрытые разделы для тех или иных
групп пользователей - сотрудников, дилеров, контрагентов и пр.
Каталог продукции - в каталоге присутствует
подробное описание товаров/услуг, сертификаты, технические и потребительские
данные, отзывы экспертов и т. д. На таких Web-сайтах размещается информация о
товарах/услугах, которую невозможно поместить в прайс-лист.магазин - Web-сайт с
каталогом продукции, с помощью которого клиент может заказать нужные ему
товары. Используются различные системы расчётов: от пересылки товаров
наложенным платежом или автоматической пересылки счета по факсу до расчётов с
помощью пластиковых карт.
Промо-сайт - Web-сайт о конкретной торговой
марке или продукте, на таких сайтах размещается исчерпывающая информация о
бренде, различных рекламных акциях (конкурсы, викторины, игры и т. п.).
Сайт-квест - Internet-ресурс, на котором
организовано соревнование по разгадыванию последовательности взаимосвязанных
логических загадок.сервис - Web-сайт, созданный для выполнения каких либо задач
либо предоставления услуг в рамках сети WWW:
Доска объявлений представляет собой ресурс, на
котором есть возможность размещения публичного объявления о продаже или покупке
товаров и услуг, также возможно оставить какую-либо информацию краткого
содержания.
Каталог Web-сайтов - это ресурс, на котором
размещаются Web-сайты и блоги, например, Open Directory Project. Каталоги
бывают платные и бесплатные. Также каталоги могут способствовать продвижению
ресурса, который размещается в каталоге сайтов.
Поисковые сервисы - например, Yahoo!, Google.
Почтовый сервис.форумы.
Блоговый сервис.
Файлообменный пиринговый сервис - например,
Bittorrent.
Облачное хранилище данных - например, Skydrive.
Сервис редактирования данных - например, Google
Docs.
Фотохостинг - например, Picnik, ImageShack,
Panoramio, Photobucket.
Видеохостинг - например, YouTube, Dailymotion.
Социальные медиа.
Комбинированные Web-сервисы (Социальные сети) -
например, Facebook, Twitter.
Комбинированные Web-сервисы (Специализированные
социальные сети) - например, MySpace, Flickr.
.3 Проектирование и способы создания Web-cайта
Проектирование и разработка Web-сайтов включает:
Утверждение первичного технического задания
разработки сайта.
Определение структурной схемы Web-cайта-
расположение разделов, контента и навигации.дизайн - создание графических
элементов макета с Web-cайта, стилей и элементов навигации.
Разработка программного кода, модулей, базы
данных и других элементов Web-сайта необходимых в проекте.
Тестирование и размещение Web-сайта в сети
Internet [8].
Далее мы приведём несколько способов создания
Web-сайтов.
.3.1 Бесплатный хостинг с конструктором Web-сайтов
На данный момент в сети Internet существует
огромное количество бесплатных хостингов с конструкторами Web-сайтов. Самые
популярные из них:.Ru - это хостинг, который предлагает сотни различных
дизайнов, к сайту с возможностью привязать как собственный домен, так и
воспользоваться услугой регистрации доменов в разных зонах. Данный конструктор
сайтов позволяет править html-шаблоны, создавать не только полноценные сайты,
но и добавлять к ним различные модули, например, форумы.
Главным преимуществом UCOZ является большое
количество бесплатных шаблонов, которые доступны в конструкторе Web-сайта и
значительно упрощают создание и редактирование Web-сайта без каких-либо знаний
принципов работы со стороны разработчика [12]. .Ru- объективно по
функциональности уступает Ucoz, но является более простым для освоения. С его
помощью можно создавать Web-сайты, содержащие множество страниц без
необходимости правки html-кода.
Для более продвинутых пользователей данного
хостинга есть возможность создания собственного Web-сайта на основе знаний
HTML, CSS и JavaScript. Php и MySQL данный хостинг не поддерживает, что
является значительным минусом [10].
.3.2 Написание кода Web-сайта вручную
Этот способ самый трудный и требует большого
опыта в программировании. Требует глубоких знаний HTML, CSS, JavaScript, PHP,
Java и других языков программирования.
Написание кода вручную не ограничивает нашу
фантазию и мы можем реализовать на собственном Web-сайте практически все, что
угодно. Все что необходимо для работы - это текстовый редактор.
Одна из актуальных тенденций программирования
для сети Internet - создание web-приложений с богатым пользовательским
интерфесом (RIA - Rich Internet Application). Такие приложения позволяют
сделать взаимодействие с пользователями более эффективным, динамичным и
полезным. jQuery - одна из лучших библиотек предназначенных для разработки
RIA-приложений. Поддержка всеми современными браузерами, небольшой размер,
удобство и простота использования, автоматизация повседневных задач
web-программиста, набор встроенных спецэффектов и элементов управления - все
это отличительные особенности jQuery.- это библиотека JavaScript, включающая
множество готовых к использованию полезных инструментов, - иначе говоря, эта
библиотека представляет собой написанный код JavaScript, готовый для
размещения. Возможно, одно из самых выжных преимуществ библиотеки jQuery
заключается в превосходной поддержке приложений, использующих технологию AJAX,
которая позволяет позволяет обращаться к Web-серверу из браузера, не приводя к
перезагрузке страницы, то есть когда на открытой странице в Web-браузере
происходит загрузка данных с использованием технологии AJAX, мерцания и
моргания экрана полностью отсутствуют; вы просто загружаете данные, которые в
дальнейшем можно отобразить на веб-странице, используя возможности технологии
Dynamic HTML(динамический HTML). Без забот и без хлопот мы получаем приложение,
которое больше напоминает настольное, нежели на Web--приложение.
Технология AJAX позволяет пользователю выполнять
определенные действия на экране - можно обновить данные в одной области
страницы, не оказывая никакого влияния на остальное содержимое страницы [7].
.3.3 HTML- редакторы
Редакторы HTML позволяют достаточно быстро и
удобно создавать, редактировать и визуализировать HTML-документы.
Из множества визуальных HTML-редакторов наиболее
используемые:Front Page - достаточно удобный визуальный HTML-редактор, освоить
его за пару часов не представляет труда. Front Page имеет интуитивно понятное
меню, схожее с меню других программ Microsoft Office. Инструменты HTML-
редактора позволяют создавать сайты любой сложности и размещать их в сети. В
2007 году
на
смену
Front Page пришел Microsoft
Office SharePoint Designer. В 2009-м продукт стал абсолютно
бесплатным, чем завоевал любовь большего числа разработчиков
Web-сайтов.Dreamweaver - мощный HTML-редактор, позволяет быстро и эффективно
создавать Web-сайт, при разработке поддерживает поддерживающая все современные
стандарты сети Internet (Flash, ASP.NET и PHP и ColdFusion MX), для более
легкого освоения Adobe Dreamweaver содержит в своем составе развитую систему
подсказки и интерактивных уроков, шаблоны и примеры Web-страниц. Без
преувеличения Dreamweaver на сегодняшний день - самый лучший визуальный
редактор HTML для создания Web-сайтов любого рода. Единственным препятствием
для Web-разработчика является дорогая стоимость продукта, что нельзя не брать в
расчет [5].
.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» и
устанавливать его на свой сайт самостоятельно - для этого достаточно отметить
соответствующий пункт при заключении договора о предоставлении
хостинг-услуг;«Joomla» имеет простой и понятный интерфейс. Благодаря этому
наполнение и сопровождение Web-сайтов может осуществлять далекий от
программирования специалист, например, штатный менеджер или секретарь;
получить дополнительные модули для CMS «Joomla»
можно абсолютно бесплатно;
раскрутка Web-сайта, сделанного на основе CMS
«Joomla», доступна даже новичку, так как данная система управления контентом
имеет встроенный функционал, направленный на эффективное продвижение
Web-сайтов. Подключение дополнительных специализированных модулей позволяет за
считанные минуты оптимизировать Web-сайт и отслеживать позиции в поисковых
системах [9].
Таким образом, использование CMS «Joomla» более
удобно. У этой CMS много плюсов и не составит большого труда выполнить наш
проект, то есть Web-сайт для детского сада №96.
Для того чтобы работать над созданием Web-сайта
в CMS «Joomla»на своем компьютере необходима программная оболочка Denver.
.5 Программная оболочка Denver
- это специально разработанная программа для
создания на ПК локального сервера, который в свою очередь позволяет создавать
Web-сайты без необходимости выхода в Internet. Данная программа требуется при
разработке динамических Web-сайтов (использующих в своей работе php или perl),
т.е. скрипты. Тестирование обычных html и css сайтов обходится без локального
сервера.
Базовый пакет Denver включает в себя:
Инсталлятор (поддерживается также инсталляция на
flash-накопитель).
Apache, SSL, SSI, mod_rewrite,
mod_php.
PHP5 с поддержкой GD, MySQL, sqLite.с поддержкой
транзакций.
Система управления виртуальными хостами,
основанная на шаблонах. Чтобы создать новый хост, вам нужно лишь добавить
директорию в каталог /home, править конфигурационные файлы не требуется. По
умолчанию уже поддерживаются схемы именования директорий многих популярных
хостеров; новые можно без труда добавить.
Система управления запуском и завершением всех
компонентов Denver.- система управления MySQL через Web-интерфейс.
Эмулятор sendmail и SMTP-сервера (отладочная
«заглушка» на localhost:25, складывающая приходящие письма в /tmp в формате
.eml); поддерживается работа совместно с PHP, Perl, Parser и т.д [10].
Глава 2. Проектирование и разработка Web-сайта
БДОУ «Центра развития ребёнка - детский сад №96»
.1 Установка программной оболочки Denver и
системы управления контентом «Joomla»
После изучения теоретического материала, мы
перешли непосредственно к созданию Web-сайта. В первую очередь мы установили
программную оболочку Denver.
На этапе установки программной оболочки Denver
стандартно был создан локальный диск Z (рис. 1):
Рисунок 1-«Cоздание диска Z»
Для того что работать над Web-сайтом нужно
просто запустить Denver.
Заходя в браузер, начинаем работу в CMS
«Joomla». Перед входом необходимо ввести логин\пароль (рис.2):
Затем перед нами меню:
Рисунок 3 - «Панель инструментов Joomla!»
Далее мы приступили к разработке технического
задания.
.2 Составление технического задания и схемы
главной страницы
Важной частью работы над Web-сайтом является
составление технического задания. Оно делает нашу работу проще и качественней.
В нем мы определяем сроки создания Web-сайта, его отладка, его тематика, а
также его заполнение.
Контентная область страницы делится на разделы:
О нас:
.История нашего детского сада
. Наши группы
группа №1
группа №2
группа №3
группа №4
группа №5
группа №6
группа №7
группа №8
группа №9
группа №10
группа №11
группа №12
. Наша коллектив
. Образовательные программы
. Документация
Родителям:
. Условия приёма в детский сад
. Об оплате и льготах
. Дополнительные услуги
. Модель образовательного процесса
Новости:
.События
. Фотографии, видеоотчеты.
Исходя из технического задания и анализа
ключевой аудитории Web-сайта, а так же просмотра подобных Web-сайтов был создан
шаблон главной страницы (рис.4):
Рисунок 4 - «Шаблон главной страницы»
.3 Разработка дизайна и системы навигации
Web-сайта
Разработка Web-сайтов становится популярным
занятием и в связи с этим существует множество способов создания Web-сайтов,
множество CMS, а также наличие плагинов и шаблонов к этим CMS. На лекции по
дисциплине «мировые информационные ресурсы» было рассказано про цветовые гаммы
Web-сайтов, про правильное сочетание цветов, а также о их количестве. Поэтому,
существенно проще было определиться с шаблоном. Также, тематика Web-сайта, в
данном случае, это детский сад, подразумевает что-то веселое и доброе.
Шаблон был выбран такой (рис.5):
Рисунок 5 - «Шаблон Joomla»
Цветовая гамма, гармоничная и подходит для Web-
сайта детского сада.
Нам показалось недостаточным количество цветов
на шаблоне, а так же необходимо написать название сайта и адрес детского сада
(рис.6):
Рисунок 6 - «Панель навигации»
Для создания шапки используем обыкновенный
редактор «paint».
После создания системы навигации переходим к
созданию главной страницы, для этого используем данные из технического задания.
.4 Разработка шаблона главной страницы
Используя данные из технического задания, а
также шаблон Web-сайта, была создана главная страница (рис.7):
Рисунок 7 - «Главная страница»
В менеджере меню создаем нужное нам количество
меню (рис.8). В нашем случае это « о нас» и «родителям»
Рисунок 8 - «Менеджер меню»
А далее создаем ссылки. Для этого используем
менеджер материалов, в котором мы и привязываем определенную ссылку к нужному
меню (рис.9):
Рисунок 9 - «Менеджер материалов»
Ссылки готовы, теперь заполняем их контентом.
Для того чтобы добавить информацию используем
менеджер материалов (рис.10):
Рисунок 10 - «Добавление материала»
На нашем Web-сайте имеется разворачивающееся
меню (наши группы - группа№ 1 и т.д.). Стоит пояснить, как это было выполнено.
.5 Разработка услуги регистрации пользователей
Особого труда это не составило. Для этого
использовали менеджер меню (рис.11).
При создании ссылки в графе родительский
элемент, выбирали нужный пункт. В нашем случае «Наши группы»
Рисунок 11 - «Разворачивающееся меню»
Для того чтобы Web-сайт работал без лишних
проблем, нужна процедура аутентификации (рис.12). Для этого понадобился модуль
регистрации.
Рисунок 12 - «Регистрация пользователей»
Доменное имя мы зарегистрировали как
www. ds96.ru на бесплатном хостинге <#"588246.files/image013.gif">
Рисунок 13 - «Готовый проект»
Заключение
Сеть Internet является сегодня одним
из основных средств работы большинство организаций. Неотъемлемой частью он стал
для повседневной жизни: новости, общение, развлечение - все возможно благодаря
всемирной сети.
Основным элементом на сегодняшний
день является Web-сайт. Он удобен для пользования любыми его посетителями.
Web-сайтов существует огромное количество различной тематики. Различаются они
по целям, задачам, тематике, целевой аудитории, структуре и т.п. Для одних
важна информация, для других развлечение, общении, покупки и т.п. Все это
влияет на структурные элементы Web-сайта.
В ходе выполнения курсовой работы
нами было изучено проектирование Web-сайтов при помощи CMS «Joomla», а также
был создан Web-сайт для БДОУ «Центр развития ребёнка - детский сад №96» г.
Омска.сайт был написан в сроки и отвечает всем требованиям сотрудников детского
сада. При выполнении работы были решены такие задачи:
проведён общий анализ проектирования
и создания Web сайтов;
создано техническое задание на разработку
сайта;
определена структурная модель сайта;
разработан Web-сайт на основе CMS
«Joomla»;
При разработке 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>
Свободная
энциклопедия «Википедия» : <http://ru.wikipedia.org>
Статья
«Возможности Ucoz»: <http://www.xiper.net/manuals/terms/>
Приложение 1
ТЕХНИЧЕСКОЕ ЗАДАНИЕ на разработку Web-сайта
«БДОУ г.Омска «Центр развития ребёнка - детский сад №96»»
. ЭТАПЫ И СРОКИ СОЗДАНИЯ WEB-САЙТА:
Общий срок работ по созданию сайта составляет 2
календарных недель:
календарные недели - дизайн оригинал-макета,
верстка статического шаблона первой и внутренней страниц сайта
календарные недели - программирование,
подключение администраторского модуля
календарная неделя - верстка контента (делает
Заказчик).
Перечень этапов разработки Web-сайта:
Разработка концепции сайта, информационное
проектирование, оформление Технического задания;
Разработка эскиза базового дизайна;
Создание работающего шаблона сайта, включая
полную разработку «визуала», ссылки, интерактивные элементы;
Программирование и подключение
администраторского модуля, сайт реализуется на системе управления контентом
"Joomla" и является полностью интерактивным и управляемым на стороне
Заказчика без привлечения разработчиков к поддержке сайта;
Публикация сайта на сервере, тестирование,
прописка в поисковых системах и каталогах Yandex, Rambler, Google.
. ТЕХНОЛОГИЧЕСКИЕ ТРЕБОВАНИЯ:
.1. Сайт разрабатывается под базовое разрешение
экрана 1024x768 пкс,
2.2. Корректное
отображение
браузерами
Internet Explorer, Opera, Mozilla, Google Chrome.
2.3. Использование пожеланий заказчика, а так же
эмблемы (фотография фасада здания) .
.4. Обязательная визуальная поддержка действий
пользователя - т.н. «интерактив» (визуальное отображение активных ссылок). По
ссылке с каждой страницы загружается почтовая программа (бланк письма для
обратной связи).
. СТРУКТУРА И ОПИСАНИЕ САЙТА:
Графическая шапка
название «БДУ г.Омска «Центр развития ребёнка -
детский сад №96»»
фото фасада
тел, адрес, электронная почта.
Контентная область страницы делится на разделы:
О нас:
.История нашего детского сада
. Наши группы
. Наша команда
. Образовательные программы
. Документация
Родителям:
. Условия приёма в детский сад
. Об оплате и льготах
. Дополнительные услуги
.Модель образовательного процесса
Новости:
.События
. Фотографии, видеоотчеты.
1.