1234

Создание сайта для инженерно-строительного предприятия Форт

Курсовая

Информатика, кибернетика и программирование

Обьект исследования: сайт для инженерно-строительного предприятия Форт. Цель работы: приобретение практических навыков и реализации по построению и созданию интернет сайтов.

Русский

2013-01-06

987.5 KB

74 чел.

   МИНИСТЕРСТВО ОБРАЗОВАНИЯ  и  науки  УКРАИНЫ

Запорожский институт экономики и информационных технологий

Кафедра компьютерных систем

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

По дисциплине «Программное обеспечение компьютерных систем»

ТЕМА: Создание сайта для инженерно-строительного предприятия “Форт”

Выполнил:     студент

группы  КСиС-917             __________________               Божко В. В.

       

Проверил:  

преподаватель                     __________________              Скориченко О. С.                

Запорожье

2011

                                                 РЕФЕРАТ

Курсовая работа:  48 страниц, 10 рисунков, 1 приложение, 8 источников литературы.

Обьект исследования: сайт для инженерно-строительного предприятия “Форт”.

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

                                          СОДЕРЖАНИЕ

Реферат……………………………………………………………………………………………………….2

1.ТЕОРЕТИЧЕСКАЯ ЧАСТЬ……………………………………………………………………………4

   1.1 Введение в тему и цель…………………………………………………………………….4

   1.2 Актуальность данного проекта…………………………………………………………9

2.ИНСТРУМЕНТАРИЙ ДЛЯ ПОСТАВЛЕНОЙ ЗАДАЧИ,ТЕХНОЛОГИИ………….13

  2.1 Обзор существующих CMS……………………………………………………………….13

  2.2 Drupal………….……………………………………………………………………………………..15

  2.3Joomla………….……………………………………………………………………………………..20

  2.4WordPress….….…………………………………………………………………………………….22

  2.5Описание выбранной CMS………………………………………………………………….26

  2.6 Установка и настройка Denwer………………………………………………………….31

  2.7 Написание сайта………………………………………………………………………………..37

3.ОПИСАНИЕ ГОТОВОГО ПРОДУКТА………………………………………………………….44

 3.1 Руководство пользователя…………………………………………………………………44

ВЫВОДЫ……………………………………………………………………………………………………..46

СПИСОК ИСПОЛЬЗОВАНЫХ ИСТОЧНИКОВ………………………………………………..47

ПРИЛОЖЕНИЯ…………………………………………………………………………………………….48

1.ТЕОРИТИЧЕСКАЯ ЧАСТЬ

  1.  Введение в тему и цель

Инженерно-строительное предприятие "Форт" (ООО "ИСП "Форт") занимается проектированием, строительством и реконструкцией жилых и общественных зданий, гидротехнических сооружений и промышленных объектов собственными силами и как генподрядная организация. С 1992 года ООО "ИСП "Форт" был официально зарегистрирован как отдельное строительное предприятие. На протяжении многих лет предприятие занимается проектированием, строительством и реконструкцией объектов промышленного и гражданского назначения. ООО "ИСП "Форт" может строить абсолютно разноплановые объекты, воплощая в реальность мечты  заказчика. ООО "ИСП "Форт" выполняет строительство промышленных зданий и сооружений, включая и гидротехнические сооружения. К гражданским объектам построенными ООО "ИСП "Форт" можно с гордостью отнести как строительство многоквартирных жилых домов, так и строительство котеджей повышенной комфортности, административных зданий и банков, больниц и санаториев, кафе и ресторанов, автоцентров и АЗС. Особой гордостью нашего коллектива является строительство Свято-Покровского Кафедрального Собора по ул. Анголенко в г.Запорожье.

ООО "ИСП "Форт"имеет производственную базу, в состав которой входят:

-3 бетонно-растворных узла;

-цементно-приемный пункт с емкостями на 350 тонн;

-полигон по изготовлению и хранению сборных железобетонных конструкций;

-столярный цех;

-цех по изготовлению тротуарной плитки;

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

-арматурный цех; -парк подъемнотранспортных и строительных машин.

Созданная на предприятии структура позволяет воплотить в жизнь строительство практически любого объекта от проекта до ввода в эксплуaтацию.

Инженерно-строительное предприятие «Форт» (ООО «ИСП «Форт») занимается проектированием, строительством и реконструкцией жилых и общественных зданий, гидротехнических сооружений и промышленных объектов (лицензия АВ 195286 от 22.12.06) собственными силами и в качестве генподрядной организации.

Историческая справка:

Истоки создания предприятия ведут в май 1988 года. В этом году был создан молодежный жилищно-строительный кооператив Запорожского трансформаторного завода, который построил такие объекты, как:

- Жилой дом по ул. Таганская, 1;

- Санаторий-профилакторий ЗТЗ на о. Хортица;

- Школы № 89 на Верхней Хортице и № 104 на ул. Кремлевская;

- Принимал участие в строительстве детской больницы № 5 в Хортицком жилмассиве, родильных домов № 3 и № 6.

Само предприятие «Форт» было зарегистрировано 16 марта 1992 г. распоряжением Запорожского исполнительного комитета городского Совета № 288 и находится по ул. Дудыкина, 28.

За период деятельности в качестве генподрядчика предприятием осуществлено:

- строительство 14-ти этажного кирпичного жилого комплекса с гаражами по ул. Таганской № 16 (ввод в эксплуатацию в 1994 г.)

- строительство монолитного жилого дома по ул. Ладожской (1994-1996 гг.)

- строительство (специальные и отделочные работы) 9-ти этажного жилого дома по ул. Звенигородской (ввод в эксплуатацию в 1996 г.)

- строительство 14-ти этажного кирпичного жилого дома по ул. Маршала Судца (1994-1998 гг.);

- строительство 16-ти этажного кирпичного жилого дома по ул. Украинская (ввод в эксплуатацию в 2002 г.);

- строительство более 50 коттеджей и квартир в г. Запорожье и области;

- реконструкция офиса туристической фирмы «Байда» (1996 г.);

- реконструкция офиса телевизионной компании ТВ-5 (1996 г.);

- реконструкция админздания ОАО «Запорожский кабельный завод» (1997 г.);

- реконструкция магазина «Букинист» (1998 г.);

- строительство базы отдыха ОАО «Днепроспецсталь» в пгт. Кирилловка (1998 г);

- реконструкция представительства фирмы «Оболонь» (1999 г.);

- реконструкция кафе «Сэма» (1999 г.);

- строительство 2-й инфекционной больницы (ввод 1999 г.);

- возведение Свято-Покровского Кафедрального Собора (1999-2008 г.г.);

- строительство сервисного центра «Рено» по ул. Антенная – (1999 г.);

- реконструкция здания (7000 м2) областной налоговой администрации  (2000 г.);

- строительство кафе-корабль «Веселый Роджер» (2001 г.);

- строительство здания «Торговый дом» к-та «Запорожсталь» (ввод 2001 г.);

- реконструкция магазина «Интерком» (2001 г.);

- реконструкция госпиталя для ИОВ «Великий луг» (2002 г.);

- строительство здания Первого украинского международного банка (ввод 2003 г.);

- строительство супермаркета «Билла» (2001 г.);

- строительство 9-ти этажного кирпичного жилого дома по ул. Гагарина (2002 г.);

- реконструкция здания под размещение «Имэксбанк» (2003 г.);

- реконструкция универмага «Украина» (2003 г.);

- строительство АЗС по ул. Украинской – (2003 г.);

- строительство 14-ти этажного кирпичного жилого дома по ул. Малой (в качестве субподрядчика фирмы «Берксол», Болгария);

- проектирование и осуществление работ по реконструкции центральных очистных сооружений Левобережной части г. Запорожья (ЦОС-1) – (2002 –2005 гг.);

- проектирование и строительство торгового комплекса «КиТ» на проспекте «Юбилейный» (ввод 2003 г.);

- строительство очистных сооружений сточных вод с септиком и хлораторной областной инфекционной больницы (2004 г.);

- проектирование и строительство комплекса по продаже, обслуживанию и ремонту легковых и грузовых автомобилей (5000 м2 рабочих площадей) марок Мерседес, Крайслер, Мазда, Сузуки, Шкода - "ALFA AVTOMATIV GROUP" (начало строительства октябрь, 2003 г. – ввод в эксплуатацию июнь 2005 г.);

- строительство торгово-развлекательного комплекса на площади Свободы «ВИЛ-кино», начало – декабрь 2004 г.

- проектирование и реконструкция общежития под жилой 74-хквартирный дом по ул. Железнодорожной, начало – октябрь 2004 г. – ввод в эксплуатацию декабрь 2005г.;

- проектирование и реконструкция административного здания конструкторского бюро автозавода ЗАЗ – 2004 г.

- проектирование и строительство бизнес-комплекса по ул. Дудыкина;

- строительство блока электроплавки и шихтоподготовки. Главный корпус. Антресоль. ЗАО «Днепроспецсталь». Комплексная переработка отвальных шлаков окисленного периода (2004 г.)

- проектирование и реконструкция здания школы под филиал Киевского университета культуры – начало строительства апрель 2005 г. – ввод в эксплуатацию август, 2005г.;

- выполнение работ на строительстве 2-х супермаркетов «Амстор» (2006г.);

- выполнение работ по объекту «Очистные сооружения промышленных стоков ПБК «Славутич» - начало работ 31.10.05г. – сдача объекта январь, 2007г.;

- проектирование и строительство комплекса по продаже, обслуживанию и ремонту легковых и грузовых автомобилей "TOYOTA" (2007 г.)

- проектирование и реконструкция жилого дома по ул. Рижской;

- строительство торгового центра по ул. Сытова (2009-2010гг.);

и другие объекты.

Производственные мощности:

ИСП «Форт» имеет в своём распоряжении производственную базу площадью 3,4 га с сетью складских помещений с подъездными автомобильными и железнодорожными путями, а также:

- 3 бетонно-растворных завода производительностью 25, 30, 35 м3/час (импортного производства);

- цементно-приемный пункт с емкостями на 350 тонн;

- полигон по изготовлению сборных железобетонных изделий;

- деревообрабатывающий цех (импортного производства);

- цех по изготовлению тротуарной плитки (импортного производства);

- цех по изготовлению оконных и дверных блоков из металлопластика и алюминия (импортного производства);

- арматурный цех.

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

Кроме того, ООО «ИСП «Форт» имеет в собственности башенные краны, автобетононасос 80 м3/час (импортного производства), бетононасос 45 м3/час (импортного производства), штукатурные и малярные станции, электротрамбовку, трубчатые леса, механические леса h= 14 м, комплекты опалубки, средства малой механизации и др.

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

2.2 Актуальность данного проэкта

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

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

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

. На сегодняшний день Интернет самое поливалентное средство массовой информации.

Интернет - средство информации, которое охватывает все слои аудитории организации (клиентов, сотрудников, население, партнеров и поставщиков). Это преимущество необходимо использовать при создании сайта (WEB-представительства) строительной организации в сети Интернет.

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

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

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

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

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

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

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

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

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

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

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

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

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

2.ИНСТРУМЕНТАРИЙ ДЛЯ ПОСТАВЛЕНОЙ ЗАДАЧИ, ТЕХНОЛОГИИ

2.1 Обзор существующих CMS

Начнём с того, что такое CMS. CMS - от англ. "Content Management System" или "Система Управления Контентом". Интересно, что английское слово "контент" на русский уже обычно не переводится, хотя по смыслу это "содержимое", информационное наполнение сайта. Если расшифровать это понятие для обычного пользователя, то CMS - это некая программная оболочка, которая позволяет легко вводить и редактировать данные - текст, картинки и т. д., добавлять и удалять страницы, т. е., в общем, управлять сайтом в режиме онлайн, без знания html, языков программирования и прочих специальных навыков. На сегодняшний день существует великое множество системы управления контентом или CMS . Перед использованием, зная о содержании отзывов системы управления является обязательным. Читайте дальше, чтобы знать … Система управления контентом также называются CMS является основной системой управления документами для управления потоками работ. Это главным образом используется для управления совместной работы, что делает управление контентом являетсяCMS представляет собой также как бы комплекс наиболее распространённых скриптов - например, система комментариев, голосование, фотогалерея и т. д., которые, таким образом, не придётся искать и добавлять к сайту отдельно.

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

Каковы плюсы и минусы создания сайта при помощи CMS?

Плюсы:

1) Создание сайта при помощи CMS не требует никаких специальных знаний и навыков.

2) Сделать сайт на CMS можно быстро, что экономит время.

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

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

Минусы:

1) На то, чтобы разобраться с каждой конкретной CMS, освоить работу с ней, всё равно требуется какое-то время.

2) Быстро создав сайт с помощью CMS, вы получите сайт, хоть и не выглядящий убого, но похожий на множество других.

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

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

5) У многих распространённых CMS, увы, до сих пор не редкость проблемы с безопасностью, из-за чего ваш сайт могут взломать хакеры.

Если вы всё же решили создать сайт при помощи CMS, то какую из них выбрать? Здесь я постараюсь дать обзор наиболее популярных CMS.

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

Обратим внимание прежде всего на бесплатные CMS.

2.2 Drupal 

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

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

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

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

Навигация и поиск. Для удобства доступа к архивным материалам служат рубрикация контента и поиск с учётом видов контента, рубрик и содержимого. Документы сохраняют неизменные ссылки все время своей жизни (т.н. перманентные ссылки). Также с помощью коротких ссылок и псевдонимов сайт приобретает запоминающиеся имена разделов и отдельных страниц, не использующие специальных символов и поэтому хорошо индексируемые поисковыми системами. На сайте Drupal вы не увидите длинных неудобоваримых ссылок типа modules.php?op=modload&name=News&file=article&sid=166&mode=&order=0&thold=0 (пример с реального сайта), которыми по сию пору страдает немало CMS.

Подробнее о функционале

Таксономия (taxonomy) — оригинальная методика присущая Drupal для задания структуры сайта, способ отделить структуру от представления. С помощью таксономии можно определить произвольное число рубрик, в которых будут в дальнейшем помещаться материалы сайта. Эти рубрики могут быть представлены как плоские списки или иерархические структуры произвольной вложенности (как древовидные, когда элемент имеет только одного родителя в иерархии, так и произвольные, когда элемент может иметь сразу нескольких родителей). В результате получаем такую схему: документы (nodes) различных типов (node types) ассоциируются с рубриками (terms), рубрики в свою очередь разбиваются на принадлежность к словарям (vocabularies). Такая схема позволяет выстраивать на сайте несколько независимых структур, ассоциируя одни и те же документы (как бы листья на структурном "дереве" сайта) с различными структурами.

Пример: словарь "Форумы" задаёт дерево форумов/подфорумов произвольно вложенности и применяется только к документам типа "форумный топик", словарь "Новости" -- плоский список рубрик для новостных публикаций (документы типа "статья"), а словарь "Ключевые слова" ассоциируется с обоими типами и по выбранному ключевому слову можно найти как форумные топики так и новости. И т.д.

Темы оформления — содержимое сайта в Drupal отделено от дизайна, сейчас это уже традиционно для любой порядочной CMS. С помощью сменных тем можно очень значительно изменять дизайн не трогая при этом содержимое и структуру сайта. Drupal не привязан к какому-то одному "единственно верному" механизму реализации тем, разработчик сайта может выбирать наиболее удобные ему способы формирования дизайна сайта. Но Drupal предлагает ряд готовых решений в виде движков тем (theme engines), таких как например xtemplate (темы с шаблонами в XML) или phptemplate (темы с шаблонами на PHP). Однако значительных изменений дизайна можно порой добиться манипуляцией стилями.

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

Дневники (blogs) — популярное в интернете развлечение, известное как "блоги" доступно в Drupal "из коробки". Ведение дневников, возможность комментировать их другим пользователям, а также поддержка через XML-RPC внешних программ-клиентов для помещения заметок в дневники.

Подборка сайта (collaborative book) — идея в чем-то похожая на Wiki, когда каждый пользователь может вносить свои дополнения и исправления в текст. В реализации Drupal документы могут проходить через очередь модерации. Большинство документов сайта могут быть включены как страницы книги. Это можно использовать например для архивации обсуждений форумов, когда из наиболее интересных обсуждений можно составить книгу-архив. При этом включенные в книгу материалы по прежнему остаются доступными в своих разделах (т.е. форумное обсуждение будет видно на форуме, но также будет являться страницей книги сайта).

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

Новости в оффлайн (content syndication) — Drupal экспортирует большинство материалов в формате RDF/RSS, Atom и некоторых других, удобных для просмотра в оффлайн с помощью внешних программ, либо для автоматизированной публикации на других сайтах.

Сбор новостей — новости предоставляемые в RDF/RSS с других сайтов могут собираться Drupal и отображаться на сайте.

Разграничение прав доступа — основано на присвоении одной или нескольких ролей пользователям, непосредственно права доступа к различным функциям сайта закрепляются за ролями. Подключаемые модули сами определяют к каким из своих функций дать доступ определённым ролям. Понятная и логичная схема, входящая в стандартную поставку Drupal, достаточна для большинства задач. Для случаев, когда подобной схемы недостаточно, Drupal предоставляет более мощный механизм, основанный на присвоении прав (на просмотр, создание, изменение и удаление) каждому отдельному документу. Но интерфейс для управления этим механизмом в текущей версии CMS отсутствует, для его использования предлагаются дополнительные модули.

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

Интернационализация — Drupal предоставляет различные механизмы для интернационализации и локализации интерфейса (не содержимого) сайта. В том числе возможность правки переводов "на лету" через вебинтерфейс (для переводов хранящихся в БД). Также удачной особенностью архитектуры Drupal является повсеместное использование в нем Unicode — все тексты хранятся в UTF-8, в этой же кодировке отдаются новости и почтовые сообщения. Такая унификация позволяет публиковать на сайте материалы на различных языках не требуя переключения кодировок в браузере - на одной страничке мирно уживутся тексты на русском, немецком и китайском. Следует отметить, что для получения полной многоязычности (синхронное ведение содержимого сайта, а не только интерфейсных надписей на многих языках) встроенного решения нет (но предлагается доп. модуль i18n, либо для сайтов не требующих синхронизации разноязычного содержимого можно использовать возможности мультисайтинга Drupal).

Обзор возможностей на английском языке - drupal.org/features.

2.3 Joomla

Joomla - это инструмент для создания сайтов. Так же существуют другие инструменты, такие как DreamWeaver, FrontPage или любой текстовый редатор. Некоторые хостинг-провайдеры предоставляют свои инструменты для построения сайтов.

Joomla — система управления содержанием, написанная на языке PHP и использующая в качестве хранилища содержания базу данных MySQL. Joomla является свободным программным обеспечением, защищённым лицензией GPL.

Своим рождением Joomla обязана другой крупной и известной CMS Mambo. Команда независимых разработчиков отделилась от проекта Mambo по причине несогласия в экономической политике. И 16 сентября 2005 года в свет вышла первая версия Joomla!

В настоящее время существует 2 версии Joomla: 1.0 и 1.5. Первая из них по структуре мало отличается от своей прародительницы Mambo: она совместима со всеми компонентами, модулями и мамботами от нее. Таким образом одно из существенных преимуществ версии 1.0 является то, что выпущено огромное количество ее расширений, позволяющее даже при отсутствии серьезных знаний в программировании создавать довольно сложные, функциональные проекты. Joomla 1.5 – новое поколение. Она выглядит несколько опрятнее, панель администратора сделана облее удобной, есть и другие усовершенствования. Однако большинство компонентов написанных для 1.0 для нее не подходят. Поэтому выбор тут беднее. Еще из минусов можно отметить значительный размер версии 1.5, ее повышенные требования к хостингу (мощности виртуальных хостов не дают Joomla 1.5 работать с нормальной скоростью).

Поэтому выбор версии – за Вами. Лично я пока не спешу переходить на Joomla 1.5.

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

Компонент – основное средство расширения функционала Joomla. Как правило компонент после установки настраивается и управляется через панель администратора.

Модуль – модуль отвечает за вывод информации из компонентов в тех или иных участках шаблона.

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

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

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

Рассматривая безопасность системы можно сказать, что Joomla хорошо защищена. Однако это не касается многих компонентов сторонних разработчиком, многие из которых дырявые как решето.

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

Характеристики Joomla!:

-Полностью основанный на БД движок с использованием PHP/MySQL.

-Модуль безопасности для многоуровневой аутентификации пользователей/администраторов.

-Секции новостей, продукции или услуг легко редактируемы и управляемы.

-Разделы тем могут быть добавлены авторами.

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

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

-Форум/Опросы/Голосования для эффективной обратной связи.

-Работа под Linux, FreeBSD, MacOSX, Solaris, AIX, SCO, WinNT, Win2K.

2.4 WordPress

Ни для кого не секрет, что большинство современных сайтов создается при помощи CMS (систем управления контентов, content management system) или просто «движков». Что не удивительно, ведь CMS позволяют существенно сэкономить деньги и сократить время создания сайта. Движков существует великое множество, как платных, например Bitrix, так и бесплатных — Drupal, Joomla, WordPress.

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

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

Базовые возможности WordPress

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

Мощную блог-платформу с поддержкой меток, рубрик, комментариев, ЧПУ, RSS и поиска по сайту. С помощью панели управления можно включить поддержку Gravatar и древовидных комментариев, настроить число комментариев, отображаемых на одной странице и многое другое;

Возможность создавать статические страницы, например «о сайте», «обратная связь» и так далее;

Мощный WYSIWYG текстовый редактор;

В последних версиях WordPress появился онлайн-редактор фотографий, поддерживающий функции «обрезать», «отразить», «повернуть» и «масштабировать». Не Photoshop, конечно, но вещь порою очень полезная;

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

Также в комплекте с движком идут два стандартных шаблона оформления.

Как, шаблонов всего два?!

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

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

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

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

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

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

5. И это все, что умеет WordPress?

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

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

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

Дополнение: А вот и отдельный пост.

CodeColorer — этот плагин добавляет в движок подсветку синтаксиса для всех популярных языков программирования, начиная с Java или Python и заканчивая Haskell.

Disqus Comment System — интегрирует ваш блог с популярной системой комментариев Disqus. С ее помощью ваши посетители смогут авторизоваться в блоге с помощью OpenID или учетной записи в Twitter, получать почтовые уведомления о новых сообщениях и многое другое. Кроме того, Disqus имеет собственную защиту от спама, причем весьма неплохую.

WP Super Cache — предназначен для кэширования часто посещаемых страниц. За счет кэширования повышается скорость загрузки страниц и снижается нагрузка на сервер.

Contact Form 7 — позволяет разместить на сайте весьма гибкую в настройке форму обратной связи.

Subscribe To Comments — встроенными средствами WordPress посетители могут следить за обсуждениями только с помощью RSS. Плагин Subscribe To Comments позволяет подписываться на обсуждения с помощью электронной почты. Разумеется, если вы используете Disqus, вам этот плагин не нужен.

TDO Mini Forms — довольно мощный плагин, позволяющий разместить на сайте форму для добавления посетителями новых сообщений в блоге. С помощью этого плагина можно построить сайт-сообщество или позволить посетителям присылать новости.

WP Polls — с помощью этого плагина можно проводить на сайте опросы. Опрос можно разместить как на конкретных страницах, так и в боковой панели на всех страницах сайта.

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

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

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

2.5 Описание выбранной CMS

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

1.Описание движка Joomla

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

-легкая и быстрая смена шаблона.

-четкая организация структуры сайта.

-возможность организации рассылок.

-создание форм обратной связи.

-полностью настраиваемые схема расположения элементов по областям.

-изменение порядка вывод элементов.

-легкость управление и создания меню.

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

-возможность работы над сайтом группы людей.

-возможность задавать разные права доступа для разных групп пользователей.

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

-старые статьи можете помещать в архив, вместо удаления.

-генератор показа случайной новости.

-вывод последних сообщений.

-возможность создавать неограниченное количество страниц.

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

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

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

-секции новостей, продукции или услуг легко редактируемы и управляемы.

-полностью настраиваемые схемы расположения элементов по 5 областям, что позволяет сделать оригинальный дизайн.

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

-опросы и голосования для эффективной обратной связи.

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

-причем вы сами выбираете, будут ли показаны эти модули и на каких страницах.

-возможность создания не одной, а нескольких форм обратной связи для каждого контакта.

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

-модуль приёма от удалённых авторов новостей, статей и ссылок.

-иерархия объектов — количество секций, разделов, подразделов и страниц, зависит от вашего желания.

-библиотека изображений позволит вам хранить все ваши GIF- и JPEG-файлы под рукой для лёгкого доступа.

-менеджер рассылки новостей. Выбирайте из более чем 360 служб рассылки новостей по всему миру.

-возможность распечатать или отправить другу на e-mail любую статью с сайта.

-выбор из 3 визуальных редакторов, что упрощает редактирование материалов до уровня редактирования текста в программе Word.

-предварительный просмотр перед окончательным размещением.

-экономное использование места на сервере за счет использование базы данных MYSQL.

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

2.Характеристики Joomla!:

-полностью основанный на БД движок с использованием PHP/MySQL.

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

-секции новостей, продукции или услуг легко редактируемы и управляемы.

-разделы тем могут быть добавлены авторами.

-полностью настраиваемые схемы расположения элементов, включая левый, правый и центральный блоки меню.

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

-форум/Опросы/Голосования для эффективной обратной связи.

-работа под Linux, FreeBSD, MacOSX, Solaris, AIX, SCO, WinNT, Win2K.

3.Возможности администрирования:

-возможность создавать неограниченное количество страниц

-четкая организация структуры сайта

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

-начало и окончание публикации любых материалов можно запрограммировать по календарю

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

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

-полностью настраиваемые схемы расположения элементов по 5 областям, что позволяет сделать оригинальный дизайн

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

-опросы и голосования для эффективной обратной связи

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

-причем Вы сами выбираете, будут ли показаны эти модули и на каких страницах

-возможность создания не одной, а нескольких форм обратной связи для каждого контакта.

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

-генератор показа случайной новости.

-модуль приёма от удалённых авторов новостей, статей и ссылок.

-иерархия объектов - количество секций, разделов, подразделов и страниц, зависит от вашего желания.

-библиотека изображений позволит Вам хранить все Ваши GIF- и JPEG-файлы под рукой для лёгкого доступа.

-менеджер рассылки новостей. Выбирайте из более чем 360 служб рассылки новостей по всему миру.

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

-возможность распечатать или отправить другу на e-mail любую статью с сайта.

-выбор из 3 визуальных редакторов, что упрощает редактирование материалов до уровня редактирования текста в программе Word.

-предварительный просмотр перед окончательным размещением.

-возможность легкой смены дизайна.

-экономное использование места на сервере за счет использование базы данных MYSQL.

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

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

4.Системные требования:

-PHP 5.x или выше - www.php.net

-MySQL 4.1.x, 5.x - www.mysql.com

-Apache 1.3.x или выше - www.apache.org

В качестве Web-сервера может использоваться так же MS IIS (Internet Information Server) версии 5.0 и выше.

Необходимо удостовериться, что используемая версия PHP имеет встроенную поддержку MySQL, XML и Zlib.

Joomla может использоваться совместно со всеми наиболее известными браузерами, а именно: Internet Explorer (версия 5.5+), Netscape, и Mozilla FireFox. Именно с ними секция администрирования наиболее совместима. Некоторые WYSIWYG-редакторы, например, htmlArea, работают только с Internet Explorer.

2.6 Установка и настройка Denwer

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

Что же это такое??

Джентльменский Набор Web-разработчика (*Д.н.w.р*, читается *Денвер*) - это набор дистрибутивов (Apache+SSL, PHP5 в виде модуля, MySQL5, phpMyAdmin и т.д.) и программная оболочка, используемые Web-разработчиками (программистами и дизайнерами) для отладки сайтов на *домашней* (локальной) Windows-машине без необходимости выхода в Интернет.

Денвер-3 2010-11-07 содержит Apache 2.2.4 + PHP 5.3.3 + MySQL 5.1.40 + PhpMyAdmin 3.2.3

Ключевая особенность Денвера - поддержка работы сразу с несколькими проектами, каждый из которых располагается на отдельном виртуальном хосте. Виртуальные хосты для проектов создаются автоматически: например, вам достаточно скопировать файлы проекта в /home/ИмяПроекта/www, и он тут же станет доступен по адресу http://ИмяПроекта (DOCUMENT_ROOT также будет корректным). Это особенно удобно в работе веб-студий, разрабатывающих параллельно несколько сайтов, а также *в связке* с системами контроля версий CVS или Subversion. Схема именования директорий может быть легко настроена персонально на ваш хостинг в шаблоне виртуальных хостов (см. комментарии в httpd.conf).

Все компоненты Денвера уже настроены и готовы для работы (в частности, корректно настроена русскоязычная кодировка MySQL, SSL и т.д.). Кроме того, вы можете обновлять любой из сервисов Денвера (Apache, PHP, MySQL и т.д.) вручную, просто копируя новые версии дистрибутивов поверх старых.

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

ОСНОВНЫЕ ОТЛИЧИЯ КОМПЛЕКСА ОТ АНАЛОГОВ

1. Модульность, расширяемость, компактность. Нет необходимости выкачивать многомегабайтные дистрибутивы отдельных компонентов. Базовая версия Денвера, включающая Apache+SSL+PHP5+MySQL5+phpMyAdmin, имеет небольшой размер и при этом полностью функциональна.

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

3. Централизованная система запуска и остановки всех компонентов Денвера. Благодаря своей автономности, после остановки Денвер полностью *изчезает* из системы и может быть скопирован в другую директорию или даже удален.

4. Эмулятор sendmail: возможность отладки скриптов, отправляющих почту. Все письма, созданные в PHP-скриптах, не отправляются наружу, а складываются в специальную директорию /tmp/!sendmail.

5. Пакеты расширений. Для Денвера существует множество компонентов, которые можно инсталлировать позже (PostgreSQL, Python, FireBird, Parser, старые версии PHP4 и PHP4, MySQL4 и т.д.). Все они доступны для скачивания на официальном сайте Денвера и снабжены инсталлятором. Вы также можете устанавливать любые другие сервисы вручную, а также обновлять компоненты Денвера из официальных дистрибутивов без каких-либо проблем.

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

СОСТАВ КОМПЛЕКСА

Состав базового пакета Денвера:

1. Apache 2 с поддержкой SSL и mod_rewrite.

2. PHP5: выполняемые файлы, модуль для веб-сервера Apache, дистрибутивный и адаптированный конфигурационный файл, библиотека GD, модули поддержки MySQL и sqLite.

3. MySQL5 с поддержкой InnoDB, транзакций и русских кодировок (windows-1251).

4. phpMyAdmin - панель управления базой данных MySQL, а также скрипт, упрощающий добавление нового пользователя MySQL.

5. Отладочный эмулятор sendmail (/usr/sbin/sendmail), не отправляющий письма, а записывающий их в директорию /tmp/!sendmail.

6. Система автоматического поиска виртуальных хостов и обновления системного файла hosts, а также конфигурации Apache. Благодаря ей добавление нового виртуального хоста (или домена третьего уровня) заключается в простом создании каталога в /home (см. по аналогии с уже существующими хостами) и перезапуске комплекса. Все изменения вносятся в конфигурационные и системные файлы автоматически, но вы можете управлять этим процессом при помощи механизма шаблонов хостов (см. /usr/local/apache/conf/httpd.conf за детальными разъяснениями).

На официальном сайте Денвера доступны дополнения ("пакеты расширения"), расширяющие возможности базового комплекта:

PHP версии 3 в виде CGI-программы;

PHP версии 4 в виде CGI-программы;

дополнитльные модули для Apache;

дополнительные модули для PHP;

полная версия ActivePerl;

интерпретатор ActivePython.

сервер MySQL версии 4;

модули поддержки технологии Parser;

СУБД PostgreSQL;

СУБД FireBird версий 2 и 1.3

другие популярные модули.

вязать кУстанавливаем Денвер (Денвер — набор дистрибутивов, используемые Web-разработчиками для разработки сайтов на «домашней» (локальной) Windows-машине без необходимости выхода в Интернет (определение с сайта разработчика)), для этого скачиваете Денвер (лучше этот вариант, не придется регистрироваться и т. п.) или можете скачать Денвер с сайта разработчика (может криво «встать», лучше скачать по первой ссылке).

После скачивание продукта, запустите его (имеет расширение .exe).

Установщик спросит Вас: «Вы действительно хотите установить базовый пакет?», нажимаете «Да». Потом появляется черное окошко с белым текстом, как показано ниже(Рисунок 2.6.1):

Подтверждение установки Denwer

Далее нажмите «Enter» как написано. После этого действия Вас попросят указать папку, куда будет устанавливаться сервер. Можно оставить по умолчанию «С\WebServer», или самостоятельно указать папку, которую Вы захотите, я, например, устанавливаю в папку «D\Server» (рекомендую Вам туда же, чтобы потом не было путаницы)(Рисунок 2.6.2)

Выбор директории для установки

После выбора папки нажимаете «Enter». На вопрос установщика об уверенности в установке ту директорию, нажимаете «y» (игрек) и нажимаете «Enter»(Рисунок 2.6.3)

Установка в выбранную директорию

Теперь установщик пишет о виртуальном диске, просто нажмите «Enter». Далее предлагается выбрать букву виртуального диска. Нужно выбрать название диска, которого пока НЕТ на Вашем компьютере. Выбирайте лучше из последних букв алфавита, например «X», «Y» или «Z». Потому что, наверняка, они у Вас не заняты. Я, например, выбрал букву «Z» (если есть возможность, установите туда же, чтобы потом не путались)

Нажимаете снова «Enter». Потом, Вы увидите окно(Рисунок 2.6.4)

Копирование файлов

Нажимаете снова 'Enter". Затем последует копирование файлов в ту папку, которую вы указали сначала. После окочания копирования следует окно:(Рисунок 2.6.5)

Завершение установки

Там вписываете число «1» и жмете «Enter».

После этого установщик спросит Вас: «Создать ярлыки на Рабочем столе для запуска Денвера (y/n)?» Вписываете «y»(игрек) и нажимаете «Enter». Это делается для удобного запуска Денвера с Вашего рабочего стола. После этих действий установщик закроется, и откроется браузер с заголовком «Денвер успешно установлен». Можете его закрыть.

На этом Денвер установлен.

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

2.7 Написание сайта

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

И публичная, и закрытая (интерфейс администратора) части сайта доступны через браузер, но при этом для входа в администраторскую часть потребуется ввести логин и пароль. Предположим, что сайт размещается по адресу www.moysait.ru. Тогда, при стандартной установке Joomla!, закрытая часть сайта доступна по адресу www.moysait.ru/administrator.

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

Панель администратора

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

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

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

Структура контента:

Важной особенностью CMS Joomla! является жёсткое разделение составляющей сайт информации на контент и оформление (такой же подход используется и в большинстве других современных CMS). Контент - это смысловое содержание сайта. Например: текст статьи, иллюстрация к статье, список корпоративных контактных телефонов, перечень публикаций писателя - это всё контент. Оформление - это внешняя форма для контента. Например: тип и цвет шрифта, которым отображается текст; графика, украшающая страницу; логотип компании в верхнем левом углу; элементы HTML, определяющие структуру текста на странице - это всё детали оформления контента. Управление контентом и оформлением осуществляются в администраторском интерфейсе.

Контент в Joomla! хранится отдельно от данных, относящихся к оформлению. При этом все параметры оформления страниц сайта, определяющие их внешний вид, в Joomla! сводятся в так называемые шаблоны оформления. При формировании страницы контент как бы оборачивается в шаблон. А так как контент и оформление в Joomla! фактически не зависят друг от друга, то внешний вид сайта можно изменить без малейшего вмешательства в контент - достаточно просто установить новый шаблон оформления. Достаточно сменить шаблон (это делается всего несколькими кликами в меню управления сайтом) - и тот же самый контент приобретает совершенно иную форму, что и видно на иллюстрации.(Рисунок 2.7.3)

Стартовая страница сайта

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

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

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

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

* Раздел -> Категория -> Статья

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

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

Создание разделов и категорий

Откроем страницу управления разделами в интерфейсе администратора, воспользовавшись соответствующей кнопкой на главной странице интерфейса.(Рисунок 2.7.5)

Создание Раздела

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

Клик по кнопке приводит на страницу редактирования описания раздела. Здесь, как минимум, нужно указать заголовок, название раздела, уровень доступа и признак публикации. Так же можно привязать к разделу иллюстрацию и подробное описание. Заголовок будет использован в публичной части сайта для обозначения раздела. А название используется в интерфейсе администратора, дополнительно к заголовку. Укажем заголовок. Заголовок и название могут совпадать. Для сохранения внесённых изменений нужно кликнуть по кнопке "Сохранить", в верхней части страницы. Теперь в списке разделов сайта появился новый элемент  - в скобках отображается заголовок раздела. Создадим в только что созданном разделе две категории. Для этого можно выбрать пункт управления категориями из основного меню вверху страницы интерфейса администратора. Появившаяся страница со списком имеющихся на сайте категорий выглядит очень похоже на страницу списка разделов. Для создания новой категории также воспользуемся кнопкой "Новый".Страница создания категории в общем аналогична странице создания раздела: здесь тоже нужно указать заголовок, название и другие параметры. Главным отличием является дополнительный пункт настроек, позволяющий выбрать раздел, к которому относится новая категория.

В нашем примере категории "Продажа" и "Продажа" относятся к разделу "Производство", а в качестве названий мы ввели, соответственно, "Производство" и "Производство".(Рисунок 2.7.5)

Менеджер категорий

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

Теперь, в дополнение к демонстрационным данным, у нас есть новая структура из одного раздела и двух категорий. Однако, если взглянуть на начальную страницу, то никаких ссылок на новые разделы или категории не появилось. Дело в том, что навигация по сайту в Joomla! реализована другим механизмом - системой меню. И созданные разделы, для того чтобы их можно было открыть из публичной части сайта, нужно при меню.

3. ОПИСАНИЕ ГОТОВОГО ПРОЕКТА

3.1 Руководство пользователя

    После написания полного кода сайта, редактирования всех разделов, наполнения их контентом и размещением в сети у нас вышла следуйщая картина. Сайт имеет заглавную страницу, где размещена информация о компании инженерно-строительного предприятия “Форт”, семь разделов в которых клиент может более подробно ознакомиться с выгодами сайта, среди них “О компании”, ”Продажа”, ”Производство”,  ”Требуются”,  ”Аренда”, ”Услуги”,  ”Контакты”, так же на заглавной странице размещен видео ролик где презентованы лучшие работы компании с постройки и реконструкции зданий.

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

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

Раздел “Требуются” предлагает вниманию посетителям сайта вакансии на которые предприятие может принять на работу заинтересовавшихся людей. Поскольку “Форт” представляет собой очень обширное предприятие, род профессий также выглядит очень обширно: от разнорабочих и прорабов до юристов и программистов.

Раздел “Аренда” позволяет ознакомится с имеющимися на рынке  спросом на аренду складных помещений, строительной техники и т.д.

Раздел “Услуги” предлагает следующие:

          -проектирование объектов всех видов и типов любой сложности;

-согласование документов во всех управлениях и учреждениях (архитектура, ГАСК, СЭС, горгаз, гор. электросеть, МЧС, водоканал и т.д.);

-узаконение объектов;

-консультации и решение земельных вопросов.

В разделе “Контакты” можна узнать адрес главного офиса, многочисленных филиалов по городу, узнать телефон приемной, юридического отдела, отдела кадров, отдела маркетинга, начальника службы безопасности, посмотреть электронную почту, посмотреть адреса офисов в других городах Украины.

Выводы

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

     

 

СПИСОК ИСПОЛЬЗОВАНОЙ ИСТОЧНИКОВ

1. Мухамметов, Г. HTML и CSS. NT Press,2008. -364с.

2.[Электронный ресурс] Режим доступа: http://joomlaportal.ru/content/view/33/49/

3.[Электронный ресурс] Режим доступа: http://program.rin.ru/razdel/html/945

4. [Электронный ресурс] Режим доступа: http://www.drupal.ru/features

5. [Электронный ресурс] Режим доступа: http://www.denwer.ru/

6. [Электронный ресурс] Режим доступа: http://hosting.reg.ru/

ПРИЛОЖЕНИЯ

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US" xml:lang="en">

<head>

   <!--

   Created by Artisteer v2.3.0.21098

   Base template (without user's data) checked by http://validator.w3.org : "This page is valid XHTML 1.0 Transitional"

   -->

   <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

   <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />

   <title>Artisteer </title>

   <script type="text/javascript" src="script.js"></script>

   <link rel="stylesheet" href="style.css" type="text/css" media="screen" />

   <!--[if IE 6]><link rel="stylesheet" href="style.ie6.css" type="text/css" media="screen" /><![endif]-->

   <!--[if IE 7]><link rel="stylesheet" href="style.ie7.css" type="text/css" media="screen" /><![endif]-->

</head>

<body>

   <div id="art-page-background-gradient"></div>

   <div id="art-page-background-glare">

       <div id="art-page-background-glare-image"></div>

   </div>

   <div id="art-main">

       <div class="art-Sheet">

           <div class="art-Sheet-tl"></div>

           <div class="art-Sheet-tr"></div>

           <div class="art-Sheet-bl"></div>

           <div class="art-Sheet-br"></div>

           <div class="art-Sheet-tc"></div>

           <div class="art-Sheet-bc"></div>

           <div class="art-Sheet-cl"></div>

           <div class="art-Sheet-cr"></div>

           <div class="art-Sheet-cc"></div>

           <div class="art-Sheet-body">

               <div class="art-Header">

                   <div class="art-Header-png"></div>

                   <div class="art-Header-jpeg"></div>

                   

               </div>

               <div class="art-nav">

                <div class="l"></div>

                <div class="r"></div>

                <div class="art-nav-center">

                <ul class="art-menu">

                 <li>

                  <a href="#" class=" active"><span class="l"></span><span class="r"></span><span class="t">Home</span></a>

                 </li>

                 <li>

                  <a href="#"><span class="l"></span><span class="r"></span><span class="t">Menu Item</span></a>

                  <ul>

                   <li><a href="#">Menu Subitem 1</a>

                    <ul>

                     <li><a href="#">Menu Subitem 1.1</a></li>

                     <li><a href="#">Menu Subitem 1.2</a></li>

                     <li><a href="#">Menu Subitem 1.3</a></li>

                    </ul>

                   </li>

                   <li><a href="#">Menu Subitem 2</a></li>

                   <li><a href="#">Menu Subitem 3</a></li>

                  </ul>

                 </li>  

                 <li>

                  <a href="#"><span class="l"></span><span class="r"></span><span class="t">About</span></a>

                 </li>

                </ul>

                </div>

               </div>

               <div class="art-contentLayout">

                   <div class="art-sidebar1">

                       <div class="art-Block">

                           <div class="art-Block-tl"></div>

                           <div class="art-Block-tr"></div>

                           <div class="art-Block-bl"></div>

                           <div class="art-Block-br"></div>

                           <div class="art-Block-tc"></div>

                           <div class="art-Block-bc"></div>

                           <div class="art-Block-cl"></div>

                           <div class="art-Block-cr"></div>

                           <div class="art-Block-cc"></div>

                           <div class="art-Block-body">

                                       <div class="art-BlockHeader">

                                           <div class="l"></div>

                                           <div class="r"></div>

                                           <div class="art-header-tag-icon">

                                               <div class="t">Newsletter</div>

                                           </div>

                                       </div><div class="art-BlockContent">

                                           <div class="art-BlockContent-body">

                                               <div><form method="get" id="newsletterform" action="javascript:void(0)">

                                               <input type="text" value="" name="email" id="s" style="width: 95%;" />

                                               <span class="art-button-wrapper">

                                                <span class="l"> </span>

                                                <span class="r"> </span>

                                                <input class="art-button" type="submit" name="search" value="Subscribe"/>

                                               </span>

                                               

                                               </form></div>

                                         <div class="cleared"></div>

                                           </div>

                                       </div>

                         <div class="cleared"></div>

                           </div>

                       </div>

                       <div class="art-Block">

                           <div class="art-Block-tl"></div>

                           <div class="art-Block-tr"></div>

                           <div class="art-Block-bl"></div>

                           <div class="art-Block-br"></div>

                           <div class="art-Block-tc"></div>

                           <div class="art-Block-bc"></div>

                           <div class="art-Block-cl"></div>

                           <div class="art-Block-cr"></div>

                           <div class="art-Block-cc"></div>

                           <div class="art-Block-body">

                                       <div class="art-BlockHeader">

                                           <div class="l"></div>

                                           <div class="r"></div>

                                           <div class="art-header-tag-icon">

                                               <div class="t">Contact Info</div>

                                           </div>

                                       </div><div class="art-BlockContent">

                                           <div class="art-BlockContent-body">

                                               <div>

                                                     <img src="images/contact.jpg" alt="an image" style="margin: 0 auto;display:block;width:95%" />

                                               <br />

                                               <b>Company Co.</b><br />

                                               Las Vegas, NV 12345<br />

                                               Email: <a href="mailto:info@company.com">info@company.com</a><br />

                                               <br />

                                               Phone: (123) 456-7890 <br />

                                               Fax: (123) 456-7890

                                               </div>

                                         <div class="cleared"></div>

                                           </div>

                                       </div>

                         <div class="cleared"></div>

                           </div>

                       </div>

                   </div>

                   <div class="art-content">

                       <div class="art-Post">

                           <div class="art-Post-body">

                       <div class="art-Post-inner">

                                       <h2 class="art-PostHeader">

                                           Welcome

                                       </h2>

                                       <div class="art-PostContent">

                                           

                                           

                                           <p>Lorem ipsum dolor sit amet,

                                           <a href="#" title="link">link</a>, <a class="visited" href="#" title="visited link">visited link</a>,

                                            <a class="hover" href="#" title="hovered link">hovered link</a> consectetuer

                                           adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper,

                                           velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl

                                           in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros.</p>

                                           <p>

                                            <span class="art-button-wrapper">

                                             <span class="l"> </span>

                                             <span class="r"> </span>

                                             <a class="art-button" href="javascript:void(0)">Read more...</a>

                                            </span>

                                           </p>

                                           

                                           <table class="table" width="100%">

                                            <tr>

                                             <td width="33%" valign="top">

                                             <div class="art-Block">

                                              <div class="art-Block-body">

                                               <div class="art-BlockHeader">

                                                     <div class="l"></div>

                                                 <div class="r"></div>

                                                 <div class="t"><center>Support</center></div>

                                                </div>

                                               <div class="art-BlockContent">

                                                <div class="art-PostContent">

                                                 <img src="images/01.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />

                                                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

                                                 Quisque sed felis. Aliquam sit amet felis. Mauris semper,

                                                 velit semper laoreet dictum, quam diam dictum urna. </p>

                                                </div>

                                               </div>

                                              </div>

                                             </div>

                                             </td>

                                             <td width="33%" valign="top">

                                             <div class="art-Block">

                                              <div class="art-Block-body">

                                               <div class="art-BlockHeader">

                                                     <div class="l"></div>

                                                 <div class="r"></div>

                                                 <div class="t"><center>Development</center></div>

                                                </div>

                                               <div class="art-BlockContent">

                                                <div class="art-PostContent">

                                                 <img src="images/02.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />

                                                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

                                                 Quisque sed felis. Aliquam sit amet felis. Mauris semper,

                                                 velit semper laoreet dictum, quam diam dictum urna. </p>

                                                </div>

                                               </div>

                                              </div>

                                             </div>

                                             </td>

                                             <td width="33%" valign="top">

                                             <div class="art-Block">

                                              <div class="art-Block-body">

                                                   <div class="art-BlockHeader">

                                                     <div class="l"></div>

                                                 <div class="r"></div>

                                                 <div class="t"><center>Strategy</center></div>

                                                </div>

                                               <div class="art-BlockContent">

                                                <div class="art-PostContent">

                                                 <img src="images/03.png" width="55px" height="55px" alt="an image" style="margin: 0 auto; display: block; border: 0" />

                                                 <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

                                                 Quisque sed felis. Aliquam sit amet felis. Mauris semper,

                                                 velit semper laoreet dictum, quam diam dictum urna. </p>

                                                </div>

                                               </div>

                                              </div>

                                             </div>

                                             </td>

                                            </tr>

                                           </table>

                                               

                                       </div>

                                       <div class="cleared"></div>

                       </div>

                       

                         <div class="cleared"></div>

                           </div>

                       </div>

                       <div class="art-Post">

                           <div class="art-Post-body">

                       <div class="art-Post-inner">

                                       <h2 class="art-PostHeader">

                                           Text, <a href="#" rel="bookmark" title="Permanent Link to this Post">Link</a>, <a class="visited" href="#" rel="bookmark" title="Visited Hyperlink">Visited</a>, <a class="hovered" href="#" rel="bookmark" title="Hovered Hyperlink">Hovered</a>

                                       </h2>

                                       <div class="art-PostContent">

                                           <p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit, <a href="#" title="test link">test link</a>.

                                            Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>.

                                            Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl.

                                            Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.

                                            Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante.

                                            Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc.

                                            Morbi imperdiet augue quis tellus.  <abbr title="Avenue">AVE</abbr></p>

                                             

                                             <h1>Heading 1</h1>

                                             <h2>Heading 2</h2>

                                             <h3>Heading 3</h3>

                                             <h4>Heading 4</h4>

                                             <h5>Heading 5</h5>

                                             <h6>Heading 6</h6>

                                           

                                               <blockquote>

                                                   <p>

                                                       &#8220;This stylesheet is going to help so freaking much.&#8221;

                                                       <br />

                                                       -Blockquote

                                                   </p>

                                               </blockquote>

                                             <br />

                                             <table class="art-article" border="0" cellspacing="0" cellpadding="0">

                                             <tbody>

                                               <tr>

                                                 <th>Header</th>

                                                 <th>Header</th>

                                                 <th>Header</th>

                                               </tr>

                                               <tr>

                                                 <td>Data</td>

                                                 <td>Data</td>

                                                 <td>Data</td>

                                               </tr>

                                               <tr class="even">

                                                 <td>Data</td>

                                                 <td>Data</td>

                                                 <td>Data</td>

                                               </tr>

                                               <tr>

                                                 <td>Data</td>

                                                 <td>Data</td>

                                                 <td>Data</td>

                                               </tr>

                                             </tbody></table>

                                             

                                            <p>

                                             <span class="art-button-wrapper">

                                              <span class="l"> </span>

                                              <span class="r"> </span>

                                              <a class="art-button" href="javascript:void(0)">Join&nbsp;Now!</a>

                                             </span>

                                            </p>

                                               

                                       </div>

                                       <div class="cleared"></div>

                       </div>

                       

                         <div class="cleared"></div>

                           </div>

                       </div>

                   </div>

                   <div class="art-sidebar2">

                       <div class="art-Block">

                           <div class="art-Block-tl"></div>

                           <div class="art-Block-tr"></div>

                           <div class="art-Block-bl"></div>

                           <div class="art-Block-br"></div>

                           <div class="art-Block-tc"></div>

                           <div class="art-Block-bc"></div>

                           <div class="art-Block-cl"></div>

                           <div class="art-Block-cr"></div>

                           <div class="art-Block-cc"></div>

                           <div class="art-Block-body">

                                       <div class="art-BlockHeader">

                                           <div class="l"></div>

                                           <div class="r"></div>

                                           <div class="art-header-tag-icon">

                                               <div class="t">Highlights</div>

                                           </div>

                                       </div><div class="art-BlockContent">

                                           <div class="art-BlockContent-body">

                                               <div>

                                                                 <p><b>Jun 14, 2008</b><br />

                                                                 Aliquam sit amet felis. Mauris semper,

                                                                 velit semper laoreet dictum, quam

                                                                 diam dictum urna, nec placerat elit

                                                                 nisl in quam. Etiam augue pede,

                                                                 molestie eget, rhoncus at, convallis

                                                                 ut, eros. Aliquam pharetra.<br />

                                                                 <a href="javascript:void(0)">Read more...</a></p>

                                                                 

                                                                 <p><b>Aug 24, 2008</b><br />

                                                                 Aliquam sit amet felis. Mauris semper,

                                                                 velit semper laoreet dictum, quam

                                                                 diam dictum urna, nec placerat elit

                                                                 nisl in quam. Etiam augue pede,

                                                                 molestie eget, rhoncus at, convallis

                                                                 ut, eros. Aliquam pharetra.<br />

                                                                 <a href="javascript:void(0)">Read more...</a></p>

                                                                 </div>

                                         <div class="cleared"></div>

                                           </div>

                                       </div>

                         <div class="cleared"></div>

                           </div>

                       </div>

                   </div>

               </div>

               <div class="cleared"></div><div class="art-Footer">

                   <div class="art-Footer-inner">

                       <div class="art-Footer-text">

                           <p><a href="#">Contact Us</a> | <a href="#">Terms of Use</a> | <a href="#">Trademarks</a>

                               | <a href="#">Privacy Statement</a><br />

                               Copyright &copy; 2009 ---. All Rights Reserved.</p>

                       </div>

                   </div>

                   <div class="art-Footer-background"></div>

               </div>

         <div class="cleared"></div>

           </div>

       </div>

       <div class="cleared"></div>

       <p class="art-page-footer">Designed by Denis Uvarov.</p>

   </div>

   

</body>

</html>