Разработка web-сайта компании (на примере ОАО «Минсктелекомстрой») с использованием CMS WordPress

ОГЛАВЛЕНИЕ ВвЕДЕНИЕ

1. ОСНОВЫ МОДЕЛИРОВАНИЯ И РАЗРАБОТКИ WEB-САЙТОВ

1.1 Web-сайт: основные понятия, классификация и принципы создания

1.2 Обзор СУБД, применяемых в Web-программировании

1.3 Обзор и сравнительный анализ систем управления сайтами (CMS)

2. АНАЛИЗ МЕТОДОВ РАЗРАБОТКИ, ОПТИМИЗАЦИИ И ПРОДВИЖЕНИЯ WEB-САЙТА

2.1 Анализ средств для разработки и создания Web-сайта

2.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ

2.3 Обзор методов продвижения Web-сайта

3. РАЗРАБОТКА САЙТА ПРЕДПРИЯТИЯ (НА ПРИМЕРЕ ОАО «МИНСКТЕЛЕКОМСТРОЙ»)

3.1 Разработка графического дизайна Web-сайта

3.2 Моделирование и создание Web-сайта

3.3 Описание системы управления сайтом

3.4 Руководство по администрированию Web-сайта

3.5 Продвижение сайта (на примере ОАО «Минсктелекомстрой»)

ЗАКЛЮЧЕНИЕ

СПИСОК ИСПОЛЬЗОВАННЫХ ИСТОЧНИКОВ ПРИЛОЖЕНИЕ

ПЕРЕЧЕНЬ УСЛОВНЫХ ОБОЗНАЧЕНИЙ

ОАО — открытое акционерное общество;

CMS — система управления контентом;

HTML — язык разметки гипертекста;

IP — межсетевой протокол;

PHP — скриптовый язык программирования;

DNS — система доменных имён;

СУБД — система управления базами данных;

БД — базы данных;

MySQL — многопоточная, многопользовательская СУБД;

SQL — язык структурированных запросов;

ИТ — информационные технологии;

ГИС — географическая информационная система;

ODBC — интерфейс (API) доступа к базам данных;

ANSI — американский национальный институт стандартов;

ECMS — системы управления содержанием предприятий;

CMS — система управления контентом сайта;

WCMS — Web Content Management System;

GNU GPL — открытое лицензионное соглашение;

CSS — каскадные таблицы стилей;

CGI — общий интерфейс шлюза;

CLI — интерфейс командной строки;

XML — расширяемый язык разметки;

XSL — язык преобразования и визуализации XML-документов;

DTD — определение типа документа;

XHTML — расширяемый язык разметки гипертекста;

MVC — модель-представление-контроллер;

MIT — лицензия свободного программного обеспечения;

ООП — объектно-ориентированное программирование;

ORM — объектно-реляционное отображение;

Тиц — индекс цитирования;

PR — Page Rank;

Rss — семейство XML-форматов для описания лент новостей;

SQLite — встраиваемый движок баз данных;

FTP — протокол передачи файлов;

СНГ — Содружество Независимых Государств.

ВВЕДЕНИЕ

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

Главное назначение сайта заключается в том, чтобы поведать пользователям о данной компании. В Интернете существуют разные способы информирования, но, как правило, все они, сводятся к одному — к web-сайту.

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

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

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

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

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

Целью дипломной работы является разработка web-сайта компании (на примере ОАО «Минсктелекомстрой») с использованием CMS WordPress, которая является наиболее популярной на сегодняшний день и предоставляет достаточно широкие возможности для разработки.

Для достижения поставленной цели в работе ставятся следующие задачи:

1) Привести классификацию современных web-технологий;

2) Проанализировать существующие средства разработки, оптимизации и продвижения web-сайтов;

3) Разработать новую версию сайта ОАО «Минсктелекомстрой».

1. ОСНОВЫ МОДЕЛИРОВАНИЯ И РАЗРАБОТКИ WEB-САЙТОВ

1.1 Web-сайт: основные понятия, классификация и принципы создания

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

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

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

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

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

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

Гиперссылка — это текстовый или графический элемент web-страницы, который является указателем перехода на другую страницу. Различают внутренние и внешние гиперссылки. Внутренние обеспечивают переход на другой файл или другую страннику данного web-узла. Внешние указывают на файл или страницу другого web-узла.

HTML — стандартный язык создания web-страниц в сети Интернет. Язык HTML интерпретируется браузером и отображается в виде web-страницы.

IP-адрес — уникальный идентификатор устройства, подключенного к интернет или включенного в локальную сеть. Проще говоря, это персональный номер компьютера в сети. Он присваивается компьютеру или автоматически, или вручную. Обычно IP-адрес записывается в виде четырёх десятичных чисел (от 0 до 255), разделённых точками, например, 192.168.34.12. На смену IP4 приходит IP6 — новая версия протокола IP, призванная решить проблемы, с которыми столкнулась предыдущая версия при её использовании в Интернете, за счёт использования длины адреса 128 бит вместо 32. В настоящее время протокол IPv6 уже используется в нескольких тысячах сетей по всему миру (более 9000 сетей на май 2012), но пока ещё не получил столь широкого распространения в Интернете, как IPv4.

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

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

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

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

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

Система управления контентом (CMS) — программное обеспечение, которое, будучи установлено на сайте, позволяет изменять его информационное наполнение, иногда также структуру и некоторые элементы дизайна. Как правило, к ней имеет доступ администратор или владельц сайта и она недоступна обычным посетителям. Хостинг — услуга по предоставлению дискового пространства для физического размещения информации на сервере, постоянно находящемся в сети Интернет. В услугу хостинга уже входит предоставление баз данных, DNS, файлового хранилища, поддержка функционирования соответствующих сервисов.

Классификация сайтов. Чаще всего сайты делятся:

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

Рисунок 1.1 — Пример корпоративного сайта

2. Интернет-магазин — интерактивный web-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа. При этом администратор магазина обязан организовать доставку товара и проконтролировать расчеты с покупателем. Пример представлен на рисунке 1.2.

Рисунок 1.2 — Пример интернет-магазина

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

4. Игровой портал — сложный развлекательный интерактивный проект, предусматривающий большую посещаемость и ресурсоемкость.

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

Блог часто используется для общения людей объединенных общими интересами.

6. Контент-проект — это сайт некоммерческой направленности, который представляет собой собрание текстов, статей и прочих материалов, основная задача его является привлечение посетителей по определенной тематике.

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

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

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

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

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

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

Разные типы сайтов имеют свою специфику графического оформления (таблица 1.1):

Таблица 1.1 — Специфика графического оформления сайтов

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

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

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

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

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

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

Обязательно тестирование сайта, как он смотрится в различных браузерах и при разном разрешением экрана. Обязательно указывайте кодировку текста в html. Для текстов используйте шрифт без засечек (Arial, Tahoma, sans-serif).

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

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

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

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

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

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

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

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

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

1.2 Обзор СУБД, применяемых в Web-программировании Система управления базами данных (СУБД) — совокупность программных и языковых средств общего или специального назначения, обеспечивающих управление созданием и использованием баз данных.

Основные функции СУБД:

— управление данными на дисках;

— управление данными в оперативной памяти;

— журнализация изменений, резервное копирование и восстановление базы данных после сбоев;

— поддержка языков БД.

СУБД условно можно разделить на 2 части:

— С открытым исходным кодом (MySQL)

— Коммерческие (Oracle, MS SQL).

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

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

Преимущества использования Oracle:

— хранение пространственных данных в открытом, стандартизованном формате;

— хранение данных в единой СУБД;

— стандартизованный доступ к данным через SQL;

— обеспечение совместной работы с данными и разделение доступа на уровне СУБД;

— надежность, производительность;

— масштабируемость;

— техническая поддержка и постоянное совершенствование программного обеспечения.

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

Основные преимущества MySQL:

— многопоточность;

— оптимизация связей;

— записи фиксированной и переменной длины;

— ODBC драйвер;

— гибкая система привилегий и паролей;

— гибкая поддержка форматов чисел, строк переменной длины и меток времени;

— быстрая работа;

— масштабируемость;

— совместимость с ANSI SQL;

— хорошая поддержка со стороны хостинг-провайдеров;

— быстрая поддержка транзакций.

Microsoft SQL Server — реляционная система управления базами данных, производимая Microsoft. Поддерживает множество языка SQL. Используется для небольших и средних по размеру баз данных, для крупных баз данных масштаба предприятия, конкурирует с другими СУБД. Одно из основных преимуществ SQL Server — развитые графические средства визуального администрирования, благодаря которым можно значительно снизить административную нагрузку при обслуживании.

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

Основные преимущества SQL Server :

— масштабируемость;

— превосходная производительность;

— простота использования;

— готовность к использованию в Интернете;

— хранилища данных;

— интеграция с другими продуктами Microsoft.

Основные преимущества рассмотренных СУБД представлены в таблице 1.2.

Таблица 1.2 — Преимущества СУБД

1.3 Обзор и сравнительный анализ систем управления сайтами (CMS)

Система управления содержимым (англ. Content management system, CMS) — информационная система или компьютерная программа, используемая для обеспечения и организации совместного процесса создания, редактирования и управления содержимым.

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

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

В силу того, что ECMS имеют глубокую внутреннюю классификацию по предметным областям, термин CMS заместил собой WCMS, превратившись в синоним системы управления сайтами. Подобные CMS позволяют управлять текстовым и графическим наполнением web-сайта, предоставляя пользователю интерфейс для работы с содержимым сайта, удобные инструменты хранения и публикации информации, автоматизируя процессы размещения информации в базах данных и её выдачи в HTML. Существует множество готовых систем управления содержимым сайта, в том числе и бесплатных. Их можно разделить на три типа по способу работы: Генерация страниц по запросу. Системы такого типа работают на основе связки Модуль редактирования > База данных > Модуль представления. Модуль представления генерирует страницу с содержанием при запросе на него, на основе информации из базы данных. Информация в базе данных изменяется с помощью модуля редактирования. Страницы заново создаются сервером при каждом запросе.

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

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

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

Большая часть современных систем управления содержимым реализуется в виде визуального редактора — программы, которая создаёт HTML-код из специальной упрощённой разметки, позволяющей пользователю проще форматировать текст. 9]

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

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

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

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

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

Рисунок 1.3 — Пример сайта на Joomla

Достоинства:

— система шаблонов позволяет легко изменять внешний вид сайта;

— все модули, компоненты, плагины, шаблоны можно написать самому, разместить их в структурированном каталоге расширений;

— отредактировать расширение по своему усмотрению.

Недостатки:

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

— Также невозможно запустить сайт на бесплатных хостинг-площадках, позволяющих использование сайтов на PHP, но в большинстве своем не имеющие возможности для создания баз MySQL;

— Чрезмерно большое количество настроек, опций и возможностей усложняет восприятие администрирования сайтов на основе Joomla.

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

Достоинства:

— WordPress является бесплатной;

— имеет огромное количество плагинов и готовых шаблонов;

— требования к хостингу минимальны;

— понятная и удобная консоль администрирования.

Недостатки:

— требует базы данных MySQL;

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

На 2012 год WordPress — самая популярная система для ведения блогов и создания сайтов, которую выбирает большинство пользователей Рунета (по данным Яндекса, рисунок 1.4):

сайт продвижение фреймворк графический Рисунок 1.4 — Статистика использования различных CMS

Основные преимущества WordPress:

— WordPress является очень мощной платформой для создания самых различных типов сайтов — от микросайтов до огромных порталов и социальных сетей;

— Быстрая и легкая смена внешнего вида сайта с помощью различных тем (шаблонов);

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

— Поддерживает множество языков;

— Легкость в изучении;

— Поисковые системы Яндекс и Google очень любят WordPress и хорошо индексируют сайты, основанные на нем;

— WordPress очень легко SEO-оптимизировать, что поможет легче пробиться в ТОП;

— Несмотря на то, что WordPress является бесплатной CMS, он предоставляет все возможности для заработка на нем;

— Постоянное обновление WordPress, появление все новых, более совершенных версий.

DataLife Engine (DLE) — движок, написанный на языке PHP. В качестве базы данных используется MySQL.

DataLife Engine представляет собой коммерческое программное обеспечение для управления контентом, разрабатываемое SoftNews Media Group. Движок не бесплатный. После покупки скрипта клиенту предоставляется продукт с открытым исходным кодом и без ограничения на время использования. Основной язык системы — русский. Однако существует английская локализация.

Достоинства: возможность подключения сторонних модификаций за счёт открытости исходного кода;

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

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

Недостатки: использует для хранения данных MySQL;

— настройка дизайна затруднительна;

— движок не является бесплатным.

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

— возможность написать плагины и шаблоны самому;

— много бесплатных шаблонов;

— некоторые движки являются бесплатными;

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

Таблица 1.3 — Сравнительный анализ CMS

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

1) Проведя классификацию современных web-технологий, были описаны основные понятия, относящиеся к web-сайту; рассмотрены категории сайтов; выделены принципы создания и разработки сайта; проведён анализ СУБД, применяемых при создании сайтов.

2) Проанализировав CMS применяемые для создания web-сайтов, была выбрана CMS WordPress потому что, используя эту систему управления контентом можно достаточно быстро создавать разные по степени сложности web-сайты; она хорошо подходит для продвижения, т.к. написанные на ней сайты быстро индексируются поисковиками.

2. Анализ методов разработки, оптимизации и продвижения Web-сайта

2.1 Анализ средств для разработки и создания Web-сайта

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

Для создания современных сайтов обычно используются: HTML, CSS, JavaScript, FLASH, PHP, XML и другие средства и программы.

Средства создания сайтов

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

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

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

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

CSS (Cascading Style Sheets) — каскадные таблицы стилей — попытка отделить детали дизайна странички от ее структуры и содержания. В классическом HTML структура и дизайн были вперемешку: рядом с текстовым абзацем его цвет, размер шрифта, тип шрифта и т. п. Если нужно было изменить такой простой параметр, как размер шрифта на своем сайте — приходилось переписывать все странички. Команды CSS позволяют назначить всем объектам стиль, описание которого может храниться вообще в отдельном файле. Используя декодер CSS, можно изменить размер шрифта во всех страницах сайта, исправив только один файл с описанием стилей.

Чем больше разных стилей применено, тем интересней менять дизайн. Самое главное, что не придется менять уже готовые HTML документы, лежащие на сервере. Браузер пользователя сам обратится к файлу (по ссылке) со стилями и придаст страничке нужный облик.

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

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

Frames (Фреймы) — элемент языка HTML, позволяющий жестко разделить страницу на несколько независимых окон и в каждом из них размещать свою собственную web-страничку. Применяется в основном для организации постоянно находящихся на экране меню, в то время как в другом окне располагается непосредственно сама информация. Flash (Флэш) — технология, которую разработала Macromedia Inc. для того, чтобы разнообразить обычные текстовые страницы web-сайта красочной и интерактивной векторной графикой. Технология Flash позволяет создавать как поражающие воображение презентационные ролики, так и интерактивные интерфейсы, создающие новое качество комфорта на сайте.

Преимущества Flash:

— платформенная независимость;

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

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

Недостатки Flash:

— Flash-технология сложна в изучении;

— нет желания у многих пользователей Интернет обновлять версии проигрывателей Flash, и следовательно многие новые Flash-модули не работают;

— Долгая загрузка из-за большого объема графических файлов.

JavaScript. Является замечательный инструмент, позволяющий HTML-странице, загруженной в браузер, динамически управлять своим содержимым и самим браузером. Реализация JavaScript, называемая «динамический HTML» позволяет реализовать на web-странице почти полноценный пользовательский интерфейс с выпадающими многоуровневыми меню, перетаскиванием объектов мышью, анимацией и т. п. Текст программы встроен непосредственно в HTML-документ и интерпретируется самим браузером.

Популярность языка JavaScript связана с его широкими возможностями по взаимодействию с элементами web-страницы без ее перезагрузки. Это позволяет прятать и показывать фрагменты дизайна, перемещать их и менять оформление. Путем таких действий можно создавать презентационные эффекты, меню, небольшие игры, обрабатывать данные форм и управлять содержимым. PHP — это язык программирования высокого уровня, на котором пишутся скрипты различного назначения. Первая версия этого языка была создана Расмусом Лердофом для разработки web-сайтов. Отсюда и первоначальное название языка — РНР (Personal Home Page — персональная домашняя страница). С ростом популярности РНР развился настолько, что стал полноценным языком программирования. Теперь его называют Hypertext Processing (обработка гипертекста). Высокий уровень языка предполагает простоту его синтаксиса и принципов программирования.

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

РНР можно использовать под управлением различных операционных систем: Windows, Linux, Unix и Mac OS. При этом существуют два варианта применения РНР — для создания web-приложений и для разработки программ общего назначения. Соответственно предусмотрены два исполняемых модуля интерпретатора:

РНР CGI (Common Getwaitc Interface) — для выполнения сценариев web-сервером и вывода результатов в окне браузера;

РНР CLI (Command Line Interface) — для выполнения сценариев общего назначения. Этот модуль имеет интерфейс командной строки.

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

Необходимо обратить внимание на особенности взаимодействия РНР с web-сервером.

Наиболее широко РНР применяется в web-приложениях, а именно для создания сценариев, которые выполняются на стороне web-сервера, а не браузером. Как известно, сценарии могут выполняться и на стороне клиента, но они пишутся на других языках, а их коды вставляются в HTML-документ.

XML (eXtensible Markup Language) — это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Этот текстовый формат, во многом схожий с HTML, разработан специально для хранения и передачи данных.

XML позволяет описывать и передавать такие структурированные данные, как:

— отдельные документы;

— метаданные, описывающие содержимое какого-либо узла Internet;

— объекты, содержащие данные и методы работы с ними;

— отдельные;

— всевозможные web-ссылки на информационные и людские ресурсы в Интернете.

Данные, описанные на языке XML, называются XML-документами. Язык XML легко читаем и достаточно прост для понимания. Исходный текст XML-документа состоит из набора XML-элементов, каждый из которых содержит начальный и конечный тэги. Каждая пара тэгов представляет часть данных. То есть, как и HTML, язык XML для описания данных использует тэги. Но, в отличие от HTML, XML позволяет использовать неограниченный набор пар тэгов, каждая из которых представляет не то, как заключенные в нее данные должны выглядеть, а то, что они означают.

Управлять отображением элементов в окне программы-клиента (например, в окне браузера) можно с помощью специальных инструкций — стилевых таблиц XSL (eXstensible Stylesheet Language). Эти таблицы XSL позволяют определять оформление элемента в зависимости от его месторасположения внутри документа, то есть к двум элементам с одинаковым названием могут применяться различные правила форматирования. Кроме того, языком, лежащим в основе XSL, является XML, а это означает, что таблицы XSL более универсальны, а для контроля корректности составления таких стилевых таблиц можно использовать DTD-описания или схемы данных.

Инструменты обработки данных, полученных в формате XML, могут быть разработаны в среде Visual Basic, Java или C++.

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

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

HTML-документ, можно создавать в любом текстовом редакторе, например, в Блокноте. HTML-документ, можно конвертировать из многих программ, (например, Microsoft Word). После конвертации одна страница текста может превратиться в огромный HTML-файл размером более 100кб. HTML-документ, можно создавать с помощью визуальных пакетов, таких, например, как Microsoft FrontPage. Эти редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню.

Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia. Очень популярны пакеты Macromedia: Dreamweaver, HomeSite, а также специализированные пакеты для создания компьютерной графики и анимации.

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

Для использования PHP необходимы смежные серверные компоненты, а именно:

— web-сервер;

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

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

JavaScript — скриптовый язык программирования. Обычно используется как встраиваемый язык для программного доступа к объектам приложений. Наиболее широкое применение находит в браузерах, как язык сценариев, для придания интерактивности web-страницам. Для написания приложения можно использовать NotePad++ — свободный текстовый редактор с открытым исходным кодом для Windows, с подсветкой синтаксиса большого количества языков программирования и разметки. Базовая функциональность программы может быть расширена как за счёт плагинов, так и сторонних модулей, таких как компиляторы и препроцессоры.

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

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

Для css и xml можно использовать HTML-Kit — редактор HTML, XHTML и XML с плагинами, которые обеспечивают, помимо прочего CSS руководства.

2.2 Фреймворки, используемые при разработке Web-сайтов: сравнительный анализ

Фреймворк представляет из себя некоторый программный каркас, реализующий базовую архитектуру проекта. Наиболее известными современными php-фреймворками является Zend Framework, Yii, CodeIgniter, Symfony и многие другие.

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

1. Zend Framework (ZF) — является объектно-ориентированным фреймворком с открытым исходным кодом, использует PHP5 и выпущен под лицензией New BSD License.

Zend Framework был задуман в начале 2005 года, когда много новых фреймворков набирали популярность в сообществе web-разработчиков. О ZF впервые было объявлено на первой Zend конференции в октябре 2005 года.

Функции Zend Framework включают в себя:

— большое количество модулей и библиотек;

— разрабатывается разработчиками ядра PHP;

— поддержка unit-тестов;

— достаточно низкая скорость работы с библиотеками;

— встроенный JS фреймворк DOJO и библиотеки для него.

2. Symfony — web-фреймворк написанный на PHP, использует платформу модель-представление-контроллер (MVC). Был выпущен под лицензией MIT. Symfony является свободным программным обеспечением. Symfony не следует путать с Symfony CMS, Open Source XML/XSLT системой управления контентом. Symfony ускоряет создание и поддержку web-приложений. В настоящее время совместима с ORM Propel и Doctrine. Следует отметить, что на типичном хостинге, где ускоритель PHP отсутствует, Symfony может использовать собственный движок кэширования для ускорения выполнения кода.

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

Достоинства:

— простой в освоении;

— достаточно высокая скорость работы ядра.

3. Yii — высокопроизводительный фреймворк, изучение которого будет оправдано для организации со штатом начиная от 10 человек, в одиночку с Yii справиться сложно. Фреймворк позволяет создавать очень производительные системы.

Yii является золотой серединой между Zend Framework и Codeingiter. Он обладает великолепной документацией и всегда можно залезть в код, чтобы разобраться, что и как работает.

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

Yii намного более комплексный (больше функционала) и лучше структурирован, чем CodeIgniter. Он меньше и более производительный, чем Zend Framework. Требуется намного меньше кода при написании приложений, в то же время Yii обладает огромным функционалом.

4. CodeIgniter — популярный фреймворк для разработки полноценных web-систем и приложений. CodeIgniter послужил базой для таких фреймворков, как Kohana и Rain Framework, многие идеи CodeIgniter применены во фреймворках Fuel PHP и CodeLighter. На CodeIgniter основано множество CMS: Fuel CMS, MaxSite CMS, Cogear, PyroCMS и другие. CodeIgniter — это PHP фреймворк, который использует платформу MVC, имеет классы для доступа к данным, классы для работы с почтой, FTP и XML-RPC. У CodeIgniter имеется исчерпывающая документация для начала работы.

Таблица 2.1 Характерные особенности фреймворков

2.3 Обзор методов продвижения Web-сайта

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

— различные виды традиционной рекламы;

— электронные рассылки;

— показы баннеров;

— размещение информации на других сайтах;

— обмен ссылками, кнопками и т. д.;

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