Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript.

Статьи по теме
Искать по теме

Обоснование потребности в создании web-сайта компании

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

Факторами, оказавшими наибольшее влияние на переход отношений в новое качество, являются [5, С.22-29]:

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

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

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

- решение проблем дефицита времени потребителей и нехватки информации для принятия ими решения о покупке;

- возможность приобретения и оплаты товаров прямо через Интернет.

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

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

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

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

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

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

Рассмотрим бизнес-модели присутствия компании в сети Интернет.

Перед тем, как перейти к принципам построения и функционирования сайта, рассмотрим возможные задачи, для решения которых сайт создается и продвигается. Фактически это задачи, которые ставят перед Интернетом владельцы веб-сайта. А в целом их описывает бизнес-модель присутствия в Сети [26, С.32-44]:

1. Ad Supported (рекламная бизнес модель) - сайт создается для формирования на нем постоянной, четко сегментированной или, напротив, максимально широкой аудитории. Контакт с этой аудиторией продается рекламодателям или спонсорам (подробнее об этом в Главе 12). Примеров можно привести множество. Вот два из них: www.citycat.ru - крупнейший рассылочный сервер, получающий доходы исключительно от размещения рекламы в рассылках; www.auto.ru - крупнейший автомобильный портал Рунета, привлекателен для рекламодателей из автомобильных и сопутствующих бизнесов.

2. Business Supported (модель поддержки существующего бизнеса). В случае если у компании есть бизнес в off-line, то с помощью сайта и рекламных мероприятий в Сети, фирма расширят свою клиентскую базу, формирует благоприятный имидж. А также открывает новый канал продаж через Интернет. Осуществляет через сеть поддержку клиентов и партнеров, оптимизирует с помощью интернет-технологий бизнес-процессы внутри компании.

Пример: "Московская Сотовая Связь" (www.mcc.ru) - крупный оператор сотовой связи. На сайте представлена подробная информация о компании и ее услугах, успешно работает интернет-магазин по продаже оборудования и сервисов данного оператора.

3. New Business (модель создания нового бизнеса). Сеть дает возможность создания новых бизнесов или бизнес-единиц внутри компании. Примером новых бизнесов являются многочисленные студии веб-дизайна, интернет-агентства, интернет-магазины, платные сервисы и т.д. Можно отметить сервер информационного агентства "Интерфакс" (www.interfax.ru), где доступ к значительной части контента стоит определенную абонентскую плату.

4. Capitalization (модель капитализации проекта). В основе проекта лежит одна из приведенных выше моделей, но главной целью создателей является рост капитализации (стоимости) и ликвидности (возможности продать) проекта. В зависимости от бизнес-плана капитализация может считаться от аудитории сайта, денежных потоков, которые проходят через интернет-сервис, технологического владения, know-how и т.д. В 2000 году произошло около десятка разных по величине сделок по полной или частичной продаже российских интернет-проектов инвесторам. Среди примеров - магазин Ozon.ru, контент-проект Referat.Ru, поисковая система Yandex.Ru и т.д.

5. Энтузиазм. Не является бизнес моделью, но вместе с тем часто бывает основным двигателем на ранней разработке интернет- проектов. Тот же Auto.Ru создавался в одиночку в свободное от работы время программистом Михаилом Рогальским. Сейчас проект очень неплохо себя окупает и над его развитием работает целая команда.

Как уже выло отмечено выше, с точки зрения маркетинга, сайт - это набор информационных блоков и инструментов для взаимодействия с одним или несколькими сегментами целевой аудитории. Какая информация будет представлена на сайте, какие инструменты будут задействованы, как они будут взаимодействовать между собой, зависит от двух аспектов [16, С.32-44]:

- от выбранной бизнес-модели, краткосрочных и долгосрочных задач;

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

Функции сайта [43,C. 134-136]:

1. Представительские функции и имидж компании:

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

- Наличие интернет-представительства (сайта) в сети Интернет положительно влияет на имидж компании: это показатель открытости компании, ее стабильности.

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

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

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

2. Рекламные функции и дополнительный канал сбыта:

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

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

3. Сервисное обслуживание потребителей

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

- Frequently Asked Questions (FAQ) — "Часто задаваемые вопросы" (ЧАВО). Представление такой информации не только для существующих потребителей продукции, но также и для потенциальных потребителей, для убеждения в необходимости совершения покупки именно в данной фирме.

4. Поддержка региональной политики:

- Сайт может стать местом вербовки дилеров и расширения рынков сбыта по России и странам СНГ. Также информационная и рекламная поддержка существующей дилерской сети.

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

5. Сбор маркетинговой информации:

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

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

6. Вербовка кадров:

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

7. Сокращение традиционных расходов

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

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

8. Конкуренция

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

Классификация web-сайтов

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

Сайты разрабатывают для того, чтобы они выполняли определённые задачи. Задачи могут быть совершенно различными. Логично предположить, что если сайт выполняет поставленные задачи (приносит владельцу пользу) и выполняет их хорошо, то это удачный (или хороший) сайт. Какие же задачи может выполнять сайт? Наиболее популярные задачи описаны ниже. Рассмотрим каждую из задач в отдельности и определим, при каких условиях сайт будет её выполнять.

1. Реклама в Интернете (привлечение и удержание посетителей)

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

2. Продажа товаров в Интернете и оффлайне

Здесь имеется в виду не только Интернет-магазин, но и вообще любой сайт, целью которого является продажа товара. Это может быть и электронный каталог и сайт, рекламирующий товар для его будущей продажи в оффлайне и т.д. Все внимание должно сосредотачиваться на передаче информации о товарах. В этом случае очень важна юзабилити сайта, дизайн и доступность информации. Дизайн здесь - лишь оформление информации, способствующее лучшему восприятию товара [8,C. 168]..

3. Повышение дохода владельца непосредственно через сайт

Здесь обычно на первом месте выступает юзабилити, качество информации и удобство управления сайтом, для частого обновления. Как правило, дизайн сайта с точки зрения "красоты", роли совсем не играет, т.к. во главу угла поставлено содержание сайта. Пример - любой портал (новостной, бизнес, знакомства и т.д.) [8,C. 169]..

4. Создание или поддержка имиджа в Интернете

Имидж сайта создаётся не только дизайном, но и подачей информации, текстами и т.д. Имиджевый сайт может быть как нагружен графикой, так и нет. Т.е. если создаётся имидж игрового молодёжного сайта, то используются соответственные яркие цвета, тона, формы. Если создаётся имидж серьёзной, солидной организации, то стараются придерживаться более нейтральных тонов и строгих форм. Это обусловлено спецификой целевой аудитории. В имиджевых сайтах визуальная информация важна не менее чем текстовая, так как отвечает непосредственно за имиджевую функцию [8,C. 170]..

5. Воспроизведение брэнда в Интернете [8,C. 174].

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

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

В зависимости от решаемых задач можно классифицировать сайты следующим образом [35, C.211-216]:

1. Сайт-визитка – обычно состоит из нескольких страниц и имеет уникальный, но простой и функциональный дизайн; идеально подходит для компаний, которые хотят разместить информацию о себе и своих услугах в Интернете; основные разделы сайта: "О компании", "Продукция или услуги", "Прайс-листы", "Контактная информация"; сайт-визитка используется предприятиями, организациями и частными лицами.

2. Корпоративный информационный web сайт – необходим для автоматизации внутреннего документооборота, учёта показателей компании, управления персоналом, может быть оснащён функциями обмена информацией между удалёнными филиалами; корпоративный сайт позитивно влияет на репутацию и имидж компании; дизайн должен соответствовать фирменному стилю компании; чаще всего, включает "администраторскую часть" для создания и изменения контента, позволяющую менеджеру или секретарю компании добавлять или менять новости, информационные статьи, справочную и прочую информацию на сайте; используется минимум графики, основной упор идет на текст.

3. Корпоративный имиджевый web сайт – идеально подходит для обеспечения имиджевого присутствия в Сети; сайт служит для предоставления подробной информации о компании, истории торговой марки, сведений об оказываемых услугах или поставляемых товарах; корпоративный сайт обычно содержит ленту новостей компании, средства публикации информации о рекламных и торговых акциях, информацию для прессы и другие сведения; нередко корпоративные сайты сочетают информацию о компании с каталогом продукции; используется эксклюзивный оригинальный дизайн, выгодно представляющий компанию; использование нестандартных идей и решений в оформлении, процентное соотношение текст/графика = 50/50

4. Интернет-магазин, он же Сетевой магазин, Электронный магазин, Internet shop, E-shop – интерактивный веб-сайт рекламирующий товар или услугу, принимающий заказы на покупку, предлагающий пользователю выбор варианта расчета, выписывающий счет на оплату, служащий одновременно подтверждением заказа; при этом администратор магазина обязан:

организовать доставку товара;

проконтролировать расчеты с покупателем за поставку.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Этапы проектирования web-сайта

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

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

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

Существует несколько моделей проектирования web-сайта [45, С.17-24].

Модель водопада (рис.1) предполагает выполнение нескольких, следующих друг за другом этапов. Вначале идет написание технического задания, затем анализ и проектирование сайта; следующие этапы - написание контента, дизайн и программирование. Заканчивается все генеральным тестированием и приемкой проекта.

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 1 – Модель "водопада"

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

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

Следующий тип модели - спиральная модель (рис. 2).

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 2 – Спиральная модель

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

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

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

Модель Microsoft Solutions Framework (MSF) сделана компанией Microsoft для своих собственных целей, но приобрела популярность и среди других разработчиков (рис. 3).

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 3 – Модель Microsoft Solutions Framework

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

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

На рис. 4 представлена общая блок-схема построения web-сайта. Она включает четыре основных этапа [7, C. 145].

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 4- Блок-схема построения сайта

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

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

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

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

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

2. Средства реализации

Выбор программного средства для реализации поставленных задач

Разработка программного обеспечения корпоративного имиджевого сайта включает в себя следующие основные этапы [40]:

1. Реализация программных компонентов бизнес-логики;

2. Верстка шаблонов страниц сайта;

3. Реализация основных функциональных режимов сайта;

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

5. Реализация дополнительных функциональных режимов

Учитывая поставленные задачи на разработку корпоративного имиджевого сайта, были выбраны следующие программные средства- HTML/CSS и Java. Далее представим их краткую характеристику.

1 Язык разметки гипертекста HTML/CSS

Язык гипертекстовой разметки HTML - язык разметки исходного текста веб-документа, включающий специальные символы (теги), которые позволяют веб-браузеру сконструировать из текста дизайн [15].

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

Базовым элементом языка разметки гипертекста является - ТЕГ (дескриптор, маркер). Тег всегда заключен между скобками < > и имеет следующий вид:

<ТЕГ атрибут 1=ЗНАЧЕНИЕ... атрибут N=ЗНАЧЕНИЕ>

Для написания кода web-страниц сайта использовались следующие теги:

1. Форматирование текста.

<P ALIGN=CENTER/LEFT/RIGHT >...</P> - тег нового абзаца, используется в формате одиночного тега или контейнера. При использовании в форме одиночного тега концом абзаца считается начало следующего т.е следующий тег <P>. Атрибут ALIGN задает выравнивание элементов абзаца, значение по умолчанию LEFT- абзац выравнивается по левому краю.

Теги выделения структуры документа:

<H1>...</H1>,...,<H6>...</H6> - контейнерные теги шестиуровневых заголовков документа. Имеют атрибут ALIGN (по умолчанию LEFT) для выравнивания заголовка.

Теги стилистического выделения текста. Данная группа контейнерных тегов применялась для стилистического выделения элементов текста (табл. 1).

Таблица 1 – Теги стилистического оформления документов.

Тег

Назначение

<B>...</B>

Выделение полужирным шрифтом

<I>...</I>   

Выделение курсивом

<TT>...</TT>        

Выделение телетайпным шрифтом

<U>...</U>

Выделение подчеркиванием

<STRIKE>...</STRIKE>  

Выделение перечеркиванием

<SUP>...</SUP>   

Шрифт в верхнем индексе

<SUB>...</SUB>  

Шрифт в нижнем индексе

<SMALL>...</SMALL>   

Мелкий шрифт

<BIG>...</BIG>    

Крупный шрифт

Kонтейнер <FONT> применяется для изменения параметров шрифта отдельных элементов документа, которые необходимо отобразить шрифтом отличным от базового. Действие его атрибутов ограничивается фрагментом документа, заключенным в данный контейнер, и он может быть вложенным по отношению к другим тегам форматирования текста.

Для задания характеристик шрифта в тегах <FONT>...</FONT> и <BASEFONT> использовались атрибуты:

FACE - Задает имя шрифта (или перечня шрифтов - по мере убывания предпочтения) на компьютере пользователя. В случае отсутствия текст отображается шрифтом, заданным по умолчанию в броузере пользователя.

SIZE - абсолютный или относительный размер шрифта. Относительный размер это размер шрифта относительно стиля Normal (SIZE=3) или размера заданного тегом <BASEFONT>.

COLOR - цвет шрифта. Например:

2. Организация ссылок в HTML документе.

Для организации перемещения между страницами по сайту использовались ссылки, которые задаются при помощи контейнера <A>...</A>:

<A HREF="Ресурс" TARGET="имя окна" TITLE="Подсказка">Элемент - якорь</A>

Атрибут HREF в открывающем теге задает ресурс, который необходимо обработать браузеру при выборе на Web-странице, соответствующего ему якоря. В работе использовались следующие типы ссылок:

<A HREF="URL"> - ссылки на другие документы HTML, файлы, ресурсы Интернет.

<A HREF="mailto:e-mail"> - ссылки на адрес электронной почты.

3. Использование графики.

Для вставки изображения в документ использовался тег <IMG>. Местоположение изображения на странице и его выравнивание относительно текста задается атрибутами:

SRC - URL изображения;

ALIGN - выравнивание текста относительно изображения (режимы с обтеканием текста: LEFT - изображение слева, текст обтекает справа / RIGHT-изображение справа, текст обтекает слева; режимы без обтекания текстом: TOP - по верхнему краю изображения / MIDDLE - по центру изображения / BOTTOM - по нижнему краю );

WIDTH - ширина изображения (пикселы);

HEIGHT - высота изображения (пикселы);

ALT - текстовое описание-альтернатива, для тех кто отключил загрузку изображений;

4. Организация таблиц.

Структура web-страницы сайта построена путем внедрения тэга таблиц. Это позволило существенно упростить оформление и форматирование страниц сайта. Таблицы в HTML определяются при помощи контейнера <TABLE>...</TABLE>, заключающего в себе другие элементы таблицы: название, заголовки ячеек и их содержимое. Атрибутами контейнера <TABLE> задается формат линии-сетки и общие правила форматирования (общий формат действуют, если иной формат не задан атрибутами формата конкретных строк и ячеек).

Структура таблицы:

<TABLE> - начало контейнера таблицы

<CAPTION> название таблицы </CAPTION>

<TR> <TH> 1 заголовок </TH>…<TH> N заголовок </TH> </TR> - первая строка / шапка

<TR> <TD> ячейка 1/1 </TD>…<TD> ячейка N/1 </TD> </TR> - 1 строка

<TR> <TD> ячейка 1/i </TD>…<TD> ячейка N/i </TD> </TR> - i строка

<TR> <TD> ячейка 1/M </TD>…<TD> ячейка N/M </TD> </TR> - последняя строка

</TABLE> - конец контейнера таблицы

5. Списки.

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

Упорядоченный список (Ordered list):

<OL> - начало контейнера списка

<LH> - заголовок списка

<LI> - первый элемент списка

<LI> - i элемент списка

<LI> - последний элемент списка

</OL> - конец контейнера списка

6. Форматирование с использованием CSS

Стиль страниц разрабатываемого сайта был определен с помощью Cascading Style Sheets (Каскадные таблицы стилей - CSS). CSS - это специальный язык описания стилей, который обладает широким набором средств форматирования и управления стилями элементов документа [16].

Мы использовали следующие свойства CSS:

- Свойства шрифта

font-family - определяет используемый элементом шрифт. Если указать URL(file), то шрифт автоматически установится на компьютер пользователя;

font-style - стиль шрифта (normal, italic);

font-variant - варианты отображения шрифта (normal, small-caps);

font-weight - жирность шрифта (normal, bold, bolder, lighter, значение от 100 до 900);

font-size - размер шрифта (размер, xx-small, x-small, small, medium, large, x-large, xx-large, smaller, larger);

- Свойства текста

word-spacing - расстояние между словами (значение, normal);

text-decoration - декорация текста (none, underline, overline, line-through, blink);

letter-spacing - расстояние между буквами (значение, normal);

vertical-align - позиционирование по отношению к другим элементам стоящим в одном ряду (baseline, sub, super, top-text, top, middle, bottom, bottom-text, %);

text-align - положение текста (left, right, center, justify);

text-indent - отступ (значение, %);

line-height - отступ сверху (normal, значение, %);

- Свойства фон и цвет

color - цвет элемента (значение);

backgroung-color - цвет фона элемента (значение);

background-image - изображение фон (none, URL);

background-repeat - варианты повторения фонового изображения (repeat, repeat-x, repeat-y, no-repeat);

Правила CSS

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

- Селекторы

Простейшее правило CSS задается следующим образом:

Селектор { свойство CSS: значение }

Например:

v\:* { behavior: url(#default#VML) }

o\:* { behavior: url(#default#VML) }

.shape { behavior: url(#default#VML) }

2 Использование сценариев в HTML-документе

Сценарии выполняемые клиентом это - фрагмент кода интерпретируемого языка программирования (поддерживаемого браузером), который внедряется в HTML-документ и выполняется Web-браузером в процессе работы пользователя с документом [22,C.25].

Назначение сценариев выполняемых клиентом [22,C.35-37]:

1. Разработка интерактивных HTML-документов стандарта DHTML (Dinamic HTML), элементы оформления и даже содержание которых, меняются в зависимости от действий пользователя (без обмена данными с сервером);

2. Разработка документов содержащих анимационные элементы (и даже Web-страниц с играми);

3. Настройка внешнего вида документа под параметры конкретного рабочего места клиента (определение типа и версии броузера и экранных параметров);

4. Предварительная обработка данных из форм перед их отправкой на сервер (обидно - заполнить большую форму, потом ожидать завершения транзакции с БД, а в результате получить ответ сценария сервера типа - НЕВЕРНАЯ ДАТА);

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

JavaScript - язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Netscape на основе языка Java (Java - разработка фирмы Sun Microsystems). Поддерживается всеми современными броузерами.

VBScript - язык разработки сценариев интерактивного управления для Web-страниц, разработанный фирмой Microsoft на основе языка VisualBasic. Поддерживается браузером Internet Explorer.

Вывод очевиден - для лучшей совместимости с браузерами используем JavaScript.

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

Внедрение сценария в документ

Внедрение сценария в документ это "штатная" возможность HTML. Рассмотрим способы и правила внедрения [22,C.64-70]:

Для начала необходимо задать язык разработки сценариев для нашего HTML-документа. Это делается при помощи мета-записи Content-Script-Type в заголовке нашего документа. Например, вот так:

<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/javascript">

или так:

<META HTTP-EQUIV="Content-Script-Type" CONTENT="text/vbscript">

Внедрение сценария в документ

Первый способ это - использование тега HTML <SCRIPT>. Для внедрения используется контейнерный формат записи тега, с атрибутом TYPE, задающим тип сценария:

<SCRIPT TYPE="text/javascript">

/* код сценария на Javascript */

document.write("Hi!!!");

</SCRIPT>

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

<SCRIPT SRC="script.js" TYPE="text/javascript">

<SCRIPT SRC="script.vbs" TYPE="text/vbscript">

Вторым способом использования сценариев в документе является назначение сценариев-обработчиков событий различным элементам HTML-документа. Это осуществляется при помощи специальных атрибутов-событий, которые могут быть использованы для большинства тегов HTML. Для размещения сценариев и в других структурных разделах HTML-документа следует соблюдать следующие правила [22,C.92]:

1. Код сценария <SCRIPT>...</SCRIPT> в теле HTML-документа. В данном случае сценарий выполняется броузером при загрузке документа, и результаты его работы (если они есть) отображаются в окне броузера при открытии документа (надеюсь вы понимаете что, функции помещенные в тело HTML-документа не выполняются, если не указан их вызов);

2. Код сценария <SCRIPT>...</SCRIPT> в заголовке HTML-документа. В данном случае сценарии не выполняются броузером при загрузке документа. В заголовке обычно размещают различные служебные функции, которые вызываются при обработке событий и из других сценариев, размещенных в теле документа.

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

HTML-документ, можно создавать с помощью визуальных пакетов (WYSIWYG -What You See Is What You Get), таких, например, как Microsoft FrontPage. WYSIWYG-редакторы сами вырабатывают html-код документа, в то время как разработчик лишь выбирает нужные ему опции из меню. Разработчик сайта должен использовать разумное сочетание всех методов создания HTML-документов. При использовании этих методов следует учесть следующее [15]:

- создание различных эффектов в простом текстовом редакторе - громоздкая и сложная задача;

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

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

- при создании эффектов с помощью специальных программ (например, Microsoft FrontPage) следует предусмотреть поддержку этих эффектов на web-сервере.

Одним из лидеров в области разработки программного обеспечения для подготовки web-публикаций является компания Macromedia (http://www.macromedia.com). Очень популярны пакеты Macromedia: Dreamweaver, HomeSite (до версии 5 этот пакет выходил под названием Allaire HomeSite), а также специализированные пакеты для создания компьютерной графики и анимации.

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

В таблице 3 представлены наиболее популярные программные средства, предназначенные для разработки Web-сайтов [34,C.126].

Таблица 3 – Программные средства разработки сайтов

Microsoft FrontPage

WYSIWYG-редактор. Недостаток: автоматически вырабатываемый html-код документа, созданного разработчиком в визуальном режиме, как правило, неоптимален.

Macromedia Flash 5

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

За счет применения векторной графики Flash-страницы быстрее загружаются на компьютеры клиента, чем традиционные (содержащие растровую графику) и одинаково воспринимаются на различных платформах: Windows, Macintosh, Solaris, Unix.

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

Allaire HomeSite 4.5

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

- Имеет удобный интуитивно понятный интерфейс, богатую палитру инструментов

- Содержит средства контроля качества: проверку синтаксиса html-кода, верификацию ссылок

Macromedia DreamWeaver UltraDev 4

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

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

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

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

Adobe PhotoShop 6

Мировой стандарт обработки изображений как для печати, так и для web

Macromedia Dreamweaver MX

- WYSIWYG-редактор. Профессиональное решение для web-дизайна и разработки web-сайтов.

- Имеет очень удобный, простой интерфейс (в стиле PageMaker/Illustrator/PhotoShop).

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

- Содержит встроенные средства работы с графикой.

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

- Обеспечивает средства отладки JavaScript-сценариев для браузеров MS Internet Explorer и Netscape Navigator.

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

- при вводе кодов создает список значений тэгов и атрибутов в виде всплывающей подсказки

Macromedia ColdFusion 4.5. UltraDev 4 Studio

Объединение среды разработки ColdFusion Studio и среды DreamWeaver UltraDev.
Содержит мощные инструменты визуальной разработки приложений для размещения на платформе ColdFusion Server 5, визуального представления серверного источника данных (набора записей, переменной, директория и пр.), средства отладки сценариев.

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

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

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

Для разработки web-страниц сайта использовался редактор HTML страниц FrontPage 2003. Гибкие функциональные возможности FrontPage 2003 позволяют создавать более совершенные веб-узлы. FrontPage 2003 включает средства для профессионального проектирования, разработки, работы с данными и публикации, необходимые для создания динамических и более сложных веб-узлов. FrontPage 2003 позволяет усовершенствовать процесс веб-разработки в следующих трех ключевых областях [15].

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

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

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

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

Одновременно с появлением Internet-проектов в современной России появляется менеджмент Internet-проектов. Его особенность в том, что результаты работы подразделения нельзя потрогать, взвесить и попробовать на вкус, а данные для принятия решений управляющим Internet-проектом не могут быть получены на глазок, поскольку в Сети нет торгового зала, выставочного помещения, объёма реализованных работ.

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

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

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

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

Ввод сайта в эксплуатацию. Этап предусматривает тестирование сайта заказчиком, устранение замечаний по результатам этого тестирования, наполнение сайта материалами, размещение сайта на хостинге и, наконец, запуск.

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

Этапы работ

Этап №1. Постановка задачи и запуск проекта

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

При оценке стоимости работ по проекту требуется учесть:

- стоимость собственно разработки сайта;

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

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

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

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

- проектирование сайта и подготовка проектной документации - не менее 3 недель;

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

- тестирование сайта – 1-2 недели;

- наполнение сайта материалами, размещение на хостинге - около месяца.

Этап №2. Выбор исполнителя.

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

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

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

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

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

Этап №3. Проектирование.

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

- логическую структуру сайта: иерархию разделов сайта, какие страницы каким разделам принадлежат;

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

- описание блоков страниц (авторизация, навигация) и логику работы этих элементов.

Техническое описание сайта определяет:

- основные технические параметры сайта: производительность, объём обрабатываемых данных, совместимость сайта с различными браузерами;

- используемое при разработке ПО;

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

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

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

Этап №4. Разработка.

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

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

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

Этап №5. Подготовка сайта к эксплуатации

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

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

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

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

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

Этап №6. Поддержка сайта.

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

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

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

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

При разработке концепции информационного наполнения сайта следует учитывать следующие факторы [40]:

1) Тип и формат представления информации

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

2) Структурирование информации

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

Сразу надо заметить, что сегментацию информации можно производить по различным критериям [45, С.17-24]:

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

- по времени поступления информации;

- по степени важности информации;

- по структуре принятой внутри самой компании (для корпоративных сайтов);

- по типу самой информации и по множеству других критериев.

Нужно определиться и с общим объемом представленной на сайте информации и о путях расширения содержания в будущем. Важный вопрос - источники формирования контента. Может ли компания подготовить всю информацию сама или нужно привлекать сторонних специалистов (журналистов, копирайтеров, аналитиков и т.д.). От объема и сегментации информации на сайте зависит выбор средств навигации. Самое главное требование, предъявляемое к системе навигации, состоит в том, чтобы она была интуитивно понятной для пользователей с любым уровнем подготовки. Существует целый набор средств навигации. Считается хорошим тоном иметь на сайте сразу несколько дублирующих друг друга разноплановых инструментов навигации, каждый из которых будет более удобен как для определенного круга пользователей, так и для разных типов поиска на сервере. К элементам навигации относятся [46, С.25-32]:

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

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

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

Back and Forward - если на сайте информация изложена последовательно (как в книге), то практикуется система листания, когда после прочтения страницы пользователь нажимает кнопку "next" и получает следующую порцию информации;

3) Форма подачи информации.

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

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

Из-за дефицита внимания, в Сети часто практикуется пирамидальная структура представления информации: сначала главное, ниже - подробности. Лента новостей также состоит из заголовка и краткого анонса - если интересно, нажми на ссылку "подробнее" и прочитай полный текст. Желательно разбивать информацию на небольшие порции. Редко кто из пользователей читает с экрана очень длинные файлы. В то же время "версии для печати" рекомендуется делать "нормального" размера, а не дробить на небольшие куски. Очень важным является, и объем страниц. Нельзя допустить потери посетителя только потому, что он не смог дождаться до конца загрузки сайта. Желательно не делать объем заглавной страницы более 70 килобайт, для всех остальных страниц требования к размеру еще жестче. Не злоупотреблять графикой и другими элементами, имеющими большой объем. А та графика, которая используется, должна быть максимально оптимизирована.

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

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

4) Наполнение, расширение и актуализация информации на сайте

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

5) Коммуникации между пользователями (community building)

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

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

- увеличение времени, проведенное пользователями на сайте;

- активное вовлечение пользователей в жизнь сайта;

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

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

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

Структура корпоративного имиджевого сайта компании

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

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

Корректировки, вносимые в структуру сайта на этапе подготовки Технического задания на сайт, могут преследовать несколько целей:

- улучшение эффективности подачи информации посетителям сайта

- оптимизация структуры и повышение usability сайта и т.д.

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

- Заставка сайта (Заглавная сплэш-страница)

- Новости (подписка на новости, рассылка по подписчикам, архив новостей)

- О Предприятии

- История

- Достижения

- Руководство

- Пресса о нас

- статья 1

- статья 2

- статья 3

- Пресс-релизы

- пресс-релиз1

- пресс-релиз 2

(управление навигационным меню и контентом)

- Продукция (каталог)

- Тип 1

- Вид1

- изделие 1

- изделие 2

- изделие 3

- ……….

(и так далее...)

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

1. Навигационное меню сайта:

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

2. Уровень вложенности меню (необходимое количество разделов, подразделов, рубрик) – внутренняя структура разделов.

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

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

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

Линейная структура сайта.

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

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 6- Линейная структура сайта

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

Линейная структура сайта с альтернативами и вариантами.

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

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

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 7 – Линейная структура сайта с альтернативами и вариантами

Линейная структура сайта с ответвлениями.

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

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

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 8- Линейная структура с ответвлениями

Древовидная структура сайта.

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

Речь идет о том, что в древовидной структуре очень сложно соблюдать баланс между глубиной и шириной. Если "дерево" сайта будет расти только вглубь, то пользователям, чтобы дойти до какой-то информации, придется загрузить и просмотреть слишком много страниц, что будет раздражать пользователей. А если создать очень широкую древовидную структуру, то посетители будут вынуждены каждый раз тратить очень много времени для выбора нужной им ветки. А это тоже плохо. Таким образом, при использовании древовидной структуры сайта необходимо постоянно следить за ее разрастанием и придерживаться золотой середины (рис. 9).

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 9 – древовидная структура сайта

Решетчатая структура.

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

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

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 10 – Решетчатая структура сайта

Мы определили следующую структуру сайта (рис. 11).

Разработка корпоративного имиджевого web-сайта средствами HTML, CSS, JavaScript

Рисунок 11 - Структура (топология) сайта компании

Размещение контента.

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

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

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

Продвижение корпоративного web-сайта в сети Интернет

После создания web-ресурса необходимо уделять внимание необходимости продвинуть сайт.

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

1. Поисковое продвижение сайтов в Интернете - наиболее продуктивный и проверенный временем маркетинговый инструмент. Ведь в отличие от медийной рекламы потенциальный клиент знает и ищет то, что он хочет. Продвижение сайта в поисковых системах для большинства видов торговли является приоритетным в силу возможного охвата целевой аудитории. SEO (от англ. Search Engine Optimization) или поисковая оптимизация - это двигатель торговли в Интернете. Благодаря таким поисковым системам как Яндекс, Рамблер, Google и некоторым другим мелким поисковикам потенциальные клиенты находят свои потребности и, в конечном счете, удовлетворяют их [41].

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

В нашей работе мы реализовали поисковое продвижение сайта на Яндекс, Рамблер и Google.

2. Контекстная реклама сайта — это показ коротких текстовых объявлений тем пользователям, которые уже заинтересованы в ваших товарах и услугах. Большая часть контекстной рекламы показывается в результатах поиска по "вашему" запросу, меньшая — на различных сайтах.

Контекстная реклама достаточно эффективна, потому что она точно соответствует пожеланиям пользователей. Например, если вы сегодня поищите какой-то товар в поисковике, то увидите коммерческие объявления (это поисковая контекстная реклама). На следующий день вы можете зайти на какой-то сайт — и реклама на нём напомнит вам, что именно вы искали.

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

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

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

Выводы

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

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

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

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

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

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

Литература

1. Алиев В.С. Информационные технологии и системы финансового менеджмента: учеб. пособие / В.С. Алиев — М.: Форум, 2010. — 320 с.: ил. — (Профессиональное образование)

2. Ашманов И., Иванов А. Оптимизация и продвижение сайтов в поисковых системах (+CD)/ И. Ашманов, А. Иванов. - 3-е изд.- Спб.: Питер,2011.- 464 с.

3. Бабаев А., Евдокимов Н., Иванов А. Контекстная реклама /А. Бабаев, [и др.]- Спб.: Питер, 2011.- 304 с.

4. Баин А.М. Современные информационные технологии систем поддержки принятия решений: учебное пособие / А.М. Баин — М.: ИД ФОРУМ, 2009. — 240 с. — (Высшее образование)

5. Батог О.А. Сайт. Базовые настройки для инструмента маркетинговых коммуникаций// Маркетинговые коммуникации.-2011.-№5.- С.22-29

6. Брускин С.Н., Данько Т.П. Системы управления эффективностью бизнеса: Учеб. пособие / Под науч. ред. Н.М. Абдикеев, О.В. Китова. — М.: ИНФРА-М, 2010. — 282 с. + CD-ROM.

7. Васильев Г.А., Романов А.А., Поляков В.А. Медиапланирование: Учеб. пособие / Г.А. Васильев. — М.: Вузовский учебник, 2009. — 268 с.

8. Васильев Г.А., Поляков В.А. Основы рекламы: Учебное пособие. — М.: ИНФРА-М,2010. — 407 с.

9. Васильев Г.А., Поляков В.А.Рекламный маркетинг: Учебное пособие. — М.: Вузовский учебник, 2010. —276 с.

10. Ветеорец В.Д. Интернет-управление репутацией //Интернет-маркетинг.- 2011.-№5.-С.21-29

11. Гаврилов Л.П. Информационные технологии в коммерции: Учебное пособие /Л.П. Гаврилов — М.:ИНФРА-М, 2010. — 238 с. — (Высшее образование)

12. Ильина Ю.С. Специфика онлайн-продвижения //Маркетинговые коммуникации.-2011.-№5.-С. 24-31

13. Информационный менеджмент: Учебник / Под науч. ред. Н.М. Абдикеев. М.: ИНФРА-М, 2010. — 400 с. + CD-ROM. — (Учебники для программы MBA)

14. Как создать Web-сайт с помощью Microsoft FrontPage 2003

15. Как создать макет web сайта

16. Каменева Н.Г., Поляков В.А. Маркетинговые исследования: Учеб. пособие / Н.Г. Каменева, В.А. Поляков — М.: Вузовский учебник,2010. — 439 с.

17. Кондрашов В.М. Менеджмент продаж: Учебное пособие. — М.: Вузовский учебник, 2009. —279 с.

18. Кошик А. Веб-аналитика 2.0 на практике. Тонкости и лучшие методики /А. Кошик - М.: Вильямс-Диалектика, 2011.- 528 с.

19. Кузнецова Л.В., Черкасова Ю.Ю. Основы маркетинга: Учебное пособие. — М.: Вузовский учебник, 2010. — 139 с.

20. Маркетинг в отраслях и сферах деятельности: Учеб. пособие / Под ред. Н.А. Нагапетьянц. — 2-e изд., перераб. и доп. — М.: Вузовский учебник: ИНФРА-М, 2010. — 282 с.

21. Мориссон М. Изучаем JavaScript /М. Мориссон - Спб.: Питер, 2011.- 608 с.

22. Немцова Т.И., Назарова Ю.В. Практикум по информатике. Т. 2. Практикум по нформатике: Учебное пособие / Под ред. Л.Г. Гагарина. — М.: ИД ФОРУМ: ИНФРА-М, 2009. — 288 с. + СD-ROM. — (Профессиональное образование)

23. Островский Э.В. Психология управления: Учебное пособие /Э.В. Островский — М.: Вузовский учебник: ИНФРА-М, 2009. — 249 с.

24. Петряшов Д.В. Гостевая книга сайта как источник информации для конкурентной разведки //Индустриальный и b2b маркетинг.- 2009.- №2.- С.31-42.

25. Петряшов Д.В. Использование мониторинга Интернета в деятельности предприятий на b-2-b-рынке // Индустриальный и b2b маркетинг.- 2009.- №1.- С.32-44.

26. Петряшов Д.В. Повышение эффективности поиска клиентов на рынке b-2-b // Индустриальный и b2b маркетинг.- 2009.- №3.-30-46.

27. Петряшов Д.В. Повышение эффективности взаимодействия с клиентами рынка b-2-b при помощи онлайн-технологий //Индустриальный и b2b маркетинг.- 2011.-№4.- С. 29-45

28. Петряшов Д.В. Система мониторинга и учета проектов как средство повышения конкурентоспособности на рынке строительных материалов // Индустриальный и b2b маркетинг.-2008.-№4.- С. 30-42

29. Пронин А.Г. Проектные продажи на рынке b-2-b // Управление продажами.- 2011.-№2.-С.23-32

30. Рябов В.В. Искусство продаж в XXI веке: творческое мышление как основа успешного бизнеса //Управление продажами.-2010.-№1.- С.31-42.

31. Романов А.А., Васильев Г.А. Массовые коммуникации: Учебное пособие. — М.: Вузовский учебник, 2010. — 236 с.

32. Севостьянов И.О. Поисковая оптимизация. Практическое руководство по продвижению сайта в Интернете И.О. Севостьянов - Спб.: Питер,2010.- 240 с.

33. Синаторов С.В. Информационные технологии.: Учебное пособие / С.В. Синаторов — М.: Альфа-М, 2009. — 336 с.: ил.

34. Федотова Е.Л. Информационные технологии и системы: учеб. пособие / Е.Л. Федотова — М.: ИД- ФОРУМ, 2009. — 352 с.: ил. — (Высшее образование)

35. Федулов Ю.К., Воскресенская Н.О., Давыдова А.А. и др. Управление общественными отношениями: Учеб. пособие. — М.:Вузовский учебник, 2010. — 153 с.

36. Фомина А. Бесплатное продвижение сайта Бесплатное продвижение сайта

37. Фомина А. Незаметные способы продвижения сайта

38. Фомина А. Пришло ли время изменить сайт?

39. Фомина А. Создание веб сайта. От чего зависит успех?

40. Фомина А. SEO своими руками

41. Хеник Б. HTML и CSS: путь к совершенству. Эффективные технологии для построения современных веб-сайтов / Б. Хеник - Спб.: Питер, 2011.- 336 с.

42. Черников Б.В. Информационные технологии управления: Учебник / Б.В. Черников — М.: ИД ФОРУМ, 2009. — 352 с.: ил. — (Высшее образование)

43. Черников Б.В., Ильин В.В. Управлением качеством информационных систем в экономике: Учебное пособие / Под ред. Б.В. Черников. — М.: ИД ФОРУМ, 2010. — 240 с.: ил. — (Высшее образование)

44. Шукалова Е.В. Создание веб-сайта b2b-компании //Интернет-маркетинг.-2007.-№6.- С.17-24.

45. Шукалова Е.В.Веб-сайт для компании малого бизнеса: как избежать ошибок //Интернет-маркетинг.-2009.-№2.-С. 25-32.

46. Шукалова Е.В. Как построить эффективный каталог на сайте b-2-b-компании // Индустриальный и b2b маркетинг.- 2008.- №3.- С.30-41.