Разработка сайта компании

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

Введение

сайт программный авторизация

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

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

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

Объект исследования - строительная компания «СК-Лидер».

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

Целью данной работы является разработка корпоративного сайта с применением защищенного протокола https для компании «СК-лидер».

Основные задачи исследования:

1. Характеристика предметной области;

2. Выявление недостатков и способов их устранения;

3. Формирование требований к сайту;

4. Обоснование проектных решений;

5. Разработка защищенного корпоративного сайта;

6. Тестирование сайта, устранение недостатков;

7. Обоснование экономической эффективности проекта.

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



1. Анализ предметной области

1.1 Технико-экономическая характеристика предприятия

1.1.1 Характеристика предприятия и его деятельности

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

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

В ходе своей деятельности компания:

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

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

ѕ На сегодняшний день компания обслуживает 36 жилых домов, 4 общеобразовательных учреждения, 102 производственных здания, Ледовый дворец, Универсальный манеж, Административно-оздоровительный корпус, Административно-бытовой корпус и прилегающую территорию СК им. В.П. Сухарева и имеет большой опыт работы в данной сфере, зарекомендовав себя как надежный и долгосрочный партнер.

С 10 декабря 2012 года ООО «СК-Лидер» является членом СРО «Строительный ресурс» - Свидетельство № CPO-C-236-22042011 и имеет свидетельство о допуске к определенному виду или видам работ, которые оказывают влияние на безопасность объектов капитального строительства № СРОСР-С-8977.2-01102013.

В 2012 году ООО «СК-Лидер» успешно завершило процедуру сертификации по Международной программе ИСО 9001-2008 и имеет соответствующий сертификат № А.СРТ.СС.121012.02-3859.04 от 10 декабря 2012 года.

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

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

В ООО «СК-Лидер» проводится аттестация специалистов по технике безопасности (ТБ), охране труда (ОТ) и правилам безопасности (ПБ), разрабатываются необходимые инструкции по ОТ и ТБ, проводится обучение и инструктажи персонала по промышленной безопасности, охране труда и пожарной безопасности. За нарушение ТБ и ОТ предусмотрена система мер и наказаний.

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

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

В ООО «СК-Лидер» имеется аттестованный персонал по промышленной безопасности для работы на нефтеперерабатывающих предприятиях. Персонал обучен и проинструктирован по условиям ликвидации чрезвычайных ситуаций.

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

1.1.2 Организационная структура управления предприятием

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

Руководство в "СК-Лидер" осуществляется генеральным директором.

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

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

Организационная структура ООО «СК-Лидер» показана в приложении 1. Сплошными линиями структуры указано прямое подчинение, пунктирными - взаимодействие отделов и служб между собой.

1.1.3 Программное и техническое обеспечение предприятия

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

Используемое оборудование:

ѕ Компьютеры и ноутбуки Aser, ASUS, DEPO, Aquarius, Samsung;

ѕ Серверы Sun Microsystems, Intel, Microstar;

ѕ Сетевое оборудование Zyxel и DLink.

Конфигурация ПК стандартна для офисных компьютеров 2007-2010 года выпуска.

Технические характеристики большинства компьютеров компании:

ѕ Материнская плата ASRock LGA1155;

ѕ Процессор Intel Core i3-2120 3.3GHz;

ѕ Память DIMM DDR3 4096MB;

ѕ Видеокарта PCI-E Asus GeForce 210 512MB;

ѕ Жесткий диск SATA-3 250Gb Western Digital;

ѕ Корпус с блоком питания Miditower ATX AirTone 400W;

ѕ Монитор Samsung 793Mb 17".

Рисунок 1. Топология звезда.

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

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

Периферийные устройства вывода данных:

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

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

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

Таблица 1. Технические характеристики CANON PIXMA MG4240

Характеристика	Значение
Тип печати	Струйный
Максимальный уровень шума	43 дБ
Цветность	Цветной
Количество цветов	4
Объем капли	2 пиколитра
Разрешение цветной печати	1200x4800 точек на дюйм
Скорость печати	9.9 стр./мин
Время цветной печати 10х15	44 с
Подача бумаги	лоток 100 листов
Масштабирование	25-400 %
Скорость цветного копирования	4.3 стр./мин
Тип датчика сканера	CIS
Оптическое разрешение	1200х2400 точек на дюйм
Максимальный формат оригинала	A4/LTR (216x297 мм)
Диагональ	2.4 дюйма
Поддерживаемые форматы	A4, пленки, фотобумага, наклейки
Минимальная плотность бумаги	64 г/м2
Максимальная плотность бумаги	300 г/м2
Потребляемая мощность	19 Вт
USB	Есть
Wi-Fi	Есть
Наименование Ч/Б картриджа	PG-440, PG-440XL
Наименование цветного картриджа	CL-441, CL-441XL

Периферийные устройства ввода данных:

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

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

Периферийные устройства обмена данными:

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

На всех компьютерах компании «СК-Лидер» установлена операционная система Debian GNU/Linux.

Debian - операционная система с открытым исходным кодом и свободным программным обеспечением.

Рисунок 2. Рабочий стол операционной системы Debian GNU/Linux.

Защита компьютеров от вирусов и хакерских атак производится антивирусом Касперского, а именно KASPERSKY ENDPOINT SECURITY ДЛЯ БИЗНЕСА.

Kaspersky Security для бизнеса позволяет контролировать и надежно защищать рабочие места (компьютеры, ноутбуки и даже смартфоны), серверы и интернет-шлюзы. Единая консоль управления Kaspersky Security Center позволяет централизованно управлять безопасностью IT-инфраструктуры удаленно.

1.2 Обоснование необходимости создания сайта

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

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

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

ѕ Цели создания сайта строительной компании Лидер:

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

ѕ Поиск новых клиентов и партнёров и взаимодействие с ними;

ѕ Привлечения новых сотрудников;

ѕ Увеличение продаж имеющихся услуг;

ѕ Поддержание положительного имиджа компании;

ѕ Реклама;

ѕ Своевременное информирование клиентов о новостях фирмы, изменениях цен, услуг, условий и так далее.

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

ѕ Обмен документами;

ѕ Обмен сообщениями;

ѕ Создание контролируемого проекта;

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

1.3 Постановка задачи

1.3.1 Назначение и цели сайта

Сайт ООО «СК-Лидер» предназначен для повышения оперативности и качества работы с клиентами и сотрудниками, а, следовательно, для повышения количества заказов и улучшения управленческой деятельности.

Основным назначением сайта является автоматизация бизнес-процессов заказчика:

1. информирование клиентов об услугах, ценах и новостях компании;

2. предоставление данных о компании и контактах;

3. обмен документами;

4. обмен сообщениями;

5. проектирование бизнес-задач;

6. учет времени.

Цели создания корпоративного сайта:

1. заявить о себе в сети Интернет;

2. привлечение новых клиентов, сотрудников и партнеров;

3. безопасный обмен внутрикорпоративными данными;

4. защита внутрикорпоративных данных;

5. повышение качества управления.

1.3.2 Определение типа сайта

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

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

Рисунок 3. Виды сайтов

Сайт визитка -- простой вид сайта. Обычно содержит от 1 до 5 страниц. Сайты этого типа включают в себя общую информацию о компании и её контактные данные.

Корпоративные сайты -- это полнофункциональные представительства компаний в интернете. Этот тип сайта подходит для серьёзных крупных фирм и содержит полную информацию о компании и её деятельности.

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

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

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

Тематические сайты - этот тип сайта содержит информацию по какой-либо конкретной теме.

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

Блог -- это тип сайтов, на которых публикуются актуальные новости, идеи и тому подобное.

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

Поисковые системы предназначенны для поиска страниц в интернете по определённым запросам.

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

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

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

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

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

ООО «СК-Лидер» является крупной компанией с большим количеством услуг и обязанностей, поэтому выбранным типом сайта для этой организации является именно корпоративный сайт.

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

1.3.3 Стадии и этапы разработки

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

Этапы:

1. Анализ деятельности компании и обоснование необходимости создания интернет-представительства;

2. Выявление недостатков и способов их устранения;

3. Формирование требований к сайту;

4. Разработка защищенного корпоративного сайта;

4.1. Регистрация домена, хостинга;

4.2. Выбор платформы разработки;

4.3. Создание базы данных;

4.4. Разработка дизайна, верстка;

4.5. Реализация программных модулей;

4.6. Создание системы авторизации и групп пользователей;

4.7. Установка, доработка внутрикорпоративной системы;

4.8. Защита сайта;

5. Тестирование;

6. Расчет экономической эффективности.

1.3.4 Перечень требований по содержимому и функциям сайта

Сайт компании «СК-Лидер» должен соответствовать следующим основным требованиям:

1. Простота - сайт должен быть простым в использовании;

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

3. Скорость - все страницы должны загружаться быстро;

4. Сайт должен иметь систему управления содержимым сайта;

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

6. Кроссбраузерность верстки - корректное отображение сайта на следующих браузерах: GoogleChrome от версии 20.0 и выше, MozillaFirefox от версии 12.0 и выше, Opera от версии 10.0 и выше, InternetExplorer от версии 8.0 и выше.

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

Основными требованиями внутрикорпоративной системы является наличие:

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

ѕ форума для внутреннего общения сотрудников;

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

ѕ простого, интуитивно понятного интерфейса;

ѕ оповещения по электронной почте;

ѕ возможности создания проекта с этапами и задачами;

ѕ учета времени;

ѕ безопасности коммерческой информации;

ѕ разграничения прав доступа к данным системы.

1.3.5 Информационно-логическая структура

Сайт должен иметь следующие разделы:

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

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

ѕ Модули новостей, акций, изменений и т.п.;

ѕ Услуги - информация об услугах, ценах, их особенностях и преимуществах;

ѕ Вакансии - информация о новых вакансиях;

ѕ Закрытый раздел для сотрудников.

Раздел для сотрудников имеет следующую структуру:

ѕ Проекты;

ѕ Этапы;

ѕ Задачи;

ѕ Учет времени;

ѕ Файлы;

ѕ Форум;

ѕ Сутрудники.

1.3.6 Защита сайта

Защищенное соединение по протоколу HTTPS (HyperText Transfer Protocol Secure) необходимо для шифрования передаваемых данных, во избежание их перехвата злоумышленниками. Ключ для расшифровки таких данных имеет лишь принимающий информацию сервер.

Любое действие в интернете -- это обмен данными. Каждый раз при использовании Интернета компьютер отправляет запрос к нужному серверу и получает от него ответ. Обмен данными происходит по протоколу HTTP (HyperText Transfer Protocol). Этот протокол служит транспортом для передачи данных и устанавливает правила обмена информацией.

У протокола HTTP есть один существенный недостаток: данные передаются в открытом виде и никак не защищены. Передаваемая информация проходит через промежуточные узлы на которых данные могут перехватить злоумышленники.

Рисунок 4. Различия протоколов HTTP и HTTPS.

Защиту данных в HTTPS обеспечивает криптографический протокол SSL/TLS. Данные, передаваемые по протоколу HTTP, «упаковываются» в криптографический протокол SSL или TLS. В отличие от HTTP, для HTTPS по умолчанию используется TCP-порт 443. HTTPS не является отдельным протоколом. Это обычный HTTP, работающий через шифрованные транспортные механизмы SSL и TLS. Он обеспечивает защиту от атак, основанных на прослушивании сетевого соединения при условии, что будут использоваться шифрующие средства, сертификат сервера проверен и ему доверяют. [5, с.1]

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



Рисунок 5. Процесс получения цифрового сертификата.

1.4 Обоснование проектных решений

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

Существует достаточное количество различных CMS (Content Management System), практически каждая из них предназначена для разных целей. Ниже дано описание нескольких бесплатных CMS.

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

Рисунок 6. Панель управления WordPress.

Drupal - система управления, предназначенная для сайтов-порталов. Она является более сложной системой и, для того чтобы в ней разобраться, понадобиться достаточное количество времени. Успешное администрирование системой требует конкретных знаний, к примеру, визуальный редактор для добавления материалов на сайт, требуется установить отдельно. [18, с. 1]

Рисунок 7. Панель управления Drupal.

Joomla - очень популярная и гибкая система управления, для которой создано большое количество крупных расширений с большими функциональными возможностями. Joomla имеет простой дружественный интерфейс. Joomla позволяет создавать сайты с любыми функциями. Несмотря на это, для создания проекта разработчику понадобятся знания в области HTML и CSS. [18, с. 1]

Рисунок 8. Панель управления Joomla.

Рейтинг свободных систем управления контентом на апрель 2014 года взят с сайта track.ruward.ru.



Рисунок 9. Общий рейтинг CMS.

Исходя из того что CMS Joomla является наиболее гибкой и расширяемой, для корпоративного сайта компании «СК-Лидер» выбрана именно она.

На сегодняшний день существую три основные версии Joomla 1.7., Joomla 2.5., Joomla 3.0. Для разрабатываемого сайта выбрана Joomla версии 2.5. по нескольким причинам:

ѕ Joomla 2.5. - версия с долгосрочной поддержкой;

ѕ Простая в управлении;

ѕ Мало непредвиденных ошибок;

ѕ Огромное количество расширений.

Преимущества администрирования Joomla:

ѕ Создание неограниченного числа страниц;

ѕ Структура сайта четко организована;

ѕ Возможность редактирования материалов прямо с сайта;

ѕ Ориентированность на поисковые системы (добавление ключевых слов и описания);

ѕ Календарь публикаций;

ѕ Разграничение прав доступа по группам пользователей;

ѕ Возможность создания оригинального дизайна;

ѕ Менеджер файлов;

ѕ Большое количество дополнительных модулей;

ѕ Рассылка новостей;

ѕ Архивация старых материалов;

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

ѕ Предварительный просмотр.

В качестве web-интерфейса для доступа сотрудникам к корпоративным данным и приложениям выбрана система управления проектами Projectfork.

Рисунок 10. Панель управления Projectfork.

Projectfork представляет собой бесплатный компонент, который преобразует Joomla во всеобъемлющую систему управления проектами.

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

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

Функции Projectfork:

ѕ Управление проектами;

ѕ Менеджер задач;

ѕ Хранение файлов;

ѕ Календарь;

ѕ Форум;

ѕ Продвинутая пользовательская система доступа;

ѕ Расширяемая и гибкая структура.

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

Рисунок 11. Этапы проекта.

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

Рисунок 12. Время проекта.

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

Рисунок 13. Менеджер файлов.

2. Разработка сайта компании «СК-Лидер»

2.1 Установка локального web-сервера

В качестве локального сервера выбрана готовая сборка web-сервера XAMPP. Программа XAMPP уже содержит все необходимые инструменты для локальной разработки сайта. Основной состав сборки содержит:

ѕ Apache - свободный HTTP сервер;

ѕ MySQL - свободная реляционная система управления базами данных;

ѕ Интерпретатор скриптов PHP;

ѕ PhpMyAdmin - веб-приложение с открытым кодом, написанное на языке PHP и представляющее собой веб-интерфейс для администрирования СУБД MySQL.

Дистрибутив XAMPP распространяется с расширением *exe, поэтому его установка в операционную систему Windows ничем не отличается от установки других программ.

Рисунок 14. XAMPP Control Panel.

2.2 Установка системы управления сайтами

Для установки Joomla 2.5 нужно загрузить дистрибутив последней версии с официального сайта (ZIP архив). Создать в корневой директории сервера (C:/xampp/htdocs) дополнительную директорию, например "C:/xampp/htdocs/Joomla" и распаковать содержимое архива в эту директорию. Создать базу данных и, при необходимости, пользователя БД. Далее набрать в браузере http://localhost/joomla/, и там появится диалоговое окно с пошаговой установкой Joomla.

2.3 Создание базы данных

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

Рисунок 15. База данных.

Таблица 2. Описание основных таблиц базы данных

Таблица	Описание
categories	Таблица содержащая строки каждой категории, определенной на сайте.
contact_details	Таблица содержащая строки для контактной информации, определенной на сайте.
content	Таблица содержащая строки для каждой статьи, определенной на сайте.
extensions	Таблица содержащая строки для каждого расширения, установленного на сайте.
languages	Таблица содержащая строки для каждого языка мира, установленного на сайте.
menu	Таблица содержащая строки для каждого пункта меню, определенного в пользовательской и административной частях сайта.
messages	Таблица содержащая строки для каждого частного сообщения, отправляемого на сайте.
modules_menu	Это таблица соответствий, в которой показано назначение модулей для отдельных пунктов меню.
news feeds	Таблица содержащая строки для каждой ленты новостей.
session	Таблица содержащая строки для каждого активного сеанса работы.
updates	Таблица содержащая строки для каждого доступного для установки пакета.
usergroups	Таблица содержащая строки для каждой группы пользователей, определенной на сайте.
users	Таблица содержащая строки для каждого пользователя, определенного на сайте.

2.4 Разработка дизайна, верстка

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

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

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

Шапка сайта должна иметь логотип (название сайта) и подпись к нему (деятельность компании).

Подвал сайта размещает контакты организации (адрес, телефоны, электронный адрес).

Сайт должен иметь несколько блоков: основной блок контента - слева, правый блок RSS новостей, под галереей располагается блок сайтов группы компаний. Меню должно располагаться вверху сайта под логотипом.

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

ѕ Главная;

ѕ О компании ;

ѕ Услуги;

ѕ Вакансии;

ѕ Контакты.

Остальные страницы сайта заполняются обычной текстовой информацией.

На основе данных требований разработан макет, изображенный на рисунке 14.

Верстка сайта - это процесс формирования web-страниц по готовому дизайн-макету, а именно, создание кода страницы при помощи понятного браузерам языка размётки гипертекста html, и оформление её с помощью каскадных таблиц стилей (CSS).

Главное требование к верстке это кроссбраузерность. Кроссбраузерность верстки - это корректное отображение сайта на следующих браузерах: GoogleChrome от версии 20.0 и выше, MozillaFirefox от версии 12.0 и выше, Opera от версии 10.0 и выше, InternetExplorer от версии 8.0 и выше.

Верстка корпоративного сайта выполняется на основе технологии HTML5 и CSS3, а следовательно, это блочная верстка. Блочная верстка - это верстка при помощи блоков <div>, <header>, <section>, <article>, <footer> и так далее, а также при помощи каскадных таблиц стилей CSS.

Тип макета - фиксированный, то есть ширина задана в пикселях и не подстраивается под окно браузера. Ширина сайта 950 пикселей.

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



Рисунок 16. Макет сайта.

Структура шаблона Joomla 2.5 состоит из следующих деталей:

ѕ css и images - это папки для отображения стилей и картинок соответственно;

ѕ index.php основной файл шаблона - Главная страница сайта;

ѕ templateDetails.xml - информационный файл, который содержит данные о шаблоне, его авторе, всех файлов в шаблоне;

ѕ Файл favicon.ico для иконки сайта;

ѕ template_preview.png и template_thumbnail.png - превью и картинка шаблона, для отображения в «Менеджере шаблонов» в административной панели Joomla.

Для правильной адаптации верстки под шаблон Joomla 2.5. потребуются следующие знания:

ѕ <?php echo $this->baseurl ?> - ссылка на сайт;

ѕ <?php echo $this->template ?> - название шаблона;

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

<jdoc:include type=”modules” name=”left” /> , где

type=”modules“ - тип переменной;

name=”left“ - имя позиции;

ѕ Меню делается с поможью административной панели, поэтому вместо меню: <jdoc:include type="modules" name="topmenu" />;

ѕ Вывод содержимого сайта: <jdoc:include type="component" />;

ѕ Ошибки, системные сообщения, выводятся так: <jdoc:include type=”message” />;

ѕ Все позиции модулей должны быть прописаны в файле templateDetails.xml. [20, с. 1]

Html - версия главной страницы сайта отображена в приложении 2.

Главная страница сайта показана в приложении 3.

Страница сайта «Услуги» показана в приложении 4.

2.5 Реализация программных модулей

Слайдшоу реализовано с помощью простого jQuery плагина.

Рисунок 17. Слайдшоу.

Все возможные опции слайдшоу:

аа $('.slider').mobilyslider({

content: '.sliderContent', // селектор для слайдера

children: 'div', // селектор для дочерних элементов

transition: 'horizontal', // переходы: horizontal, vertical, fade

animationSpeed: 300, // скорость перехода в миллисекундах

autoplay: false,

autoplaySpeed: 3000, // время между переходами (миллисекунды)

pauseOnHover: false, // останавливать навигацию при наведении на слайдер: false, true

bullets: true, // генерировать навигацию (true/false, class: sliderBullets)

arrowsHide: true, // показывать стрелки только при наведении

prev: 'prev', // название класса для кнопки назад

next: 'next', // название класса для кнопки вперед

animationStart: function(){}, // вызывать функцию при старте перехода

animationComplete: function(){} // вызывать функцию когда переход завершен

});

Для создания RSS (Really Simple Syndication) ленты в Joomla 2.5 имеется стандартный модуль «Ленты новостей», который формирует RSS поток для страниц, на которых отображается. RSS лента новостей транслируется с сайта http://dom.59.ru/.

Рисунок 18. RSS лента новостей.

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

Форма обратной связи должна быть максимально проста в заполнении, а в Joomla 2.5. нет функционального решения данного вопроса, поэтому для реализации формы обратной связи используется бесплатный модуль Rapid Contact.

Модуль Rapid Contact прост в установке и настройке, он дает нам 3 поля для заполнения самых нужных данных и поле для защиты от спама.

На рисунке 17 показана форма обратной связи.

Для реализации интерактивной карты с местом расположения компании существует два сервиса: Google Maps и API Яндекс.Карт. В возможности конструктора Яндекс.Карт входит:

ѕ Название карты и определение места на карте;

ѕ Возможность расставить точки и подписать их на карте с помощью инструмента «Установка точек»;

ѕ Возможность нарисовать маршрут с помощью инструмента «Рисование линий»;

ѕ Возможность нарисовать любой объект сложной формы с помощью инструмента «Рисование многоугольников»;

ѕ Возможность изменения размера карты.

Рисунок19. Форма обратной связи.

Скрипт созданный приложением API Яндекс.Карт:

<script type="text/javascript" charset="utf-8" src="//api-maps.yandex.ru/services/constructor/1.0/js/?sid=dVeX7Gz9NJa3_q6z-7yg5RdzIC_dkYec&width=600&height=450"></script>.

Рисунок 20. Карта проезда.



2.6 Создание системы авторизации и групп пользователей

Реализация стандартной формы авторизации производится с помощью каскадной таблицы стилей css и языка разметки html создается окно ввода данных:

<span id="loginShow">Войти</span>

<div id="login">

<imput type="text" id="username"> <!--Поле ввода имени -->

<input type="password" id="password"><!--Поле ввода пароля -->

<button id="authAction">Войти</button><!--Кнопка Войти -->

<div id="loginResult">

<!--Здесь выведется ответ сервера -->

</div>

</div>

А теперь обработка формы с помощью языка программирования PHP:

if($_SERVER['REQUEST_METHOD'] == 'POST') {

if(!empty($_POST['username']) && !empty($_POST['password'])) {

// Проверка данных в базе данных

if($authResult == 'OK') {

// Авторизация }

echo $authResult; // Выводим результат}}

Затем реализуется бработка с помощью JavaScript.

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

Шаблон модуля авторизации Joomla находится по адресу: /modules/mod_login/tmpl/default.php. Там, используя знания HTML и CSS можно настроить модуль так, как это необходимо.

Рисунок 21. Форма авторизации. 

Рисунок 22. Приветствие авторизовавшемуся пользователю.

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

Группы пользователей.

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

Рисунок 23. Группы пользователей.

Public. Все посетители сайта, незарегистрированные или неавторизированные.

Registered. Зрегистрированные и авторизованные пользователи.

Группа Registered включает в себя несколько других групп:

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

Administrator. Пользователь, по правам соответствует Super Users.

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

Super Users, Administrator и Manager имеют доступ к админской части сайта.

На крупных контентных проектах могут быть также задействованы и другие роли (группы пользователей):

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

Editor (редактор). Имеет права редактирования чужих материалов, но не вправе их публиковать.

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

В Joomla имеется возможность создавать бесчисленное количество пользователей, определяя для них соответствующую группу. Также панель менеджера пользователей имеет вкладку «Уровни доступа», где по умолчанию заданы три уровня: Public, Registered, Special.

Рисунок 24. Уровни пользователей.

2.7 Установка, доработка внутрикорпоративной системы

Устанавливается Projectfork с помощью менеджера расширений. Нужно выбрать файл пакета и Projectfork установится как обычный компонент Joomla. После успешной установки, в пункте меню панели управления Joomla «Компоненты» появится дополнительный пункт Projectfork. Вид компонента в меню показан на рисунке 24.

Затем настраивается меню и модули, а также права доступа.

Рисунок 25. Менеджер расширений Joomla 2.5.

Рисунок 26. Projectfork в меню Joomla.

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

ѕ Главная;

ѕ Проекты;

ѕ Этапы;

ѕ Задачи;

ѕ Учет времени;

ѕ Файлы;

ѕ Форум;

ѕ Сотрудники.

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

Рисунок 27. Меню пользователя.

Дизайн сайта должен быть индивидуальным, соответственно и стиль системы не должен отличаться, поэтому стиль всех модулей Projectfork переделан. Файл стилей CSS находится по адресу: папка с установленной joomla/media/com_ Projectfork/ Projectfork/ css.

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

Рисунок 28. Главная страница выбранного проекта.



Рисунок 29. Просмотр подробностей о проекте.

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

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

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

ѕ сортировка по названию, автору или дате;

ѕ очередность сортировки;

ѕ текущее состояние проекта;

ѕ категория.

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

У каждого проекта есть название, описание и картинка. Помимо этого, дата начала и завершения, имя создателя проекта и процент готовности.

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

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



Рисунок 30. Все проекты.

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

На вкладке «публикация» выбрать состояние проекта, дату начала и завершения, категорию.

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

На вкладке «подробности» есть возможность добавления изображения, сайта, электронного адреса и телефона.

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

Помимо этого, к проекту можно добавить материал (созданный в панели управления Joomla), изображение из менеджера файлов, разрыв страницы и ссылку «подробнее».

Рисунок 31. Создание нового проекта.

Добавление задач или этапов аналогично добавлению проекта.

Рисунок 32. Создание нового этапа для проекта.

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



Рисунок 33. Внутрикорпоративный форум.

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

Рисунок 34. Страница загруженных файлов.

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



Рисунок 35. Сотрудники.

2.8 Разграничение прав доступа

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

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



Рисунок 36. Группы пользователей.

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

Таблица 3. Разрешения для групп пользователей

Разрешение	Группы пользователей
Вход на сайт	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Бухгалтерия, Секретарь, Начальник отдела снабжения, Водители, Инженер по ТБ и ОТ, Главный механик, Механик, Начальник ПТО, Отдел ПТО, Начальники участков, прорабы, мастера, Рабочие, Начальник производства, Рабочие производства, Главный энергетик, Электрик, Отдел кадров.
Вход в панель управления	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Начальник отдела снабжения, Водители, Отдел кадров.
Изменение настроек в панели управления	Генеральный директор, Заместитель директора.
Управление компонентом	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Начальник отдела снабжения, Водители, Отдел кадров.
Создавать содержимое	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Бухгалтерия, Секретарь, Начальник отдела снабжения, Водители, Инженер по ТБ и ОТ, Главный механик, Механик, Начальник ПТО, Отдел ПТО, Начальники участков, прорабы, мастера, Рабочие, Начальник производства, Рабочие производства, Главный энергетик, Электрик, Отдел кадров.
Разрешение	Группы пользователей
Изменять содержимое	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Начальник отдела снабжения, Инженер по ТБ и ОТ, Главный механик, Начальник ПТО, Начальники участков, прорабы, мастера, Начальник производства, Главный энергетик, Отдел кадров.
Удалять содержимое	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Начальник отдела снабжения, Отдел кадров.
Изменять состояние содержимого	Генеральный директор, Заместитель директора, Главный инженер, Главный бухгалтер, Начальник отдела снабжения, Инженер по ТБ и ОТ, Главный механик, Начальник ПТО, Начальники участков, прорабы, мастера, Начальник производства, Главный энергетик, Отдел кадров.

В системе проектов Projectfork при добавлении разрешений автоматически добавляются верхние по уровню группы, например, если добавлена группа «Механик», то автоматически добавится и «Главный механик».

Рисунок 37. Добавление разрешений в Projectfork.

2.9 Подключение защищенного протокола

SSL-сертификат в современном мире это не просто защита передаваемых данных, но и доверие со стороны потенциальных посетителей сайта.

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

Рисунок 38. Предупреждение об использовании недоверенного сертификата.

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

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

2.10 Тестирование, размещение в Интернет

По окончании работы сайт опубликован в сети Интернет.

Домен -- это адрес сайта или определенная зона, которая имеет свое имя, не похожее ни на одно другое в системе доменных имен. Для сайта «СК-Лидер» зарегистрирован домен sk-lider-perm.ru. Доменное имя зарегистрировано с помощью сайта 2domains.ru. Стоимость регистрации домена составляет 99 рублей. Зарегистрировать домен можно только после успешного пополнения счета на сайте 2domains.ru. Пополнение счета осуществляется через платежную систему WebMoney.

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

ѕ 2000 MB места на диске;

ѕ 100 GB трафика;

ѕ 2 базы данных MySQL;

ѕ 2 почтовых аккаунта;

ѕ Конструктор сайтов;

ѕ Авто-установщик скриптов.

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



Рисунок 39. Оплата домена.

Рисунок 40. Сообщение от сервера хостинга.

Перенос сайта осуществляется в два действия: копирование файлов и импорт/экспорт базы данных. После того как регистратор домена изменит адреса серверов, сайт появляется в сети.

Рисунок 41 .Копирование файлов сайта с помощью программы FileZilla.

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

Так как на новом сервере (хостинге) создается база данных с другим пользователем и паролем, в файле configuration.php нужно изменить следующие поля:

class JConfig {

public $user = 'имя пользователя';

public $password = 'пароль';

public $db = 'имя базы данных';

}

После всех проделанных манипуляций, сайт ООО «СК-Лидер» появился в сети Интернет.

Тестирование сайта - это проверка сайта различными способами на правильную работу.

Существует несколько видов тестирования web-сайта.

ѕ Функциональное тестирование.

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

ѕ Юзабилити тестирование.

Проверка сайта на простоту и удобство применения. Тестирование интерфейса.

ѕ Тестирование безопасности.

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

ѕ Нагрузочное тестирование.

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

ѕ Тестирование документации.

Проверка проектной документации на целостность и актуальность в рамках текущей версии сайта.

ѕ Анализ исходного кода.

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

ѕ Тестирование локализации.

Тестирования локализованной версии сайта.

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

Кроссбраузерная проверка осуществлялась с помощью следующих браузеров: GoogleChrome от версии 20.0 и выше, MozillaFirefox от версии 12.0 и выше, Opera от версии 10.0 и выше, InternetExplorer от версии 8.0 и выше.

Для проверки статуса сервера, размера главной страницы, время загрузки, соединения, загрузки первого и последнего байта использовался сайт http://www.websitepulse.com/.

Получены следующие данные:

ѕ Статус: хорошо;

ѕ Время отклика: 1.128 секунд;

ѕ DNS: 0.157 секунд;

ѕ Подключение: 0,081 секунда;

ѕ Перенаправление: 0,000 секунд;

ѕ Первый байт: 0,810 секунд;

ѕ Последний байт: 0,081 секунда;

ѕ Размер:11467 байт.

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

Затем сайт проверен на валидность кода сайта с помощью следующих сервисов:

ѕ W3C Markup Validation - показывает ошибки синтаксиса HTML веб-страницы, их описание и в некоторых случаях предлагает пути их решения;

ѕ W3C CSS Validation - аналогично предыдущему, но проверяет синтаксис CSS;

ѕ W3C mobileOK Checker - проверяет то, насколько корректно страница отображается в мобильных устройствах;

...