43857

Сайт г. Клизмовск

Курсовая

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

Запуск денвера. Для его запуска были созданы ярлыки, либо он должен стартовать автоматически при начале работы Windows(tm)(r). Набираем в строке браузера localhost - должна открыться страница, где будет отображена страница приветствия на русском. В середине этой страницы есть ссылка - Заведение новых БД и пользователей MySQL

Русский

2013-11-08

9.88 MB

0 чел.

Подольский колледж сервиса

имени взятия Бастилии парижскими коммунарами

Курсовая работа

«Сайт г. Клизмовск»


Оглавление

[1] Оглавление

[2]
Введение

[3]
1 Общая часть

[3.1] 1.1 Описание предметной области

[3.2] 1.2 Анализ существующей ситуации

[4]
2 Специальная часть

[4.1] 2.1 Выбор технологии, инструментов разработки

[4.1.1] 2.1.1 Технологии создания сайтов

[4.1.2] 2.1.2 Языки программирования для интернет приложений

[4.1.3] 2.1.3 Инструменты для сайтостроительства

[4.2] 2.2 Формирования требований к программному обеспечению

[4.3] 2.3 Разработка структуры сайта

[4.3.1] 2.3.1 Общие требования к структуре сайта

[4.3.2] 2.3.2 Настройка площадки разработки

[4.3.3] Настройка Денвера. После установки создаём внутри папки, куда установлен сервер папку для тестового сайта Joomla. Можно так его и назвать, без всяких зон, просто "joomla". Например:

[4.3.4] Запуск денвера. Для его запуска были созданы ярлыки, либо он должен стартовать автоматически при начале работы Windows(tm)(r) .Набираем в строке браузера localhost - должна открыться страница, где будет отображена страница приветствия на русском. В середине этой страницы есть ссылка - Заведение новых БД и пользователей MySQL. Нажимаем, открывается страница с формой создания новой базы данных (в базе хранятся все текстовые данные сайта и настройки). Не зполняем пароль администратора, во все остальные поля вводим одно слово joomla - это чтобы не путаться в последствие. Логика такая - тестируем скрипт Joomla!, значит домен называем joomla, а базу для него тоже называем joomla и с паролем на неё тоже joomla. Нажав на кнопочку отправки формы видим сообщение об успешном заведение новой базы данных. Двигаемся дальше.

[4.3.5] Установка. Набираем в строке браузера joomla (без всяких .ru) :

[4.3.6] 2.3.3 Последовательность выполнения инсталляции

[4.4] 2.4 Проектирование интерфейса

[4.4.1] 2.4.1 Требования к навигации по интернет-сайту

[4.4.2] 2.4.2 Требования к механизму поиска для интернет-сайта

[4.4.3] 2.4.3 Требования к дизайну интернет-сайта

[4.4.4] 2.4.4 Использование графической и мультимедийной информации

[4.4.5] 2.4.5 Требования к размещению информации на интернет-сайте

[4.4.6] 2.4.6 Продвижение и поисковая оптимизация

[4.4.7] 2.4.7 Требования к системам интернет-статистики

[4.4.8] 2.4.8 Создание меню сайта

[4.5] 2.5 Публикация сайта

[5] Заключение

[6] Список использованной литературы

[7]
Приложения

[7.1] Приложении 1

[7.2]
Приложение 2

[7.3]
Приложение 3

[7.4]
Приложение 4

[8]
Общие термины используемые в работе


Введение

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

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

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

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

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

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

Причина №6. Обратная связь с клиентами. Используя механизмы обратной связи, анкетирования и опросов на веб-сайте, можно моментально и без каких либо затрат получать комментарии и отзывы от потенциальных клиентов. Эта ценная информация поможет поднять уровень сервиса компании на новую высоту. Таким образом можно протестировать свой товар или услуги на посетителях веб-сайта и получить исчерпывающую информацию. Кроме того, посетитель сайта оставляет информацию о своем регионе, о своем провайдере, о том, откуда он попал, сколько времени они смотрел страницу, насколько часто он возвращался на сайт.

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

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

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


1 Общая часть

1.1 Описание предметной области

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

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

Анализируемой предметной областью является город Климовск московской области. Климовск — город1  областного подчинения в Московской области, в 53 км к югу от Москвы (от нулевого километра) и в 8 км к югу от Подольска. Железнодорожные станции Весенняя и Гривно на курском направлении Московской железной дороги. Население — 56,1 тыс. чел. (по состоянию на 2010 год).

Город областного подчинения граничит на севере с городом Подольском, со всех остальных сторон окружён Подольским районом. Железнодорожной веткой делится на две части — восточную (Весенняя) и западную (Гривно). Окружён лесами. В состав города включен парк «Дубрава». Высота центра над уровнем моря — 175 м. По территории Климовска протекают реки Рожай (Сосновка) и Петрица. Город находится на водоразделе рек Мочи и Рожайки, являющихся правыми притоками первого порядка реки Пахры. Расположен город на Москворецко-Окской равнине, в центре Восточно-Европейской равнины. Климат — умеренно континентальный с относительно мягкой зимой и тёплым влажным летом. Среднеянварская температура — около −10 °C, среднеиюльская — +17 °C. Средняя продолжительность лета — 130 дней. Частое прохождение циклонов с Атлантики и иногда со Средиземноморья обуславливает увеличение облачности. Среднегодовое количество осадков — 550 мм. Больше всего осадков выпадает летом, меньше всего — зимой. Средняя толщина снежного покрова зимой — 8-10 см. Воздух не сильно загрязнён, до строительства эстакады наибольшая концентрация вредных газов была в районе Сергеевского железнодорожного переезда. Добыча природных ископаемых не ведётся, однако на юго-восточной окраине Климовска расположено единственное месторождение глин и легкоплавких суглинков для кирпича. В лесах вокруг города водятся белки, ужи и другие животные. Широко распространены птицы (дятлы, синицы, воробьи, снегири, голуби, вороны, грачи, сороки и др.). Эта и другая информация о городе Климовск является, по сути, информационным наполнением сайта2.

1.2 Анализ существующей ситуации

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

Официальный сайт администрации города Климовск, представлен в сети Интернет как самостоятельный ресурс. Скриншоты экрана представлены на рисунке 1.1 и в приложении 2.

Рис.1.1 Официальный сайт администрации г. Климовск. Стартовая страница.

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

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

Рис. 1.2 Информация о Климовске на СПР.РУ

В сети Интернет есть еще официальный сайт интернет-провайдера города Климовск. Скриншот с его главной страницей представлен на рисунке 1.3.

Рис.1.3 Официальный сайт интернет-провайдера города Климовск

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

Рис. 1.4 Стартовая страница сайта бесплатных объявлений

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


2 Специальная часть

2.1 Выбор технологии, инструментов разработки

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

Статический HTML-сайт. Такой сайт, как правило, разработан и сверстан с использованием стандартной HTML -технологии. Страницы сайта хранятся в виде HTML -кода в файловой системе сервера. Естественно, на таком сайте могут присутствовать flesh заставки, ролики, анимация и т.п. Но для редактирования информации и обновления такого сайта необходимы серьёзные трудозатраты и постоянное привлечение квалифицированных дизайнеров и других специалистов в области Интернет-технологий.

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

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

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

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

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

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

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

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

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

2.1.1 Технологии создания сайтов

Наиболее известным сегодня и, фактически, являющийся «дедушкой» сайтостроения является HTML. HyperText Markup Language (HTML) - гипертекстовый язык разметки, язык World Wide Web. Технология разработки сайтов с использованием этого языка достаточно проста. HTML-документы могут просматриваться различными типами WEB-броузеров. Когда документ создан с использованием HTML, WEB-броузер может интерпретировать HTML для выделения различных элементов документа и первичной их обработки. Использование HTML позволяет форматировать документы для их представления с использованием шрифтов, линий и других графических элементов на любой системе, их просматривающей.

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

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

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

1. Тэги, определяющие, как будет отображаться WEB-броузером тело документа в целом.

2. Тэги, описывающие общие свойства документа, такие как заголовок или автор документа.

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

2.1.2 Языки программирования для интернет приложений

Существуют технологии разработки сайтов с использованием возможнойстей языков программирования высокого уровня. Основные языки программирования для интернет это: JavaScript, VBScript, PHP, ASP, Perl, Java, XML и ColdFusion. Рассмотрим их преимущества и недостатки. 

Языки программирования для интернет делятся на используемые на стороне клиента (client side scripting language) и используемые на стороне сервера (server side scripting language).

Код программ, работающих на стороне клиента (посетителя сайта) выполняется на компьютере посетителя сайта, в броузере, запущенном на компьютере пользователя (Internet Explorer, Opera, Netscape, Firefox и др.). Этот код пишется на языках JavaScript и VBScript. 

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

  •  PHP
  •  ASP
  •  Perl
  •  Java

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

2.1.3 Инструменты для сайтостроительства

В качестве основных инструментов

Web-серверы. В интернет используется около двух десятков серверов, основные из которых - Apache и MS IIS (Microsoft Information Server). При этом наибольшее количество сайтов в интернет (около 60-70%) работают под управлением Apache.

Web-сервер Apache работает под Windows и Unix-подобными операционными системами (Linux, FreeBSD, Solaris и т.д.). Web-сервер Apache является бесплатным продуктом с открытым исходным кодом. Чаще всего используется в связке Unix(Linux, FreeBSD)-PHP.

Web-сервер MS IIS работает только под управлением ОС Windows. Является коммерческим продуктом. Используется в основном в связках Windows-ASP или Windows-Java. 

Базы данных для интернет-приложений. Для интернет-приложений используются множество различных баз данных: MySQL, PostgreSQL, MS SQL Server, MS Access и Oracle.

CSS - каскадные листы стилей. SS или каскадные листы стилей используются для форматирования элементов гипертекстовой разметки.

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

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

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

Программы создания сайтов

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

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

В принципе, в качестве программы создания сайтов, можно использовать любой текстовый редактор - MS Word, электронную таблицу MS Excel и даже самый простой редактор - NotePad, входящий в состав Windows. Однако, если уж Вы хотите выбрать программу создания сайтов из продуктов семейства Microsoft Office, то лучше остановиться на визуальном редакторе MS FrontPage.

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

WeBuilder 2005 - наверное самый лучший профессиональный html - редактор. Этот html - редактор позволяет создавать чистый программный код без всякого мусора, как визуальные редакторы, однако содержит визуальные элементы. С его помощью можно отлаживать программный код на html, php, asp, perl, css, javascript, vbscript, ssi. 

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

В WeBuilder 2005 есть цветная подсветка кода html, php, asp, perl, css, javascript, vbscript, ssi. Очень удобно то, что цвета кода и подсветки можно настраивать на свой вкус под каждый язык отдельно. Еще есть другие полезности и удобства для вебмастера: броузер папок, броузер элементов кода (переменные, классы, библиотека элементов, библиотека тэгов), встроенный ftp-клиент, можно создавать и редактировать свои сниппеты, отображать, настраивать и располагать панели по своему вкусу. 

WeBuilder 2005 дает возможность создавать документы из шаблонов, которые можно создавать и править самостоятельно. Есть встроенный валидатор кода. На момент написания статьи последняя версия программы WeBuilder 2005 6.3. Более новую версию Вы можете найти на сайте разработчика. . 

Графические программы

Редакторы растровой графики

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

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

Macromedia Freehand MX v.11 - универсальная программа для создания рисунков и компоновки страниц для web-издательства. В ней можно создавать от визитки до сложных иллюстраций для интернет, в которых сочетаются векторная и растровая графика, тексты, анимация и элементы интерфейса.

Редакторы векторной графики

Macromedia Flash v.5.0 - самый популярный графический редактор в категории редакторы векторной графики для вебмастера. Используется для создания графики в формате Flash, разработанном фирмой Macromedia. Широко используется для создания анимированных баннеров, заставок, кнопок и прочих графических элементов. 

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

Corel R.A.V.E. 2.0 - один из самых известных и популярных редакторов векторной графики. При создании сайтов используется, в основном, для создания логотипов.Преимуществом векторной графики по сравнению с растровой является то, что векторная графика значительно меньше весит, а значит страница, при прочих равных, грузится быстрее. 

Данная программа предназначена для создания анимации и сохранения ее в виде фильма в формате Flash. Поддерживается импорт изображений из других программ. Созданная анимация может включать звук и содержать интерактивные элементы. Готовый фильм можно экспортировать в другие форматы, поддерживающие анимацию: GIF Animation (GIF) - анимация для web-страниц и слайдов PowerPoint, Video for Windows(AWI) - анимация для видеоприложений с сохранением звука, Quick Time с сохранением звука, Macromedia Flash (SWF) с сохранением звука и интерактивности. Corel R.A.V.E. 2.0 позволяет анимировать как векторные, так и растровые объекты, изменять их свойства во времени и применять к ним различные эффекты. 

Рассмотрим как обычный Web-сервер работает без установленного CMS (рисунок 2.1). Сначала браузер отправляет запрос Web-cepвepy. Web-сервер получает HTML-код из статического HTML-файла (имя файла указывается в запрос браузера, например, http://ww.example.com/index.html) и отправляет его браузеру пользователя. Поскольку HTML-файл у нас статический, то пользователь получит его код без всяких изменений, как он сохранен на Web сервере: ничего больше и ничего меньше.

Рис. 2.1. Как работает Web-cepвep без CMS

Теперь посмотрим, что получится, если на Web-сервере установлена система управления контентом сайта (рисунок 2.2). На этот раз браузер пытается получить не статический HTML-файл, а PHP-сценарий, но, несмотря на это, адрес страницы почти идентичен предыдущему — http://www.example.com index.php Теперь начинается самое интересное. Этот запрос загружает часть Joomla!: ее основной файл. Интерпретатор РНР, установленный на Web- сервере, обеспечивает выполнение PHP-сценариев (РНР— это язык программирования, на котором написана Joomla!). Другими словами, происходи! запуск Joomla!, которая сразу после запуска определяет, какая страница запрошена, устанавливает соединение с сервером баз данных MySQL, получает гекст страницы, оформляет его в соответствии с шаблоном и отправляет в браузер. Обратите внимание, что CMS, используя текст, полученный из базы данных, и шаблон оформления, формирует HTML-код, который и отправляется в браузер.

Рис. 2.2 Принцип работы CMS

Cодержимое страниц сайта хранится не в статических HTML- файлах, а в таблицах базы данных, а HTML-код формируется динамически, т. е. "на лету". Такой подход очень эффективен. Вы только представьте, что у вас есть сто статических HTML-страниц и вам нужно изменить дизайн сайта. Вам придется изменять код каждой страницы! При использовании CMS эта проблема исчезает— вам достаточно изменить шаблон и все ваши страницы (сколько бы их не было) будут выглядеть одинаково. Фактически, подобная платворма для реализации сайта в технической литературе носит название «Трехзвенная архитектура Клиент – Сервер»

Система Joomla — не единственная в мире CMS. Кроме нее существуют много других подобных систем — Drupal, PHP-Nuke, Slaed Mambo и т.д. Некоторые из этих систем, как и Joomla, абсолютно бесплатны, а некоторые (как Mambo) — коммерческие. В основе Joomla лежит система Mambo. В 2005 году в команде разработчиков Mambo произошел раскол, и часть из них покинула проект. В сентябре 2005 года появилась новая CMSJoomla 1.0. По большому счету, это была та же Mambo 4.5.23, но без некоторых ошибок и уязвимостей, найденных в той версии Mambo. Версия 1.0 была практически во всем совместима с Mambo. Сейчас же Joomla 1.5 — это полностью самостоятельная система, практически не совместимая с Mambo. [3] Для нее вы найдете в Интернете огромное количество расширений и шаблонов сайта, что позволит адаптировать систему под ваши нужды.

Характеристики и особенности Joomla:

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

2.2 Формирования требований к программному обеспечению

Одним из главных вопросов, которые необходимо решить перед началом проектирования является выбор необходимого ПО для реализации проекта. Сегодня, подавляющее большинство хостеров обеспечивает трехзвенную архитектуру «клиент-вервер», которая реализуется следующими программными продуктами:

  •  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.

Для разработки заданного проекта необходимо выбрать площадку, на которой будет проводиться собственно разработка. В качестве такой площадки для разработки наиболее удобен инсталляционный пакет «Денвер», бесплатно доступный в сети и включающий в себя полный набот PHP+MySQL+Apache. Набор Web-разработчика «Денвер» - пакет дистрибутивов PHP+MySQL+Apache для веб-разработчиков. Денвер включает в себя необходимые продукты для настройки проектов на домашнем ПК без доступа к сети. В базовую конфигурацию набора дистрибутивов Денвер вошли SSI, Apache, mod_php, mod_rewrite, MySQL с поддержкой транзакций (mysqld-max) и PHP4 с поддержкой MySQL и GD.

Кроме того, в пакет дистрибутивов Денвер вошла шаблонная система управления виртуальными хостами, позволяющая для создания нового хоста лишь добавить в каталог /home директорию и все. Правка конфигурационных файлов совершенно не требуется. В пакете Денвер включена поддержка схем именований директорий многих известных хостов, а чтобы добавить новые, особого труда не потребуется. Также в Денвер включена система управления завершением и запуском, система phpMyAdmin, управляющая базами данных MySQL через Web-интерфейс. Денвер уже имеет ядро Perl, для использования которого нужно лишь добавить стандартные библиотеки, а также эмулятор sendmail, который складирует полученную почту в /tmp, и инсталлятор. Пакет дистрибутивов Денвер работает совместно с PHP и Perl.

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

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

2.3.1 Общие требования к структуре сайта

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

В такой стиль входят:

  1.  Слоган
  2.  Логотип 
  3.  Дизайн папок, документов

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

  1.  Разработка концепции сайта.
  2.  Веб дизайн сайта.
  3.  Верстка макетов страниц сайта.
  4.  Разработка базы данных сайта.
  5.  Разработка сайта на основе CMS.
  •  Разработка концепции сайта.

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

  •  Веб дизайн сайта

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

  •  Верстка макетов страниц сайта

После утверждения дизайна макетов сайта выполняется этап по кодированию рисованных страниц. Код выполняется на языке html

  •  Разработка базы данных сайта

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

  •  Разработка сайта на основе CMS

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

В процессе работы над курсовой работой была выполнена разработка структуры сайта, представленная в приложении 1.


2.3.2 Настройка площадки разработки

Настройка Денвера. После установки создаём внутри папки, куда установлен сервер папку для тестового сайта Joomla. Можно так его и назвать, без всяких зон, просто "joomla". Например:

D:\www\home\joomla\www\

Если сервер установлен на диск D:\ в папку с именем www. Внутри этой папки, есть папка home - внутри неё нужно создавать домены. В данном примере создан домен для тестирования - директория joomla, внутри директории home, а уже внутри директории joomla создана директория www, чтобы при запуске сервер распознал новый домен. Если директорию www не создать - то сервер домен не распознает.

Запуск денвера. Для его запуска были созданы ярлыки, либо он должен стартовать автоматически при начале работы Windows(tm)(r) .Набираем в строке браузера localhost - должна открыться страница, где будет отображена страница приветствия на русском. В середине этой страницы есть ссылка - Заведение новых БД и пользователей MySQL. Нажимаем, открывается страница с формой создания новой базы данных (в базе хранятся все текстовые данные сайта и настройки). Не зполняем пароль администратора, во все остальные поля вводим одно слово joomla - это чтобы не путаться в последствие. Логика такая - тестируем скрипт Joomla!, значит домен называем joomla, а базу для него тоже называем joomla и с паролем на неё тоже joomla. Нажав на кнопочку отправки формы видим сообщение об успешном заведение новой базы данных. Двигаемся дальше.

Далее распаковываем все файлы из архива установки Joomla! внутрь директории home/joomla/www/ - сервер всё ещё запущен. Обратите внимание, чобы программа архиватор случайно не привела названия файлов к нижему регистру - есть несколько файлов с ИмяФайла.php где важны заглавные буквы! Обычно этого не происходит, но на всякий случай будьте бдительны. Теперь у нас всё готово к установки системы - сервер есть, на сервере создан домен, для хранения данных создана база, файлы скрипта положены куда надо. Приступаем к установке.

Установка. Набираем в строке браузера joomla (без всяких .ru) :

  •  Открывается первая страница установки, которая проверяет все ли файлы/папки на месте и на них есть нужные права. На Denwer этот шаг можно смело пропускать - всё работает, проверено.
  •  На втором шаге предлагается ввести данные подключения к базе данных - нужно же системе знать, куда складировать ценную информацию вашего сайта. Сервер баз данных находится у нас на локальной машине, а не на удалённом компьютере, так что смело пишем localhost, пароль, имя пользователя и имя базы данных у нас тоже не замысловатое - joomla. Всё остальное должно быть понятно - подсказки на русском есть у каждого пункта.
  •  По завершению установки удалите папку installation - пока этого не сделаете, сайта не увидите. Система будет настойчиво вас просить эту самую папку удалить. После удаления папки всё готово - система установлена и готова к тестированию!

Сайт будет виден по адресу - http://joomla, а панель управления по адресу - http://joomla/administrator3.

2.3.3 Последовательность выполнения инсталляции 

Рис.2.3 Этап инсталляции Денвера

Рис.2.4 Этап инсталляции Денвера

Рис.2.5 Этап инсталляции Денвера

Рис.2.6 Этап инсталляции Денвера

Рис.2.7 Этап инсталляции Денвера

Рис.2.8 Этап инсталляции Денвера

Рис.2.9 Этап инсталляции Денвера

Теперь приступим непосредственно к процессу установки. После того как вы установили Денвер у вас на рабочем столе должны появится 3 ярлыка со следующими названиями: Run, Restart, Stop. Если по каким, то причинам ярлыков не будет то файлы для запуска и остановки сервера можно найти в папке WebServers установленного Денвера. Для этого пройдите в папкуWebServers >> denwer.

Для того чтобы запустить локальный сервер необходимо два раза кликнуть по ярлыку Run. В результате у вас появится еще один виртуальный диск, обычно это диск Z.

Теперь нам необходимо создать папку нашего будущего сайта и извлечь туда все файлы из скачанного архива с CMS Joomla. Для этого пройдем в следующую папку нашего локально сервера WebServers >> home >> localhost >> wwwи здесь создадим папку нашего будущего сайта назовем ее просто joomla. После этого извлечем сюда все содержимое скачанного архива с Joomla.

После этого нам необходимо создать базу для нашего будущего сайта. Для этого открываем свой любимый браузер и в строке ввода адреса пишем localhost/tools и нажимаем Enter. В результате у вас должна загрузится страница на которой будет следующее:

На этой странице кликаем по ссылке phpmyadmin/ и перед нами загрузится главная страница phpMyAdmin. Здесь мы и будем создавать базу. Для этого в поле Создать новую БД введем название нашей базы например joomla, а из выпадающего списка "Сравнение" выберем кодировку - utf8_bin после чего нажимаем на кнопку "Создать", смотрите рисунок:

Теперь у нас все готово для того чтобы приступить непосредственно к установке Joomla на компьютер. Для этого в адресной строке браузера введите localhost/joomla и нажмите Enter. В результате загрузится страница, где нам необходимо:

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

Шаг 2. Начальная проверка - здесь ничего настраивать не нужно, поэтому нажимаем "Далее".

Шаг 3. Лицензия - можете ознакомиться с лицензией и нажимаете "Далее"

Шаг 4. База данных. На этой странице нам необходимо сделать установки базы данных. 
В выпадающем списке Тип базы данных уже выбран mysql, так и оставляем.
 
Название хоста - вписываем localhost.
 
В поле Имя пользователя пишем root.
 
В поле пароль ничего не пишем, оставляем пустым.
 
В поле Имя базы данных вписываем название нашей базы - joomla.
После этого нажимаем кнопку "Далее"

Шаг 5. Конфигурация FTP - здесь все оставляем как есть и жмем "Далее"

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

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

Для этого нажмите на кнопку Установить демо данные, в результате вместо кнопки появится сообщение "Демо-данные успешно установлены". В будущем их можно просто удалить. После этого нажимаем на кнопку "Далее".

Если все прошло успешно то перед вами появится страница с сообщением -Поздравляем, вы установили Joomla! А чуть правее будет следующее сообщение:

Теперь нам необходимо удалить папку installation из папки с нашим сайтом которую мы разместили на нашем локальном сервере. Для этого пройдите в папку WebServers >> home >> localhost >> www >> joomla и удалите папку installation.

Теперь вернитесь в браузер и для того чтобы попасть на ваш сайт в адресной строке браузера введите: localhost/joomla/ в результате загрузится главная страница сайта.

Для того чтобы попасть в панель администратора из которой вы будете производить управление своим сайтом в адресной строке браузера напишите адрес: localhost/joomla/administrator и нажмите Enter. В результате загрузится страница с формой, в которую необходимо ввести в поле Логин: admin, а в поле пароль тот пароль который вы ввели при установке joomla. Затем нажимаем на кнопку "Войти" и входим в административный раздел сайта.

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

Рис.2.10 Этап инсталляции и настройки Joomla 

Рис.2.11 Этап инсталляции и настройки Joomla 

Рис.2.12 Этап инсталляции и настройки Joomla 

Рис.2.13 Этап инсталляции и настройки Joomla 

Рис.2.14 Этап инсталляции и настройки Joomla 

Рис.2.15 Этап инсталляции и настройки Joomla 

Рис.2.16 Этап инсталляции и настройки Joomla 

Рис.2.17 Этап инсталляции и настройки Joomla 

Рис.2.18 Этап инсталляции и настройки Joomla 

Рис.2.19 Этап инсталляции и настройки Joomla 

Рис.2.20 Этап инсталляции и настройки Joomla 

Рис.2.21 Этап инсталляции и настройки Joomla 

Рис.2.22 Этап инсталляции и настройки Joomla 

Рис.2.23 Этап инсталляции и настройки Joomla 

Рис.2.24 Этап инсталляции и настройки Joomla 

Рис.2.25 Этап инсталляции и настройки Joomla 

Рис.2.26 Этап инсталляции и настройки Joomla 

Рис.2.27 Этап инсталляции и настройки Joomla 

Рис.2.28 Этап инсталляции и настройки Joomla 

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

2.4 Проектирование интерфейса

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

2.4.1 Требования к навигации по интернет-сайту

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

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

Для представления элементов системы навигации по интернет-сайту рекомендуется использовать текстовое меню, не рекомендуется использовать JavaScript и Flash-анимацию. 

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

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

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

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

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

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

2.4.2 Требования к механизму поиска для интернет-сайта

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

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

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

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

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

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

Если результат поиска относится не к HTML странице, то рядом со ссылкой на такой документ необходимо указать его формат и размер. 

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

2.4.3 Требования к дизайну интернет-сайта

Все страницы интернет-сайта должны иметь единый дизайн. 

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

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

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

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

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

- текст должен отображаться с соответствующим уровнем контраста по отношению к используемому цвету фона (не менее 50 %); 

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

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

- навигационные и интерактивные элементы страницы (ссылки, изображения, кнопки и т. п.) должны легко идентифицироваться пользователями; 

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

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

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

Для упрощения восприятия информации ее рекомендуется разбивать на разделы и подразделы с использованием тегов заголовков (<h>) согласно правилам их использования. 

Очередным шагом к созданию проекта будет определение структуры сайта. Т.е. какие элементы будут присутствовать на сайте, какие будут созданы разделы и категории. Другими словами схема (образ) будущего сайта [4]. 

Определяем, какие разделы будут на сайте. Как правило, разделы при базовом проектировании стандартны: главная страница, обратная связь в виде страницы «Контакты», ссылки на взаимодействующие организации и партнеров. Полная структура разрабатываемого сайта представлена в приложении 1.

Когда в первую очередь рисуется дизайн сайта, к нему очень сложно предъявить четкие требования. В результате получается «какой-то» дизайн. По ходу разработки с ним возникают разные проблемы. До недавнего времени стандартные требования к размещению дизайна были сформулированы подобным образом [5]:

1. Возможность тянущегося дизайна.

2. Возможная ориентация на разрешение 800х600.

3. Дизайн подвала («футера»).

4. Стили таблиц: шапка, «сортирующие» ссылки в шапке, четные и нечетные строки.

5. Стили форм: шрифт в textarea, ширина элементов, их выравнивание, отступы в кнопках.

6. Типографика: стили заголовков h2 и h3, маркированных списков, подписей к рисункам, цитат blockquote.

7. Стили ссылок hover и visited.

8. Стили номеров страниц.

Сегодня, с увеличением возможностей телекоммуникации, доступностью современного коммуникационного оборудования, позволяющего обеспечить высокую скорость доступа к ресурсам сети, а также последними разработками в области LCD-мониторов, обеспечивающих разрешение в формате Full HD (1920x1080), которое рассматривается как стандарт де-факто сегодня, эти требования формулируются так4:

  1.  Минимальное поддерживаемое разрешение — 1024х768. На 800х640 может быть горизонтальная прокрутка, но строка основного текста должна умещаться в 800px.
  2.  Если «резина5», то тянется примерно с 950px до 1200px, чтобы на больших разрешениях строки не становились слишком длинными. Если фиксированная ширина, то примерно 1000px.
  3.  Предусмотреть, как будет выглядеть сайт на 1600х1200 и больше.
  4.  Невысокая шапка, пикселей 200 максимум.
  5.  Боковая колонка может быть фиксированной ширины. Не должна быть слишком узкой. Список ссылок в боковой колонке не должен слишком сильно растягиваться по высоте.
  6.  Предусмотреть дизайн подвала.
  7.  Ссылки подчеркнуты.
  8.  Стили для уже посещенных ссылок.
  9.  Стили для текущих пунктов меню.
  10.  Стили для таблицы, в том числе для шапки таблицы.
  11.  Стили для маркированных списков.
  12.  Стили для трех уровней заголовков.
  13.  Стили для нумерации страниц.
  14.  Придумать, как выделять новинки и специальные предложения в каталоге.
  15.  Фотографии без закругленных уголков.
  16.  Ключевые слова в шапке, контакты, пункты меню должны быть не картинками, а текстом — нужно использовать стандартный шрифт.
  17.  Видео с «ютьюба» должно более или менее органично смотреться на страницах сайта.
  18.  Стили для «лайтбокса».
  19.  Возможность оформления форума в стиле сайта.

Для

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

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

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

Линейные параметры изображения (высота и ширина, координаты позиционирования) должны в обязательном порядке явно определяться в коде разметки страницы. 

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

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

2.4.5 Требования к размещению информации на интернет-сайте 

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

Процедура должна устанавливать: 

а) терминологию (для однозначного понимания положений процедуры персоналом); 

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

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

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

д) порядок обработки запросов пользователей по электронной почте, а также запросов, поступивших при заполнении пользователями интерактивных форм; 

е) ответственность на уровне структурных подразделений или отдельных сотрудников за выполнение каждой установленной функции. 

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

2.4.6 Продвижение и поисковая оптимизация 

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

2.4.7 Требования к системам интернет-статистики 

Система интернет-статистики интернет-сайтов государственных органов и организаций должна: 

- основываться на данных аудита сервера, на котором размещен интернет-сайт; 

- поддерживать основные форматы файла журнала аудита сервера (Apache Log Format, W3C Extended Log File Format, IIS Log File Format); 

- иметь настройки, определяющие собственный формат файла журнала аудита; 

- поддерживать анализ файлов журнала аудита сервера большого объема (превышающего 100 Мб); 

- поддерживать архивный формат файлов журнала аудита сервера; 

- осуществлять горячий резерв файлов журнала аудита сервера; 

- анализировать наличие технических проблем (ссылки на несуществующие ресурсы, перегрузка интернет-сайта);

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

 

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

Рис. 2.29 Структура ссылок сайта

Рис. 2.30 Процесс проектирования главной страницы

Рис. 2.31 Главная страница разработанного сайта (структура)

Рис. 2.32 Главная страница разработанного сайта

Рис. 2.33 Страница разработанного сайта в процессе разработки

Рис. 2.34 Страница разработанного сайта (применение шаблонов оформления)

Рис. 2.35 Страница разработанного сайта (вариант дизайна)

Рис. 2.36 Главная страница разработанного сайта(итоговый вариант)

2.4.8 Создание меню сайта 

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

При стандартной установке Joomla! вместе с демонстрационным контентом мы уже имеет несколько готовых менюшек: main, top, other, user, при этом последнее становиться доступным только после того, как зарегестрированный юзер залогиниться.

Чтобы создать новое меню необходимо:

  1.  Авторизоваться в в административной панели Joomla
  2.  Выбрать пункт меню «Menu->Menu Manager» и в открывшемся окне нажать кнопку «New»
  3.  Затем в загрузившемся окне заполняем всего два поля:
    •  «Menu Name» — идентификатор меню, которое используется внутри кода Joomla!, поэтому рекомендуют выбирать не повторяющиеся и без пробелов.
    •  «Module Title» — заголовок создаваемого меню, который будет отображаться на сайте.
  4.  Жмём кнопку «Save» и меню готово.

Далее надо добавить хотя бы один элемент меню.

  1.  Для этого жмём на иконку напротив идентификатора меню («test_menu» в нашем случае), или же идём в меню «Menu->test_menu».
  2.  Нажимаем кнопку «New» для запуска мастера создания нового пункта
  3.  На первом этапе нам предлагается выбрать тип создаваемого элемента меню, то есть, что собственно будет отображаться, если это подменю было выбрано. Выбор на первый взгляд довольно большой, хотя есть предупреждение, что некоторые типы элементов меню повторяются. Повторяются они для удобства, так как всё сгруппировано по назначению. Например, «Link – Conent Item» находиться одновременно в группах «Content» и «Links». Дальше, выбираем для простоты «Link – Url» из «Links» и переходим ко второму шагу нажав «Next».
  4.  В появившемся окне в поле «Name» указываем заголовок пункта меню, который будет отображаться на сайте, а в поле «Link» указываем прямой Url на страницу.
  5.  Нажимаем «Save» для сохранения пункта меню.

Теперь у нашего меню есть один опубликованный элемент. Чтобы меню отображалось на сайте надо его «опубликовать». Для этого в панели администратора переходим к меню «Modules->Site Modules», где отмечаем «Test Menu» и жмём «Publish».

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

2.5 Публикация сайта

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

1. На локальной машине, делаем экспорт таблиц базы с локального сервера с помощью, например, phpMyAdmin в файл типа .sql

2. На удаленном сервере производим импорт таблиц из полученного файла

3. Закачиваем все файлы (кроме директории installation), с локального компьютера на сервер. Файлы из папки Cache тоже переписывать не надо, просто создайте такую папку на сервере.

4. Корректируем файл конфигурации configuration.php и закачивем его на сервер

Изменяем настройки в файле configuration.php соответствии с настройками на сервере:

$mosConfig_host = 'адрес базы mysql';  обычно это localhost
$mosConfig_user = 'имя доступа к mysql';
$mosConfig_password = 'пароль доступа к mysql';
$mosConfig_db = 'имя базы';
$mosConfig_absolute_path = 'абсолютный путь к файлам сайта';
$mosConfig_cachepath = 'абсолютный путь к папке для хранения кэша';
$mosConfig_live_site = 'http://www.адрес_сайта.ру';

Абсолютный путь к файлам можно узнать у хостера.

5. На перечисленные ниже директории выставляем права доступа 777:

cache
images
 
images/banners
images/stories
media
 
components
 
language
 
modules
 
mambots
 
templates
 
administrator
administrator/backups
 
administrator/components
administrator/modules

 6. Cайт должен быть доступен посетителям.


Заключение

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

Одним из решений широко используемых сегодня является CMS (content managment system) - это система управления сайтом, которая позволяет полностью управлять сайтом непосредственно в интернете без знания языков программирования. Обычно CMS включают набор скриптов для реализации различных функций. Используемая в работе Joomla CMS – это самая популярная бесплатная CMS с открытым исходным кодом. Открытый исходный код означает, что любой желающий может писать под нее свои расширения. На данный момент под Joomla написано уже более 4500 расширений.

Для управления мощным сайтом на Joomla нет нужды знать HTML, PHP, CSS. Но для разработки приложений и настройки Joomla под  конкретную задачу такие знания конечно же нужны.

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


Список использованной литературы

  1.  Г.Востров, Е.Малахов, К.Корнилова. Проблемы моделирования предметных областей в информационных системах. http://www.codenet.ru/progr/other/modeling-problems/
  2.  Колисниченко Д. Joomla 1.5. Руководство пользователя. М.: Диалектика. 2005 г.
  3.  Дэн Рамел. Joomla. Самоучитель. С-Пб.:BHV. 2003 г.
  4.  Куртеев А. С чего начать создание проекта? Центр Профессионального Обучения Joomla – http://alex-kurteev.
  5.  Сергеев Д. Покупаете дизайн отдельно? Проверьте, всё ли на месте http://www.dserg.com/design-checklist-2007-09-24.html
  6.  ТЕХНИЧЕСКОЕ ЗАДАНИЕ НА РАЗРАБОТКУ ИНТЕРНЕТ-САЙТА http://www.rugost.com/index.php?option=com_content&task=view&id=182&Itemid=60
  7.  Шлеер С., Меллор С. Объектно-ориентированный анализ: моделирование мира в состояниях. - К.: Диалектика, 1993.
  8.  Цикритзис Д., Лоховски Ф. Модели данных: Пер. с англ. - М.: Финансы и статистика, 1985.
  9.  Буч Г. Объектно-ориентированный анализ и проектирование с примерами на С++. - K.: Диалектика, 1997.
  10.  Дейт К. Дж. Введение в системы баз данных: Пер. с англ. - 6-е изд. - К.: Диалектика, 1998.
  11.  Руководство по UNIMARC: Руководство по применению международного коммуникативного формата UNIMARC / Пер. с англ. авт. коллектива под рук. А.И. Земскова, Я.Л. Шрайберга. - М.: ГПНТБ России, 1992.
  12.  Кузнецов М. В.,  Симонов И. В., Голышев С. В. PHP Практическая разработка web-сайтов. – СПб.: БХВ – Петербург, 2006. – 960 с.: ил.
  13.  Попов В. Практикум по Интернет – технологиям: учебный курс/В.Попов. – СПб.: Питер. 2002. – 480 с.: ил
  14.  Орлов Л. Как создать электронный магазин в Интернет. - 3-е издание/ Новый издательский дом –  2004


Приложения

Приложении 1

Структура сайта

Главная страница

 Символика

География

Городское управление

Главы города

История Климовска

Война

 После войны

Население

Спорт

Экономика

Строительство

Транспорт

Автобусные маршруты

Образование

Школы

Школа № 1

Лицей (школа № 2)

Гимназия им. Подольских курсантов (школа № 4)

Школа № 5

Школа № 6

Промышленность

Известные климовчане

Города — побратимы

Связь и телекоммуникации

Средства массовой информации

Культура и религия

Ссылки


Приложение 2

Скриншоты с указанием структуры сайта администрации г. Климовск.


Приложение 3

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

 

 


Приложение 4

Код программного продукта

 

 <!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" xml:lang="ru-ru" lang="ru-ru"> 

 

 <head> 

 <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 

 <meta name="robots" content="index, follow" /> 

 <meta name="keywords" content="joomla, CMS Joomla, движок сайта" /> 

 <meta name="description" content="Joomla! - система управления содержимым - основа динамического портала" /> 

 <meta name="generator" content="Joomla! 1.5 - Open Source Content Management" /> 

 <title>Добро пожаловать на главную страницу</title>

 <link href="/index.php?format=feed&amp;type=rss" rel="alternate" type="application/rss+xml" title="RSS 2.0" /> 

 <link href="/index.php?format=feed&amp;type=atom" rel="alternate" type="application/atom+xml" title="Atom 1.0" /> 

 <link href="/templates/ja_purity/favicon.ico" rel="shortcut icon" type="image/x-icon" /> 

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

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

 

 

 <link rel="stylesheet" href="http://mysite/templates/system/css/system.css" type="text/css" /> 

 <link rel="stylesheet" href="http://mysite/templates/system/css/general.css" type="text/css" /> 

 <link rel="stylesheet" href="http://mysite/templates/ja_purity/css/template.css" type="text/css" /> 

 

 <script language="javascript" type="text/javascript" src="http://mysite/templates/ja_purity/js/ja.script.js"></script> 

 

 <script language="javascript" type="text/javascript"> 

var rightCollapseDefault='show';

var excludeModules='38';

</script>

 <script language="javascript" type="text/javascript" src="http://mysite/templates/ja_purity/js/ja.rightcol.js"></script> 

 

 <link rel="stylesheet" href="http://mysite/templates/ja_purity/css/menu.css" type="text/css" /> 

 

 

 <link rel="stylesheet" href="http://mysite/templates/ja_purity/styles/background/lighter/style.css" type="text/css" /> 

 <link rel="stylesheet" href="http://mysite/templates/ja_purity/styles/elements/black/style.css" type="text/css" /> 

 

 <!--[if IE 7.0]>

 <style type="text/css">

 .clearfix {display: inline-block;}

 </style>

 <![endif]--> 

 

 <style type="text/css"> 

#ja-header,#ja-mainnav,#ja-container,#ja-botsl,#ja-footer {width: 97%;margin: 0 auto;}

#ja-wrapper {min-width: 100%;}

</style>

 </head> 

 

 <body id="bd" class="fs6 Moz" > 

 <a name="Top" id="Top"></a> 

 <ul class="accessibility"> 

 <li><a href="#ja-content" title="Перейти к содержимому">Перейти к содержимому</a></li> 

 <li><a href="#ja-mainnav" title="Перейти к основной навигации">Перейти к основной навигации</a></li> 

 <li><a href="#ja-col1" title="Перейти к первому столбцу">Перейти к первому столбцу</a></li> 

 <li><a href="#ja-col2" title="Перейти ко второму столбцу">Перейти ко второму столбцу</a></li> 

 </ul> 

 

 <div id="ja-wrapper"> 

 

 <!-- BEGIN: HEADER --> 

 <div id="ja-headerwrap"> 

 <div id="ja-header" class="clearfix" style="background: url(http://mysite/templates/ja_purity/images/header/header2.jpg) no-repeat top right;"> 

 

 <div class="ja-headermask">&nbsp;</div> 

 

 <h1 class="logo"> 

 <a href="/index.php" title="MoyKlimovsk"><span>MoyKlimovsk</span></a> 

 </h1> 

 

 <ul class="ja-usertools-font"> 

 <li><img style="cursor: pointer;" title="Увеличить размер" src="http://mysite/templates/ja_purity/images/user-increase.png" alt="Увеличить размер" id="ja-tool-increase" onclick="switchFontSize('ja_purity_ja_font','inc'); return false;" /></li> 

 <li><img style="cursor: pointer;" title="Размер по умолчанию" src="http://mysite/templates/ja_purity/images/user-reset.png" alt="Размер по умолчанию" id="ja-tool-reset" onclick="switchFontSize('ja_purity_ja_font',6); return false;" /></li> 

 <li><img style="cursor: pointer;" title="Уменьшить размер" src="http://mysite/templates/ja_purity/images/user-decrease.png" alt="Уменьшить размер" id="ja-tool-decrease" onclick="switchFontSize('ja_purity_ja_font','dec'); return false;" /></li> 

 </ul> 

 <script type="text/javascript">var CurrentFontSize=parseInt('6');</script>

 

 <div id="ja-search"> 

 <form action="index.php" method="post"> 

 <div class="search"> 

 <input name="searchword" id="mod_search_searchword" maxlength="20" alt="Поиск" class="inputbox" type="text" size="20" value="найти..." onblur="if(this.value=='') this.value='найти...';" onfocus="if(this.value=='найти...') this.value='';" /> </div> 

 <input type="hidden" name="task" value="search" /> 

 <input type="hidden" name="option" value="com_search" /> 

 <input type="hidden" name="Itemid" value=1 /> 

 </form> 

 </div> 

 

 </div> 

 </div> 

 <!-- END: HEADER --> 

 

 <!-- BEGIN: MAIN NAVIGATION --> 

 <!-- END: MAIN NAVIGATION --> 

 

 <div id="ja-containerwrap"> 

 <div id="ja-containerwrap2"> 

 <div id="ja-container"> 

 <div id="ja-container2" class="clearfix"> 

 

 <div id="ja-mainbody" class="clearfix"> 

 

 <!-- BEGIN: CONTENT --> 

 <div id="ja-contentwrap"> 

 <div id="ja-content"> 

 

 

 

 

 <div class="componentheading"> 

 Добро пожаловать на главную страницу</div> 

 <table class="blog" cellpadding="0" cellspacing="0"> 

 <tr> 

 <td valign="top"> 

 <div> 

 

 

 

<div class="contentpaneopen">

 

 

 <h2 class="contentheading"> 

 

 Город Климовск 

 

 </h2> 

 

 

 

 

 

 <div class="article-tools"> 

 <div class="article-meta"> 

 

 

 <span class="createdate"> 

07.07.07 12:54

 </span> 

 

 

 

 <span class="createby"> 

 администратор 

 </span> 

 

 

 

 </div> 

 

 

 <div class="buttonheading"> 

 

 <span> 

 <a href="/index.php?option=com_mailto&amp;tmpl=component&amp;link=aHR0cDovL215c2l0ZS9pbmRleC5waHA/b3B0aW9uPWNvbV9jb250ZW50JnZpZXc9YXJ0aWNsZSZpZD00NToyMDEwLTEyLTA2LTExLTUwLTAzJmNhdGlkPTE6bGF0ZXN0LW5ld3MmSXRlbWlkPTUw" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/ja_purity/images/emailButton.png" alt="E-mail" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=45:2010-12-06-11-50-03&amp;tmpl=component&amp;print=1&amp;layout=default&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/printButton.png" alt="Печать" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=45:2010-12-06-11-50-03&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/pdf_button.png" alt="PDF" /></a> 

 </span> 

 

 </div> 

 

 

 

 </div> 

 

 

 

 

 <div class="article-content"> 

 

 <p> 

 <p class="caption" style="text-align: justify; text-indent: 35.45pt;">Климовскгород<a name="_ftnref1" href="file:///C:/Documents%20and%20Settings/%D0%9B%D0%B5%D0%B2/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/%D0%9A%D1%83%D1%80%D1%81%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%B4%D0%BB%D1%8F%20%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8/%D0%9F%D0%BE%D0%B4%D0%BE%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9%20%D0%BA%D0%BE%D0%BB%D0%BB%D0%B5%D0%B4%D0%B6%20%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%B0%20%D0%BA%D1%83%D1%80%D1%81%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%B4%D0%BB%D1%8F%20%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8.doc#_ftn1"><!--[if !supportFootnotes]-->[1]<!--[endif]--></a> областного подчинения в Московской области, в 53 км к югу от Москвы (от нулевого километра) и в 8 км к югу от Подольска. Железнодорожные станции Весенняя и Гривно на курском направлении Московской железной дороги. Население — 56,1 тыс. чел. (по состоянию на 2010 год).</p> 

 <span class="caption">Город областного подчинения граничит на севере с городом Подольском, со всех остальных сторон окружён Подольским районом. Железнодорожной веткой делится на две части — восточную (Весенняя) и западную (Гривно). Окружён лесами. В состав города включен парк «Дубрава». Высота центра над <a href="http://ru.wikipedia.org/wiki/%D0%A3%D1%80%D0%BE%D0%B2%D0%B5%D0%BD%D1%8C_%D0%BC%D0%BE%D1%80%D1%8F" title="Уровень моря">уровнем моря</a> — 175 м. По территории Климовска протекают реки <a href="http://ru.wikipedia.org/wiki/%D0%A0%D0%BE%D0%B6%D0%B0%D0%B9_(%D1%80%D0%B5%D0%BA%D0%B0)" title="Рожай (река)">Рожай</a> (Сосновка) и <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B5%D1%82%D1%80%D0%B8%D1%86%D0%B0" title="Петрица">Петрица</a>. Город находится на <a href="http://ru.wikipedia.org/wiki/%D0%92%D0%BE%D0%B4%D0%BE%D1%80%D0%B0%D0%B7%D0%B4%D0%B5%D0%BB" title="Водораздел">водоразделе</a> рек <a href="http://ru.wikipedia.org/wiki/%D0%9C%D0%BE%D1%87%D0%B0_(%D1%80%D0%B5%D0%BA%D0%B0,_%D0%BF%D1%80%D0%B8%D1%82%D0%BE%D0%BA_%D0%9F%D0%B0%D1%85%D1%80%D1%8B)" title="Моча (река, приток Пахры)">Мочи</a> и <a href="http://ru.wikipedia.org/wiki/%D0%A0%D0%BE%D0%B6%D0%B0%D0%B9%D0%BA%D0%B0" title="Рожайка">Рожайки</a>, являющихся правыми притоками первого порядка реки <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D1%85%D1%80%D0%B0" title="Пахра">Пахры</a>. Расположен город на <a href="http://ru.wikipedia.org/wiki/%D0%9C%D0%BE%D1%81%D0%BA%D0%B2%D0%BE%D1%80%D0%B5%D1%86%D0%BA%D0%BE-%D0%9E%D0%BA%D1%81%D0%BA%D0%B0%D1%8F_%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%BD%D0%B0" title="Москворецко-Окская равнина">Москворецко-Окской равнине</a>, в центре <a href="http://ru.wikipedia.org/wiki/%D0%92%D0%BE%D1%81%D1%82%D0%BE%D1%87%D0%BD%D0%BE-%D0%95%D0%B2%D1%80%D0%BE%D0%BF%D0%B5%D0%B9%D1%81%D0%BA%D0%B0%D1%8F_%D1%80%D0%B0%D0%B2%D0%BD%D0%B8%D0%BD%D0%B0" title="Восточно-Европейская равнина">Восточно-Европейской равнины</a>. Климат — умеренно континентальный с относительно мягкой зимой и тёплым влажным летом. <a href="http://ru.wikipedia.org/wiki/%D0%AF%D0%BD%D0%B2%D0%B0%D1%80%D1%8C" title="Январь">Среднеянварская</a> температура — около −10 °C, среднеиюльская — +17 °C. Средняя продолжительность лета — 130 дней. Частое прохождение циклонов с Атлантики и иногда со Средиземноморья обуславливает увеличение облачности. Среднегодовое количество осадков — 550 мм. Больше всего осадков выпадает летом, меньше всего — зимой. Средняя толщина снежного покрова зимой — 8-10 см. Воздух не сильно загрязнён, до строительства эстакады наибольшая концентрация вредных газов была в районе Сергеевского железнодорожного переезда. Добыча природных ископаемых не ведётся, однако на юго-восточной окраине Климовска расположено единственное месторождение глин и легкоплавких суглинков для кирпича. В лесах вокруг города водятся белки, ужи и другие животные. Широко распространены птицы (дятлы, синицы, воробьи, снегири, голуби, вороны, грачи, сороки и др.) </span> 

 <div style="mso-element: footnote-list;"><!--[if !supportFootnotes]--><br /> 

 <hr width="33%" size="1" /> 

 <!--[endif]--> 

 <div id="ftn1" style="mso-element: footnote;"> 

 <p class="MsoFootnoteText"><a name="_ftn1" href="file:///C:/Documents%20and%20Settings/%D0%9B%D0%B5%D0%B2/%D0%A0%D0%B0%D0%B1%D0%BE%D1%87%D0%B8%D0%B9%20%D1%81%D1%82%D0%BE%D0%BB/%D0%9A%D1%83%D1%80%D1%81%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%B4%D0%BB%D1%8F%20%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8/%D0%9F%D0%BE%D0%B4%D0%BE%D0%BB%D1%8C%D1%81%D0%BA%D0%B8%D0%B9%20%D0%BA%D0%BE%D0%BB%D0%BB%D0%B5%D0%B4%D0%B6%20%D1%81%D0%B5%D1%80%D0%B2%D0%B8%D1%81%D0%B0%20%D0%BA%D1%83%D1%80%D1%81%D0%BE%D0%B2%D0%B0%D1%8F%20%D0%B4%D0%BB%D1%8F%20%D0%BB%D0%B5%D0%BD%D1%8C%D0%BA%D0%B8.doc#_ftnref1" style="mso-footnote-id: ftn1;"><span class="MsoFootnoteReference"><span style="mso-special-character: footnote;"><!--[if !supportFootnotes]--><span class="MsoFootnoteReference"><span style="font-size: 10.0pt; font-family: &quot;Times New Roman&quot;,&quot;serif&quot;; mso-fareast-font-family: Calibri; mso-ansi-language: RU; mso-fareast-language: EN-US; mso-bidi-language: AR-SA;">[1]</span></span><!--[endif]--></span></span></a> <span><span style="color: black;"><span style="mso-spacerun: yes;"> </span>Статус города Климовск получил с1940 года, распоряжением правительства РСФСР.</span></span></p> 

 </div> 

 </div> 

 </p> 

 </div> 

 

 

 <span class="modifydate"> 

 Последнее обновление 06.12.10 14:50

 </span> 

 

 

 

 

 </div> 

 

 <span class="article_separator">&nbsp;</span> 

 

 </div> 

 </td> 

 </tr> 

 

 <tr> 

 <td valign="top"> 

 <table width="100%" cellpadding="0" cellspacing="0"> 

 <tr> 

 <td valign="top" width="50%" class="article_column"> 

 

 

 

 <div class="contentpaneopen"> 

 

 

 <h2 class="contentheading"> 

 

 Война 1941-1945 гг 

 

 </h2> 

 

 

 

 

 

 <div class="article-tools"> 

 <div class="article-meta"> 

 

 

 <span class="createdate"> 

07.07.07 12:54

 </span> 

 

 

 

 <span class="createby"> 

 администратор 

 </span> 

 

 

 

 </div> 

 

 

 <div class="buttonheading"> 

 

 <span> 

 <a href="/index.php?option=com_mailto&amp;tmpl=component&amp;link=aHR0cDovL215c2l0ZS9pbmRleC5waHA/b3B0aW9uPWNvbV9jb250ZW50JnZpZXc9YXJ0aWNsZSZpZD02OndlLWFyZS12b2x1bnRlZXJzJmNhdGlkPTE6bGF0ZXN0LW5ld3MmSXRlbWlkPTUz" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/ja_purity/images/emailButton.png" alt="E-mail" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=6:we-are-volunteers&amp;tmpl=component&amp;print=1&amp;layout=default&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/printButton.png" alt="Печать" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=6:we-are-volunteers&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/pdf_button.png" alt="PDF" /></a> 

 </span> 

 

 </div> 

 

 

 

 </div> 

 

 

 

 

 <div class="article-content"> 

 

 <p><span style="color: #000000; font-family: sans-serif; font-size: 13px; line-height: 19px;">В <a href="http://ru.wikipedia.org/wiki/1941_%D0%B3%D0%BE%D0%B4" title="1941 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1941 году</a>, город Климовск оказался в прифронтовой зоне, подвергаясь неоднократным <a href="http://ru.wikipedia.org/wiki/%D0%90%D0%B2%D0%B8%D0%B0%D1%86%D0%B8%D1%8F" title="Авиация" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">авиационным</a> бомбёжкам. С <a href="http://ru.wikipedia.org/wiki/%D0%A1%D0%B0%D0%BC%D0%BE%D0%BB%D1%91%D1%82" title="Самолёт" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">самолётов</a> сбрасывались листовки с предложением сдаться в плен. Многие жители участвовали в боевых действиях, все взрослые климовчане участвовали в строительстве оборонных укреплений. Некоторые записывались в <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D1%80%D1%82%D0%B8%D0%B7%D0%B0%D0%BD" title="Партизан" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">партизаны</a> и <a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%9D%D0%B0%D1%80%D0%BE%D0%B4%D0%BD%D0%BE%D0%B5_%D0%BE%D0%BF%D0%BE%D0%BB%D1%87%D0%B5%D0%BD%D0%B8%D0%B5" title="Народное ополчение" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">народное ополчение</a>. КМЗ был эвакуирован в <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B5%D0%BD%D0%B7%D0%B0" title="Пенза" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Пензу</a> и <a href="http://ru.wikipedia.org/wiki/%D0%A2%D0%B0%D1%88%D0%BA%D0%B5%D0%BD%D1%82" title="Ташкент" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Ташкент</a>. Остальные заводы были переоборудованы под производство продукции для <a href="http://ru.wikipedia.org/wiki/%D0%90%D1%80%D0%BC%D0%B8%D1%8F" title="Армия" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">армии</a><a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%9A%D0%A8%D0%97" title="КШЗ" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Климовский штамповочный завод</a> (КШЗ) производил патроны для <a href="http://ru.wikipedia.org/wiki/%D0%A2%D0%A2_(%D0%BF%D0%B8%D1%81%D1%82%D0%BE%D0%BB%D0%B5%D1%82)" title="ТТ (пистолет)" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">пистолета ТТ</a>, КМЗ производил мины. Многие жители Климовска были представлены к наградам.</span></p> 

 <p><span style="color: #000000; font-family: sans-serif; font-size: 13px; line-height: 19px;"><span style="font-family: sans-serif; color: #000000; font-size: x-small;"><span style="line-height: 19px;"><a></a></span></span><br /></span><img src="http://img.lenta.ru/photo/2009/09/01/polska/15.jpg" border="0" alt="Картинка 16 из 11218" /></p> 

 <p>немецкие агрессоры бомбят город</p> 

 <p> </p> 

 </div> 

 

 

 <span class="modifydate"> 

 Последнее обновление 11.12.10 17:43

 </span> 

 

 

 

 

 </div> 

 

 <span class="article_separator">&nbsp;</span> 

 

 

 

 

 <div class="contentpaneopen"> 

 

 

 <h2 class="contentheading"> 

 

 Основные положения лицензии Joomla!

 

 </h2> 

 

 

 

 

 

 <div class="article-tools"> 

 <div class="article-meta"> 

 

 

 <span class="createdate"> 

20.08.08 13:11

 </span> 

 

 

 

 <span class="createby"> 

 администратор 

 </span> 

 

 

 

 </div> 

 

 

 <div class="buttonheading"> 

 

 <span> 

 <a href="/index.php?option=com_mailto&amp;tmpl=component&amp;link=aHR0cDovL215c2l0ZS9pbmRleC5waHA/b3B0aW9uPWNvbV9jb250ZW50JnZpZXc9YXJ0aWNsZSZpZD01Ompvb21sYS1saWNlbnNlLWd1aWRlbGluZXMmY2F0aWQ9MjU6dGhlLXByb2plY3QmSXRlbWlkPTI=" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/ja_purity/images/emailButton.png" alt="E-mail" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=25:the-project&amp;id=5:joomla-license-guidelines&amp;tmpl=component&amp;print=1&amp;layout=default&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/printButton.png" alt="Печать" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=25:the-project&amp;id=5:joomla-license-guidelines&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/pdf_button.png" alt="PDF" /></a> 

 </span> 

 

 </div> 

 

 

 

 </div> 

 

 

 

 

 <div class="article-content"> 

 

 <p>Этот веб-сайт работает на <a href="http://joomla.org/" target="_blank" title="Joomla!">Joomla!</a> Авторские права на программное обеспечение и встроенные шаблоны с 2005 года принадлежат <a href="http://www.opensourcematters.org/" target="_blank" title="Open Source Matters">Open Source Matters</a>. Авторские права на всё прочее содержимое сайта или данные, включая данные, введенные на этом сайте, а также на шаблоны, добавленные после установки, принадлежат их владельцам.</p><p>Если Вы хотите распространять, копировать или модифицировать Joomla!, то Вы должны сначала ознакомиться с условиями <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html#SEC1">Стандартной общественной лицензии GNU (GNU General Public License)</a>. Если Вы мало знакомы с этой лицензией, то можете прочитать <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0.html#SEC4">'Как применять это соглашение для своей программы'</a> и <a href="http://www.gnu.org/licenses/old-licenses/gpl-2.0-faq.html" target="_blank" title="GNU General Public License">'Часто задаваемые вопросы и ответы по Лицензии GNU GPL'</a>.</p><p>Документация Joomla! предоставляется в соответствии с условиями лицензии <a href="http://creativecommons.org/licenses/by-nc-sa/2.5/" title="Creative Commons ">Creative Commons Attribution-Non-Commercial-Share-Alike License 2.5</a> или в соответствии с собственной лицензией владельцев авторского права.</p><p>Joomla! всегда распространялась по лицензии GPL.</p> 

 </div> 

 

 

 <span class="modifydate"> 

Последнее обновление 20.08.08 13:11

 </span> 

 

 

 

 

 </div> 

 

 <span class="article_separator">&nbsp;</span> 

 

 </td> 

 <td valign="top" width="50%" class="article_column column_separator"> 

 

 

 

 <div class="contentpaneopen"> 

 

 

 <h2 class="contentheading"> 

 

 Анонс 

 

 </h2> 

 

 

 

 

 

 <div class="article-tools"> 

 <div class="article-meta"> 

 

 

 <span class="createdate"> 

07.07.07 12:54

 </span> 

 

 

 

 <span class="createby"> 

 администратор 

 </span> 

 

 

 

 </div> 

 

 

 <div class="buttonheading"> 

 

 <span> 

 <a href="/index.php?option=com_mailto&amp;tmpl=component&amp;link=aHR0cDovL215c2l0ZS9pbmRleC5waHA/b3B0aW9uPWNvbV9jb250ZW50JnZpZXc9YXJ0aWNsZSZpZD00NDpqb29tbGEtc2VjdXJpdHktc3RyaWtlLXRlYW0mY2F0aWQ9MTpsYXRlc3QtbmV3cyZJdGVtaWQ9NTA=" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/ja_purity/images/emailButton.png" alt="E-mail" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=44:joomla-security-strike-team&amp;tmpl=component&amp;print=1&amp;layout=default&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/printButton.png" alt="Печать" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=44:joomla-security-strike-team&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/pdf_button.png" alt="PDF" /></a> 

 </span> 

 

 </div> 

 

 

 

 </div> 

 

 

 

 

 <div class="article-content"> 

 

 <p><span style="color: #000000; font-family: verdana; line-height: normal; font-size: 13px;"> </span></p> 

 <h3 class="subheader" style="padding-top: 0px; padding-right: 0px; padding-bottom: 1em; padding-left: 0px; font: normal normal normal 1.1em/normal verdana; font-size: 1em; font-style: italic; margin: 0px;">В прокат вышел фильм «Хроники Нарнии: Покоритель зари»</h3> 

 <div class="newsBody"> 

 <div class="artblock clickheat_article_artblock" style="width: 150px; float: left; margin-right: 15px;"><img src="http://pics.rbcdaily.ru/daily_pics/articles/2010/12/10//b1291991155.537903.12503.jpg" border="0" alt="Набежавшая волна" title="Набежавшая волна" width="150" height="200" align="left" style="margin-top: 0px; margin-right: 15px; margin-bottom: 5px; margin-left: 0px; float: none; clear: both; border: initial none initial;" /></div> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">«Хроники Нарнии: Покоритель зари» — очередная история о взрослении детей семейства Певенси, во время Второй мировой войны попадавших в волшебную страну Нарнию, откуда их регулярно выбрасывало обратно в реальность. Режиссером третьей серии экранизации знаменитых романов Клайва Льюиса стал Майкл Эптид, человек очень разносторонний. Он снимал, в частности, серию бондианы «И целого мира мало», социальную драму «Нелл» с Джоди Фостер и сериал из античной жизни «Рим».</p> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">В третьей серии старшие дети Сьюзен и Питер подросли, потому в Нарнию засосет лишь Эдмунда (Скандар Кейнс) и Люси (Джорджи Хенли), прозябавших в эвакуации в доме своего дяди в компании неприятного кузена Юстаса (Уилл Поултер). В процессе очередной свары с Юстасом чудо их и накрыло в самом буквальном смысле этого слова — из висящей на стене картины хлынул океан, а вынырнув уже в волшебном мире, подростки были спасены командой «Покорителя зари» и принцем Каспианом (Бен Барнс). Вместе они отправятся искать семерых великих лордов, которых когда-то изгнал из королевства дядя Каспиана, узурпатор Мираз. А также постараются разобраться со злом, охватывающим Нарнию, — зеленым туманом. В походе они снова увидят творца и хозяина этого мира могущественного льва Аслана, традиционно появляющегося лишь в критические моменты.</p> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">Фильм снят в технологии 3D. И пара битв (одна из которых — с морским чудищем), шторм, хлещущие через борт корабля волны, падающий снег — все это очень мило и красиво. Внешняя событийная канва от созерцания всего этого как бы и не очень отвлекает. Сумбурно пересказанная легенда о семи мечах семи лордов, долгое и опасное плавание, дежурное «Где же ты, Аслан, Аслан, приди!» — вот, собственно, и все. Тем более что основные события развиваются все же не в океане, а в душах героев, которым предстоит победить зло в себе. Люси надо перестать завидовать красоте Сьюзен, а Эдмунду — славе и репутации альфа-самцов Питера и Каспиана.</p> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">Зато очень отвлекает новый персонаж нарнийских хроник Юстас Скрабб, которому надо из вредного подростка преобразиться в приличного человека. По дороге он на какое-то время превратится в дракона, а также вдрызг поссорится, но затем навеки подружится с говорящим крысом Рипичипом (величественными рыцарскими замашками и комплексом Наполеона напоминающим Кота в сапогах из «Шрека»).</p> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">Надо признать, что Юстас и в романе занимает особое место — он будет главным героем заключительных частей «Хроник». На эту роль пригласили Уилла Поултера, известного по драме «Сын Рэмбо» и по замечательному детскому комедийному шоу британского Channel 4. Его едкая внешность и темперамент Мэри Поппинс затмевают не только пубертатные драмы Люси и Эдмунда, но даже эффект 3D и общее назидательное настроение сказки. Каждый раз, когда он появляется в кадре, хочется радостно ухмыляться, а когда он в итоге включает «хорошего парня», то вопреки логике становится даже обидно.</p> 

 <p style="padding-top: 0px; padding-right: 0px; padding-bottom: 8px; padding-left: 0px; line-height: 1.6em; margin: 0px;">Если же усилием воли оторваться от созерцания его блестящей физиономии, то впечатление от «Покорителя зари» в целом создается благопристойное. Правильный, красивый и временами забавный фильм для детей и юношества о том, что надо быть самим собой и отважно сражаться со злом, — сказка c 3D-снежинками, которую особенно приятно посмотреть в предрождественское время.</p> 

 </div> 

 <p> </p> 

 

 </div> 

 

 

 <span class="modifydate"> 

 Последнее обновление 11.12.10 18:04

 </span> 

 

 

 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=44:joomla-security-strike-team&amp;catid=1:latest-news&amp;Itemid=50" title="Анонс" class="readon"> 

 

 Читать полностью 

 

 </a> 

 

 

 </div> 

 

 <span class="article_separator">&nbsp;</span> 

 

 

 

 

 <div class="contentpaneopen"> 

 

 

 <h2 class="contentheading"> 

 

 После войны 

 

 </h2> 

 

 

 

 

 

 <div class="article-tools"> 

 <div class="article-meta"> 

 

 

 <span class="createdate"> 

07.07.07 12:54

 </span> 

 

 

 

 <span class="createby"> 

 администратор 

 </span> 

 

 

 

 </div> 

 

 

 <div class="buttonheading"> 

 

 <span> 

 <a href="/index.php?option=com_mailto&amp;tmpl=component&amp;link=aHR0cDovL215c2l0ZS9pbmRleC5waHA/b3B0aW9uPWNvbV9jb250ZW50JnZpZXc9YXJ0aWNsZSZpZD05Om1pbGxpb25zLW9mLXNtaWxlcyZjYXRpZD0xOmxhdGVzdC1uZXdzJkl0ZW1pZD01NA==" title="E-mail" onclick="window.open(this.href,'win2','width=400,height=350,menubar=yes,resizable=yes'); return false;"><img src="/templates/ja_purity/images/emailButton.png" alt="E-mail" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=9:millions-of-smiles&amp;tmpl=component&amp;print=1&amp;layout=default&amp;page=" title="Печать" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/printButton.png" alt="Печать" /></a> 

 </span> 

 

 

 

 <span> 

 <a href="/index.php?view=article&amp;catid=1:latest-news&amp;id=9:millions-of-smiles&amp;format=pdf" title="PDF" onclick="window.open(this.href,'win2','status=no,toolbar=no,scrollbars=yes,titlebar=no,menubar=no,resizable=yes,width=640,height=480,directories=no,location=no'); return false;" rel="nofollow"><img src="/templates/ja_purity/images/pdf_button.png" alt="PDF" /></a> 

 </span> 

 

 </div> 

 

 

 

 </div> 

 

 

 

 

 <div class="article-content"> 

 

 <p><span style="color: #000000; font-family: sans-serif; font-size: 13px; line-height: 19px;"> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">После войны город стал очень быстро развиваться. В <a href="http://ru.wikipedia.org/wiki/1968_%D0%B3%D0%BE%D0%B4" title="1968 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1968 году</a> появился завод по производству <a href="http://ru.wikipedia.org/wiki/%D0%96%D0%B5%D0%BB%D0%B5%D0%B7%D0%BE%D0%B1%D0%B5%D1%82%D0%BE%D0%BD" title="Железобетон" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">железобетонных</a> конструкций и строительных изделий (сейчас ОАО «Завод ЖБИ»). Другой завод<a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%9A%D0%A8%D0%97" title="КШЗ" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">КШЗ</a>, хотя ещё производил товары народного потребления, стал производить всё больше <a href="http://ru.wikipedia.org/wiki/%D0%9E%D1%80%D1%83%D0%B6%D0%B5%D0%B9%D0%BD%D1%8B%D0%B9_%D0%BF%D0%B0%D1%82%D1%80%D0%BE%D0%BD" title="Оружейный патрон" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">патронов</a>, создаётся <a class="new" href="http://ru.wikipedia.org/w/index.php?title=%D0%9D%D0%98%D0%98-44&amp;action=edit&amp;redlink=1" title="НИИ-44 (страница отсутствует)" style="text-decoration: none; color: #cc2200; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">НИИ-44</a><a href="http://ru.wikipedia.org/wiki/1951_%D0%B3%D0%BE%D0%B4" title="1951 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1951 год</a> — «год рождения» воинской части Климовска — в/ч 34608, она же 309-й ЦРПУ<a href="http://ru.wikipedia.org/wiki/%D0%93%D0%BB%D0%B0%D0%B2%D0%BD%D0%BE%D0%B5_%D1%80%D0%B0%D0%B7%D0%B2%D0%B5%D0%B4%D1%8B%D0%B2%D0%B0%D1%82%D0%B5%D0%BB%D1%8C%D0%BD%D0%BE%D0%B5_%D1%83%D0%BF%D1%80%D0%B0%D0%B2%D0%BB%D0%B5%D0%BD%D0%B8%D0%B5" title="Главное разведывательное управление" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Главное разведывательное управление</a>. В<a href="http://ru.wikipedia.org/wiki/1947_%D0%B3%D0%BE%D0%B4" title="1947 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1947 году</a> открыли <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%BB%D0%BE%D1%82%D0%B8%D0%BD%D0%B0" title="Плотина" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">плотину</a> через <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B5%D1%82%D1%80%D0%B8%D1%86%D0%B0" title="Петрица" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Петрицу</a>, а в <a href="http://ru.wikipedia.org/wiki/1960_%D0%B3%D0%BE%D0%B4" title="1960 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1960 году</a> был открыт дом культуры «Машиностроитель» (ул<a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%9B%D0%B5%D0%BD%D0%B8%D0%BD" title="Ленин" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Ленина</a>, на фото). На следующий год начинается <a href="http://ru.wikipedia.org/wiki/%D0%90%D1%81%D1%84%D0%B0%D0%BB%D1%8C%D1%82" title="Асфальт" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">асфальтирование</a> улиц. Улицы Школьную и Центральную (сейчас — Ленина) асфальтируют первыми. В 1967 году на Центральной улице около дома культуры установлен <a href="http://ru.wikipedia.org/wiki/%D0%9F%D0%B0%D0%BC%D1%8F%D1%82%D0%BD%D0%B8%D0%BA" title="Памятник" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">памятник</a> <a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%9B%D0%B5%D0%BD%D0%B8%D0%BD" title="Ленин" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Ленину</a> (<a class="mw-redirect" href="http://ru.wikipedia.org/wiki/%D0%A1%D0%BA%D1%83%D0%BB%D1%8C%D0%BF%D1%82%D0%BE%D1%80" title="Скульптор" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">скульптор</a> — <a href="http://ru.wikipedia.org/wiki/%D0%A2%D0%BE%D0%BC%D1%81%D0%BA%D0%B8%D0%B9,_%D0%9D%D0%B8%D0%BA%D0%BE%D0%BB%D0%B0%D0%B9_%D0%92%D0%B0%D1%81%D0%B8%D0%BB%D1%8C%D0%B5%D0%B2%D0%B8%D1%87" title="Томский, Николай Васильевич" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">НВТомский</a>) и <a href="http://ru.wikipedia.org/wiki/%D0%9E%D0%B1%D0%B5%D0%BB%D0%B8%D1%81%D0%BA" title="Обелиск" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">обелиск</a> «Скорбящей матери» на Октябрьской площади (скульптор — ЛПЗемсков). <a href="http://ru.wikipedia.org/wiki/5_%D0%BD%D0%BE%D1%8F%D0%B1%D1%80%D1%8F" title="5 ноября" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">5 ноября</a> <a href="http://ru.wikipedia.org/wiki/1970_%D0%B3%D0%BE%D0%B4" title="1970 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1970 года</a> у Привокзальной площади открывается памятник климовчанам, погибшим в Великой Отечественной войне.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/1965_%D0%B3%D0%BE%D0%B4" title="1965 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1965 году</a> учреждена «Книга почёта передовиков социалистического соревнования города Климовска», куда заносятся имена людей, внёсших особо большой вклад в развитие Климовска (95 имён). Через 10 лет при КМЗ открывается музей трудовой славы. В <a href="http://ru.wikipedia.org/wiki/1976_%D0%B3%D0%BE%D0%B4" title="1976 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1976 году</a> сдано в эксплуатацию новое здание школы № 1. <a href="http://ru.wikipedia.org/wiki/28_%D1%8F%D0%BD%D0%B2%D0%B0%D1%80%D1%8F" title="28 января" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">28 января</a> <a href="http://ru.wikipedia.org/wiki/1977_%D0%B3%D0%BE%D0%B4" title="1977 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1977 года</a> Указом Президиума Верховного Совета РСФСР Климовск отнесён к категории городов областного подчинения.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/1991_%D0%B3%D0%BE%D0%B4" title="1991 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1991 году</a> произошёл августовский переворот. В ночь на <a href="http://ru.wikipedia.org/wiki/26_%D0%B0%D0%B2%D0%B3%D1%83%D1%81%D1%82%D0%B0" title="26 августа" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">26 августа</a> была попытка сноса памятника Ленину около ДК «Машиностроитель».</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/1993_%D0%B3%D0%BE%D0%B4" title="1993 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1993 году</a> Климовск вошёл в число городов-наукоградов и получил пятую категорию среди городов с численностью населения от 50 000 до 100 000 человек.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/1994_%D0%B3%D0%BE%D0%B4" title="1994 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1994 году</a> при взрыве в редакции газеты «<a href="http://ru.wikipedia.org/wiki/%D0%9C%D0%BE%D1%81%D0%BA%D0%BE%D0%B2%D1%81%D0%BA%D0%B8%D0%B9_%D0%BA%D0%BE%D0%BC%D1%81%D0%BE%D0%BC%D0%BE%D0%BB%D0%B5%D1%86" title="Московский комсомолец" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Московский комсомолец</a>» погиб климовчанин <a href="http://ru.wikipedia.org/wiki/%D0%A5%D0%BE%D0%BB%D0%BE%D0%B4%D0%BE%D0%B2,_%D0%94%D0%BC%D0%B8%D1%82%D1%80%D0%B8%D0%B9_%D0%AE%D1%80%D1%8C%D0%B5%D0%B2%D0%B8%D1%87" title="Холодов, Дмитрий Юрьевич" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">Дмитрий Холодов</a> (советский и российский журналист), сейчас одна из улиц города носит его имя.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;"><a href="http://ru.wikipedia.org/wiki/29_%D0%BC%D0%B0%D1%8F" title="29 мая" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">29 мая</a> <a href="http://ru.wikipedia.org/wiki/1999_%D0%B3%D0%BE%D0%B4" title="1999 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">1999 года</a> муниципальное образование «Город Климовск Московской области» внесено в федеральный реестр муниципальных образований Российской Федерации.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В последнем году <a href="http://ru.wikipedia.org/wiki/XX_%D0%B2%D0%B5%D0%BA" title="XX век" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">XX века</a> открылся Климовский историко-краеведческий музей.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;"><a href="http://ru.wikipedia.org/wiki/2002_%D0%B3%D0%BE%D0%B4" title="2002 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">2002 год</a>утверждён <a class="new" href="http://ru.wikipedia.org/w/index.php?title=%D0%93%D0%B5%D1%80%D0%B1_%D0%9A%D0%BB%D0%B8%D0%BC%D0%BE%D0%B2%D1%81%D0%BA%D0%B0&amp;action=edit&amp;redlink=1" title="Герб Климовска (страница отсутствует)" style="text-decoration: none; color: #cc2200; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">герб Климовска</a>.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/2004_%D0%B3%D0%BE%D0%B4" title="2004 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">2004 году</a> в городе появилось бесперебойное <a href="http://ru.wikipedia.org/wiki/%D0%92%D0%BE%D0%B4%D0%BE%D1%81%D0%BD%D0%B0%D0%B1%D0%B6%D0%B5%D0%BD%D0%B8%D0%B5" title="Водоснабжение" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">водоснабжение</a>.</p> 

 <p style="margin-top: 0.4em; margin-right: 0px; margin-bottom: 0.5em; margin-left: 0px; line-height: 1.5em;">В <a href="http://ru.wikipedia.org/wiki/2005_%D0%B3%D0%BE%D0%B4" title="2005 год" style="text-decoration: none; color: #0645ad; background-image: none; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: initial; background-position: initial initial; background-repeat: initial initial;">2005 году</a> Климовск получил статус городского округа.</p> 

 </span></p> 

 </div> 

 

 

 <span class="modifydate"> 

Последнее обновление 06.12.10 15:19

 </span> 

 

 

 

 

 </div> 

 

 <span class="article_separator">&nbsp;</span> 

 

 </td> 

 

 </tr> 

 </table> 

 </td> 

 </tr> 

 <tr> 

 <td valign="top"> 

 <div class="blog_more"> 

 <div> 

 <strong>Другие статьи...</strong> 

 </div> 

 <ul> 

 <li> 

 <a class="blogsection" href="/index.php?option=com_content&amp;view=article&amp;id=30:what-languages-are-supported-by-joomla-15&amp;catid=32:languages&amp;Itemid=47"> 

 Какие языки поддерживает Joomla! 1.5?</a> 

 </li> 

 <li> 

 <a class="blogsection" href="/index.php?option=com_content&amp;view=article&amp;id=16:only-one-edit-window-how-do-i-create-read-more&amp;catid=28:current-users&amp;Itemid=44"> 

 Только одно окно редактирования! Как мне создать статью со ссылкой &quot;Подробнее...&quot;?</a> 

 </li> 

 </ul> 

 </div> 

 </td> 

 </tr> 

 

 <tr> 

 <td valign="top" align="center"> 

 <ul class="pagination"><li>&laquo;</li><li>&nbsp;<span>Начало</span>&nbsp;</li><li>&nbsp;<span>Предыдущая</span>&nbsp;</li><li>&nbsp;<span>1</span>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?limitstart=5" title="2">2</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?limitstart=5" title="Следующая">Следующая</a></strong>&nbsp;</li><li>&nbsp;<strong><a href="/index.php?limitstart=5" title="Последняя">Последняя</a></strong>&nbsp;</li><li>&raquo;</li></ul> <br /><br /> 

 </td> 

 </tr> 

 <tr> 

 <td valign="top" align="center"> 

 Страница 1 из 2 </td> 

 </tr> 

 </table> 

 

 

 

 </div> 

 </div> 

 <!-- END: CONTENT --> 

 

 <!-- BEGIN: LEFT COLUMN --> 

 <div id="ja-col1"> 

 <div class="moduletable_menu"> 

 <h3>Главное меню</h3> 

 <ul class="menu"><li id="current" class="active item1"><a href="http://mysite/"><span>Главная</span></a></li><li class="parent item27"><a href="/index.php?option=com_content&amp;view=article&amp;id=19&amp;Itemid=27"><span>Городское управление</span></a></li><li class="parent item2"><a href="/index.php?option=com_content&amp;view=article&amp;id=5&amp;Itemid=2"><span>История Климовска</span></a></li><li class="item37"><a href="/index.php?option=com_content&amp;view=section&amp;id=1&amp;Itemid=37"><span>Население</span></a></li><li class="item41"><a href="/index.php?option=com_content&amp;view=section&amp;id=3&amp;Itemid=41"><span>Спорт</span></a></li><li class="item50"><a href="/index.php?option=com_content&amp;view=category&amp;layout=blog&amp;id=1&amp;Itemid=50"><span>Экономика</span></a></li><li class="item48"><a href="/index.php?option=com_weblinks&amp;view=categories&amp;Itemid=48"><span>Строительство</span></a></li><li class="item49"><a href="/index.php?option=com_newsfeeds&amp;view=categories&amp;Itemid=49"><span>Транспорт</span></a></li><li class="item55"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=55"><span>Образование</span></a></li><li class="item56"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=56"><span>Промышленность</span></a></li><li class="item57"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=57"><span>Известные климовчане</span></a></li><li class="item58"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=58"><span>Известные климовчане</span></a></li><li class="item59"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=59"><span>Городапобратимы</span></a></li><li class="item60"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=60"><span>Городапобратимы</span></a></li><li class="item61"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=61"><span>Связь и телекоммуникации</span></a></li><li class="item62"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=62"><span>Связь и телекоммуникации</span></a></li><li class="item63"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=63"><span>Средства массовой информации</span></a></li><li class="item64"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=64"><span>Средства массовой информации</span></a></li><li class="item65"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=65"><span>Культура и религия</span></a></li><li class="item66"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=66"><span>Культура и религия</span></a></li><li class="item67"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=67"><span>Ссылки</span></a></li><li class="item68"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=68"><span>Ссылки</span></a></li></ul> </div> 

 <div class="moduletable_menu"> 

 <h3>Ресурсы</h3> 

 <ul class="menu"><li class="item11"><a href="http://joom.ru"><span>Сайт администрации Климовска</span></a></li><li class="item12"><a href="http://joomla-support.ru"><span>Сайт администрации Подольска</span></a></li><li class="item13"><a href="http://help.joom.ru"><span>Помощь</span></a></li><li class="item14"><a href="http://community.joomla.org"><span>Форум</span></a></li><li class="item15"><a href="http://community.joomla.org/magazine.html"><span>Галерея</span></a></li></ul> </div> 

 <div class="moduletable_menu"> 

 <h3>Ключевые особенности</h3> 

 <ul class="menu"><li class="item40"><a href="/index.php?option=com_content&amp;view=article&amp;id=26&amp;Itemid=40"><span>Расширения</span></a></li><li class="item38"><a href="/index.php?option=com_content&amp;view=article&amp;id=24&amp;Itemid=38"><span>Макеты страниц</span></a></li><li class="item43"><a href="/index.php?option=com_content&amp;view=article&amp;id=43&amp;Itemid=43"><span>Страницы примеров</span></a></li></ul> </div> 

 <div class="moduletable"> 

 <h3>Авторизация</h3> 

 

 

 

 <form action="index.php" method="post" name="form-login" id="form-login" > 

 

 <fieldset class="input"> 

 <p id="form-login-username"> 

 <label for="username"> 

Имя пользователя (логин)<br /> 

 <input name="username" id="username" type="text" class="inputbox" alt="username" size="18" /> 

 </label> 

 </p> 

 <p id="form-login-password"> 

 <label for="passwd"> 

 Пароль<br /> 

 <input type="password" name="passwd" id="passwd" class="inputbox" size="18" alt="password" /> 

 </label> 

 </p> 

 

 <p id="form-login-remember"> 

 <label for="remember"> 

 Запомнить меня 

 <input type="checkbox" name="remember" id="remember" value="yes" alt="Remember Me" /> 

 </label> 

 </p> 

 

 <input type="submit" name="Submit" class="button" value="Войти" /> 

 </fieldset> 

 <ul> 

 <li> 

 <a href="/index.php?option=com_user&amp;view=reset"> 

 Забыли пароль?

 </a> 

 </li> 

 <li> 

 <a href="/index.php?option=com_user&amp;view=remind"> 

 Забыли имя пользователя (логин)?

 </a> 

 </li> 

 

 <li> 

 <a href="/index.php?option=com_user&amp;view=register"> 

 Регистрация 

 </a> 

 </li> 

 

 </ul> 

 

 

 <input type="hidden" name="option" value="com_user" /> 

 <input type="hidden" name="task" value="login" /> 

 <input type="hidden" name="return" value="Lw==" /> 

 <input type="hidden" name="6a9a18b25f7ba7aebf7068e78a38189e" value="1" /> 

 </form> 

 

 </div> 

 

 </div><br /> 

 <!-- END: LEFT COLUMN --> 

 

 </div> 

 

 <!-- BEGIN: RIGHT COLUMN --> 

 <div id="ja-col2"> 

 <div class="jamod module" id="Mod16"> 

 <div> 

 <div> 

 <div> 

 <h3 class="show"><span>Опросы</span></h3> 

 <div class="jamod-content"><form action="index.php" method="post" name="form2"> 

 

 <table width="95%" border="0" cellspacing="0" cellpadding="1" align="center" class="poll"> 

 <thead> 

 <tr> 

 <td style="font-weight: bold;"> 

 Данный сайт используется для </td> 

 </tr> 

 </thead> 

 <tr> 

 <td align="center"> 

 <table class="pollstableborder" cellspacing="0" cellpadding="0" border="0"> 

 <tr> 

 <td class="sectiontableentry2" valign="top"> 

 <input type="radio" name="voteid" id="voteid1" value="1" alt="1" /> 

 </td> 

 <td class="sectiontableentry2" valign="top"> 

 <label for="voteid1"> 

 Сайтов сообществ </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry1" valign="top"> 

 <input type="radio" name="voteid" id="voteid2" value="2" alt="2" /> 

 </td> 

 <td class="sectiontableentry1" valign="top"> 

 <label for="voteid2"> 

 Сайтов компаний </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry2" valign="top"> 

 <input type="radio" name="voteid" id="voteid3" value="3" alt="3" /> 

 </td> 

 <td class="sectiontableentry2" valign="top"> 

 <label for="voteid3"> 

Электронной коммерции </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry1" valign="top"> 

 <input type="radio" name="voteid" id="voteid4" value="4" alt="4" /> 

 </td> 

 <td class="sectiontableentry1" valign="top"> 

 <label for="voteid4"> 

 Блогов </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry2" valign="top"> 

 <input type="radio" name="voteid" id="voteid5" value="5" alt="5" /> 

 </td> 

 <td class="sectiontableentry2" valign="top"> 

 <label for="voteid5"> 

 Интранет-сайтов </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry1" valign="top"> 

 <input type="radio" name="voteid" id="voteid6" value="6" alt="6" /> 

 </td> 

 <td class="sectiontableentry1" valign="top"> 

 <label for="voteid6"> 

 Мультимедийных и фотосайтов </label> 

 </td> 

 </tr> 

 <tr> 

 <td class="sectiontableentry2" valign="top"> 

 <input type="radio" name="voteid" id="voteid7" value="7" alt="7" /> 

 </td> 

 <td class="sectiontableentry2" valign="top"> 

 <label for="voteid7"> 

Для всего перечисленного выше! </label> 

 </td> 

 </tr> 

 </table> 

 </td> 

 </tr> 

 <tr> 

 <td> 

 <div align="center"> 

 <input type="submit" name="task_button" class="button" value="Голосовать" /> 

&nbsp;

 <input type="button" name="option" class="button" value="Результаты" onclick="document.location.href='/index.php?option=com_poll&amp;id=14:joomla-is-used-for'" /> 

 </div> 

 </td> 

 </tr> 

 </table> 

 

 <input type="hidden" name="option" value="com_poll" /> 

 <input type="hidden" name="task" value="vote" /> 

 <input type="hidden" name="id" value="14" /> 

 <input type="hidden" name="6a9a18b25f7ba7aebf7068e78a38189e" value="1" /></form></div> 

 </div> 

 </div> 

 </div> 

 </div> 

 <div class="jamod module" id="Mod21"> 

 <div> 

 <div> 

 <div> 

 <h3 class="show"><span>Кто на сайте?</span></h3> 

 <div class="jamod-content">Сейчас на сайте находятся:<br>&nbsp;1 гость&nbsp;</div> 

 </div> 

 </div> 

 </div> 

 </div> 

 <div class="jamod module_text" id="Mod38"> 

 <div> 

 <div> 

 <div> 

 <h3 class="show"><span>Реклама</span></h3> 

 <div class="jamod-content"> 

 <div class="advs bannergroup_text"> 

 

 

 <div class="bannerheader">Полезные ссылки:</div> 

 <div class="banneritem_text"><a href="/index.php?option=com_banners&amp;task=click&amp;bid=3" target="_blank">Joomla!</a> 

 <br/> 

Joomla! - самая популярная и широко используемая CMS с открытым исходным кодом.

 </div> 

 <div class="banneritem_text"><a href="/index.php?option=com_banners&amp;task=click&amp;bid=4" target="_blank">JoomlaCode</a> 

 <br/> 

JoomlaCode - легкая разработка и распространение расширений Joomla.

 </div> 

 <div class="banneritem_text"><a href="/index.php?option=com_banners&amp;task=click&amp;bid=5" target="_blank">Расширения Joomla!</a> 

 <br/> 

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

 </div> 

 <div class="banneritem_text"><a href="/index.php?option=com_banners&amp;task=click&amp;bid=6" target="_blank">Магазин Joomla!</a> 

 <br/> 

Все товары для Joomla!

 </div> 

 

 

 

 <div class="bannerfooter_text"> 

 <a href="http://www.joomla.org">Реклама Joomla!</a> 

 </div> 

 

 </div> 

 </div> 

 </div> 

 </div> 

 </div> 

 </div> 

 

 </div><br /> 

 <!-- END: RIGHT COLUMN --> 

 

 </div> 

 </div> 

 </div> 

 </div> 

 

 <!-- BEGIN: BOTTOM SPOTLIGHT --> 

 <div id="ja-botslwrap"> 

 <div id="ja-botsl" class="clearfix"> 

 

 <div class="ja-box-left" style="width: 22%;"> 

 <div class="moduletable"> 

 <h3>Последние новости</h3> 

 <ul class="latestnews"> 

 <li class="latestnews"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=5:joomla-license-guidelines&amp;catid=25:the-project&amp;Itemid=2" class="latestnews"> 

 Основные положения лицензии Joomla!</a> 

 </li> 

 <li class="latestnews"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=24:content-layouts&amp;catid=29:the-cms&amp;Itemid=38" class="latestnews"> 

 Макеты страниц</a> 

 </li> 

 <li class="latestnews"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=27:the-joomla-community&amp;catid=30:the-community&amp;Itemid=30" class="latestnews"> 

 Сообщество Joomla!</a> 

 </li> 

 <li class="latestnews"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=1:welcome-to-joomla&amp;catid=1:latest-news&amp;Itemid=50" class="latestnews"> 

 Добро пожаловать в Joomla!</a> 

 </li> 

 <li class="latestnews"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=42:newsflash-4&amp;catid=3:newsflash&amp;Itemid=37" class="latestnews"> 

 Краткая новость 4</a> 

 </li> 

 </ul> </div> 

 

 </div> 

 

 <div class="ja-box-center" style="width: 38.5%;"> 

 <div class="moduletable"> 

 <h3>Популярное</h3> 

 <ul class="mostread"> 

 <li class="mostread"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=19:joomla-overview&amp;catid=29:the-cms&amp;Itemid=27" class="mostread"> 

 Краткий обзор Joomla!</a> 

 </li> 

 <li class="mostread"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=5:joomla-license-guidelines&amp;catid=25:the-project&amp;Itemid=2" class="mostread"> 

 Основные положения лицензии Joomla!</a> 

 </li> 

 <li class="mostread"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=26:extensions&amp;catid=29:the-cms&amp;Itemid=40" class="mostread"> 

 Расширения</a> 

 </li> 

 <li class="mostread"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=22:whats-new-in-15&amp;catid=29:the-cms&amp;Itemid=29" class="mostread"> 

 Что нового в версии 1.5?</a> 

 </li> 

 <li class="mostread"> 

 <a href="/index.php?option=com_content&amp;view=article&amp;id=1:welcome-to-joomla&amp;catid=1:latest-news&amp;Itemid=50" class="mostread"> 

 Добро пожаловать в Joomla!</a> 

 </li> 

 </ul> </div> 

 

 </div> 

 

 <div class="ja-box-right" style="width: 38.5%;"> 

 <div class="moduletable"> 

 <h3>Объявления</h3> 

 

 

 

 <table class="contentpaneopen"> 

 <tr> 

 <td valign="top" >Joomla! 1.5 - 'Почувствуйте свободу'!. Еще не было столь легкого способа создать свой динамический сайт. Управляйте всем вашим содержимым с помощью лучшей среди CMS панели администратора и публикуйте информацию практически на любом языке мира.</td> 

 </tr> 

 <tr> 

 <td valign="top" > 

 

 </td> 

 </tr> 

 </table> 

 </div> 

 

 </div> 

 

 

 </div> 

 </div> 

 <!-- END: BOTTOM SPOTLIGHT --> 

 

 <!-- BEGIN: FOOTER --> 

 <div id="ja-footerwrap"> 

 <div id="ja-footer" class="clearfix"> 

 

 <div id="ja-footnav"> 

 <ul id="mainlevel-nav"><li><a href="/index.php?option=com_content&amp;view=article&amp;id=25&amp;Itemid=28" class="mainlevel-nav" >О Joomla!</a></li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=22&amp;Itemid=29" class="mainlevel-nav" >Особенности</a></li><li><a href="/index.php?option=com_newsfeeds&amp;view=newsfeed&amp;id=1&amp;feedid=1&amp;Itemid=18" class="mainlevel-nav" >Новости</a></li><li><a href="/index.php?option=com_content&amp;view=article&amp;id=27&amp;Itemid=30" class="mainlevel-nav" >Сообщество</a></li></ul> 

 </div> 

 

 <div class="copyright"> 

 

 <div class="advs bannergroup"> 

 

 <div class="banneritem"><a href="/index.php?option=com_banners&amp;task=click&amp;bid=7" target="_blank"><img src="http://mysite/images/banners/shop-ad.jpg" alt="Баннер" /></a> 

 </div> 

 

 

 

 </div> 

 <div>Авторские права &#169; 2010 MoyKlimovsk. Все права защищены.<br /></div> 

 <div><a href="http://www.joomla.org" target="_blank">Joomla!</a> - свободное программное обеспечение, распространяемое по <a href="http://www.gnu.org/licenses/gpl-2.0.html">лицензии GNU/GPL</a>.<br />Русская локализация &#169; 2006-2010 Joom.ru - <a href="http://joom.ru/" target="_blank">Русский Дом Joomla!</a>. Все права защищены.</div> 

 </div> 

 

 <div class="ja-cert"> 

 <a href="/index.php?format=feed&amp;type=rss"> 

 <img src="/images/M_images/livemarks.png" alt="feed-image" /> <span>Feed Entries</span></a> 

 <a href="http://jigsaw.w3.org/css-validator/check/referer" target="_blank" title="Сайт соответствует стандарту CSS" style="text-decoration: none;"> 

 <img src="http://mysite/templates/ja_purity/images/but-css.gif" border="none" alt="Сайт соответствует стандарту CSS" /> 

 </a> 

 <a href="http://validator.w3.org/check/referer" target="_blank" title="Сайт соответствует стандарту XHTML 1.0 Transitional" style="text-decoration: none;"> 

 <img src="http://mysite/templates/ja_purity/images/but-xhtml10.gif" border="none" alt="Сайт соответствует стандарту XHTML 1.0 Transitional" /> 

 </a> 

 </div> 

 

 <br /> 

 </div> 

 </div> 

 <!-- END: FOOTER --> 

 

 </div> 

 

 

 

 </body> 

 

 </html> 

 
Общие термины используемые в работе

CMS ( Content Management System ) - система управления содержанием сайта. Представляет собой программные средства для подготовки, редактирования и публикации информации на сайте, а также средства для управления функциональностью сайта

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

Gif ( Graphics Interchange Format ) - один из наиболее распространенных в Интернет графических форматов, особенно часто используется при изготовлении баннеров и кнопок. Важнейшими достоинствами GIF являются его компактность и возможность выводить изображение на экран во время получения данных, кроме того, он допускает создание анимированных изображений. Формат GIF имеет одно серьезное ограничение: он не поддерживает изображения с глубиной цвета больше 8 бит на пиксель. Обычно этого достаточно для контурных изображений и рисунков, где используется ограниченное количество цветов или для небольших картинок, в которых для цветопередачи хватает 256 оттенков. Однако для больших изображений фотографического качества лучше подходит формат JPEG.

Html ( hyper text markup language ) - метаязык верстки web-страниц. Html по сути не является языком программирования, поскольку не выполняет никаких функций по обработке материала, только по его оформлению и представлению. Теги этого метаязыка помогают получать в окне браузера информацию именно в том виде, в котором желает вебмастер

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

WAP ( Wireless Application Protocol ) - специальный протокол для просмотра данных из Интернет через мобильный телефон. Для того, чтобы такое стало возможным создаются специальные wap-сайты

Администрирование - специальный доступ к серверу, на котором расположен сайт, позволяющий изменять исходные тексты (контент) сайта

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

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

Браузер