47
Рисунок 2.14 – Страница сайта «Новости»
На страницы «О нас» предоставлена информации о турфирме (рис. 2.15).
Рисунок 2.15 – Страница сайта «О компании»
На страницы «Контакты» указаны все контакты компании и схема
проезда (рис. 2.16), а также форма обратной связи (рис. 2.17).
48
Рисунок 2.16 – Страница сайта «Контакты»
Рисунок 2.17 – Страница сайта «Контакты» – форма обратной связи
Необходимо отметить, что данный сайт может работать в режиме
«Мобильный телефон» (рис. 2.18), «Планшет» и т.д.
49
Рисунок 2.18 – Режим отображения сайта для экрана мобильного телефона
50
Рисунок 2.19 – Режим отображения сайта для экрана планшета
Вёрстка HTML-страниц. Данный этап занимает довольно
продолжительное время и зависит от количества необходимых страниц и
сложности реализации. Кроме того, что производится создание HTML-страниц,
также создаются таблицы каскадных стилей – CSS, которые, собственно, и
описывают внешний вид страниц [7, 8].
Каждая веб-страница имеет общую структуру основных кодов html. Ниже
представленные коды являются одинаковыми для всех страниц.
<!DOCTYPE HTML PUBLIC «-//W3C//DTD HTML 3.2 Final//EN»>
51
<HTML>
<HEAD>
<TITLE>Название страницы</TITLE>
</HEAD>
<BODY>
Текст страницы
</BODY>
</HTML>
Полный html-код представлен в Приложении Б.
При вёрстке необходимо определить, какую именно спецификацию и
версию документов HTML и CSS будет использовать верстальщик, ведь они
имеют как синтаксические, так и структурные различия. Версия также будет
влиять на популярность сайта и его кроссбраузерность [9].
Проблема: невозможность реализации верстки по дизайну макета. Иногда
возникает проблема импорта дизайна в HTML-страницы, у этого может быть
несколько причин. Будь то недостаточная квалификация верстальщика или в
принципе невозможность реализации представленного дизайна, решение этой
проблемы займет определенное время, которое повлияет на всю
продолжительность проекта.
Решение: упростить дизайн. Учитывая возникающее препятствие,
верстальщику и дизайнеру придётся пойти друг другу на уступки, именно
поэтому во время всего проекта они должны тесно сотрудничать между собой и
заказчиком. Выходом из этой ситуации является упрощение дизайна, редизайн
сложных элементов макета, однако заказчик может с этим не согласиться. Если
возникает такая ситуация, легче всего найти более опытного верстальщика,
который поможет проекту достичь именно требуемой реализации дизайна
макета за отдельную плату.
Интеграция системы управления сайтом (CMS). Этот этап является не
обязательным для малых проектов, сайтов, которые содержат всего лишь
несколько страниц информации (например, сайт–визитка). На этом этапе
52
происходит программирование сайта. HTML-страницы разделяют на
логические блоки и интегрируются с движком.
Создается администраторский интерфейс для возможности работы с
контентом сайта. На этапе программирования (как правило, с использованием
DHTML, PHP, Perl, ASP и баз данных) подключаются динамические элементы,
такие как блоги новостей, анимированные баннеры, уведомления и т.д.
Оптимальная система управления сайтом помимо всех прочих задач также
позволяет производить анализ аудитории сайта, задавать задачи для
конкретных частей этой аудитории, а также предоставлять другие необходимые
функциональные возможности.
Публикация сайта в Интернете. Этап публикации сайта включает в себя
две задачи. 1-я задача состоит в правильном выборе адреса сайта. Самый
очевидный и правильный способ состоит в использовании домена,
совпадающего с названием организации или торговой марки. 2-я задача –
физическое размещении сайта, т.е. хостинг [10]. Проблема: полный перечень
услуг хостинга требует больших затрат. Выбор перечня услуг всегда требует
оптимального решения, ведь это может сказаться на производительности
вашего сайта и вложенные средства будут потрачены впустую. Но иногда
разработчики советуют дать им возможность самим найти подходящее
размещение будущего сайта, ведь ассортимент предоставляемых услуг
хостингами очень широк и разнообразен. Решение: сравнительная
характеристика доступных ресурсов.
Заполнение сайта материалами. На данном этапе информация,
предоставленная заказчиком, размещается на сайте. Путём перевода в
специальный формат предоставленных текста и графики информация
становится доступной для просмотра. Проблема: отсутствие опыта в написании
статей. Решение: использование услуг сторонних специалистов. Выходом из
ситуации может стать использование услуг сторонних специалистов –
копирайтера или рерайтера. Рерайтер – это специалист по лексическому
изменению оригинальный текстовых материалов в целях их дальнейшего
53
использования. Рерайтинг используется, чтобы избежать обвинений в
нарушении авторского права.
Поддержка сайта. Кроме наполнения сайта материалом, в небольших
организациях проявляются сложности с поддержкой сайта. В первую очередь
это публикация новых статей, новостей и других изменений содержимого
сайта. Чем чаще наполняются материалы сайта, тем эффективнее
индексируется поисковыми системами нужная для пользователя информация, и
как следствие, у вас возрастают показатели посещения сайта потенциальными
клиентами. Проблема: администрирование сайта. Решение: своевременное
обращение к узкопрофильным специалистам. Правильный выбор специалиста
несёт за собой первоначальный этап продвижения сайта. Ведущие
разработчики всегда смогут помочь с выбором специалиста.
На заключительной стадии этого этапа определяют, по каким ключевым
запросом сайт должен появляться в результатах поисковой системе, а также
немаловажно проанализировать сайты конкурентов на предмет идентичных
запросов. Составление семантического ядра, т.е. ключевых слов, процесс
достаточно затратный по времени и в одночасье требует дополнительных
усилий. В виде исключения, составление семантического ядра под силу
каждому руководителю или владельцу бизнеса. Для этого просто нужно
выписать все те слова и фразы, которые встречаются в рабочей обстановке или
же проконсультироваться у менеджеров отдела продаж, какие часто задаваемые
вопросы возникают у клиентов компании. Это даст вам мощный инструмент,
который успеет себя зарекомендовать [25, c. 258].
Проанализировав все этапы разработки сайта и проблемы, возникающие
при этом, можно с уверенностью сказать, что большинство проблем решаются
путем расстановки приоритетов и оценки имеющихся ресурсов на разработку
проекта. Довольно много при разработке зависит также от квалификации
исполнителей и их опыта. Исходя из этого, можно сделать вывод, что при
разработке необходимо следовать четкому алгоритму действий, чтобы не
допустить ошибок проектирования и создать продукт, который будет
54
соответствовать требованиям валидации и спецификациям. Проблемы,
возникающие при этом, необходимо решать вместе с заказчиком, по мере их
поступления, чтобы избежать расхождения в видении сайта.
Переходим к следующему разделу для рассмотрения технического
задания на создание, без которого не обходится проектирование WEB-
представительства.
2.3 Выбор инструментальных средств создания WEB-
представительства для турфирмы ООО «Мир путешествий»
Современные системы конструирования Web-сайтов представляют собой
законченные решения для создания и последующего управления Интернет и
интранет-системами любой сложности и назначения. Процесс разработки Web-
сайта неразрывно связан с его информационным наполнением. При отсутствии
системы управления Web-сайтом для любого изменения в информационной
структуре приходится пользоваться услугами Web-программиста.
По экспертным оценкам, 60% бюджета, выделенного на создание и
развитие Web-проекта, тратится на информационное сопровождение. При этом
основные затраты приходятся на перевод документов в гипертекстовый
формат. Системы конструирования Web-сайтов позволяют решать эту
проблему, в значительной степени автоматизируя процессы создания
структуры и дизайна Webсайта, а также его информационного наполнения без
обязательного участия Webпрограммиста [2].
Основная цель систем конструирования Web-сайтов – интеллектуальное
посредничество между традиционными системами представления данных в
системе документооборота заказчика и современной системой представления
информации в WWW. Разнообразие Web-сайтов, связанное с различием в
истории их появления, целях и задачах, возможностях дальнейшего развития и
обновления, обусловливает своеобразную индустриализацию в данной области
[1]. Промышленное производство сложных продуктов должно подразумевать
наличие подробных спецификаций и современных инструментальных средств.
55
Для Web-проектов предполагается четкое описание типов и форматов данных,
принципов их подготовки и размещения, а также наличие соответствующих
программных инструментальных средств. Совокупность же этих составляющих
– система конструирования Web-сайтов.
Основной технологический принцип, присущий системам
конструирования Web-сайтов, – принцип WYSIWYG (What You See Is What
You Get – что видите, то и имеете), лежащий в основе управления структурой и
содержимым Web-ресурсов. Как правило, он относится к созданию и
редактированию Web-страниц. Это характерно как для систем, имеющих
основной частью HTML-редактор, так и для тех, в которые механизм
редактирования включен в качестве одного из модулей.
Например, система Web Editor компании Web Widgets обладает мощным
механизмом для добавления, изменения параметров и содержимого: текстового
наполнения Web-страниц, вставки таблиц и изображений. Иной подход состоит
в создании максимального числа готовых форм для отбора данных. Такое
решение предлагает греческая система Netquest, разделившая свою систему
построения Web-сайтов на большое число модулей. Демонстрируя результат
применения продукта, компания показывает Web-сайт Music.net. Некоторые
системы Web-конструирования предлагают комплексные решения для
построения Web-сайтов «под ключ». Иногда встречаются отдельные сервисы,
которые могут дополнять другие средства Web-конструирования.
Так, существует класс достаточно часто востребованных систем,
основная задача которых – интеграция на Web-ресурсе данных и сервисов. При
этом вопросы дизайна уходят на второй план. Такой системой является,
например, RedDot с выделенным модулем Content Integration Server (CIS),
предназначенным для интеграции данных. Другой модуль – Content
Management Server (CMS) – обеспечивает распределенное оформление, ввод и
контроль данных [4].
Еще одна система – LaserFiche WebLink – рассчитана на управление через
Web-браузер большим количеством архивных документов корпорации и
56
размещение на Web-сервере средств доступа к этой информации.
Дополнительные сервисы, предоставляемые системами конструирования Web-
сайтов, обычно реализуются за счет модулей, выполняющих определенные
функции.
Чаще всего подобные системы включают такие модули:
обратной связи (обработка запросов, приходящих по электронной
почте);
рассылки сообщений по электронной почте;
форумов-конференций (организация обмена мнениями и знаниями
между посетителями Web-сайта);
анкетирования (проведение опросов посетителей сайта и анализ
результатов этих опросов);
управления файлами (создание и ведение как отдельных файлов, так и
архивов документов);
взаимодействия с платежными системами (обеспечение продажи
товаров и услуг через Интернет) [1].
Страницы сайтов – это набор текстовых файлов, размеченных на языке
HTML. Эти файлы, будучи загруженными посетителем на его компьютер,
понимаются и обрабатываются браузером и выводятся на средство
отображения пользователя (монитор, экран КПК, принтер или синтезатор речи).
Язык HTML позволяет форматировать текст, различать в нём функциональные
элементы, создавать гипертекстовые ссылки (гиперссылки) и вставлять в
отображаемую страницу изображения, звукозаписи и другие мультимедийные
элементы.
Отображение страницы можно изменить добавлением стилей на языке
CSS, что позволяет централизовать в определенном файле все элементы
форматирования (размер и цвет заглавных букв 2-го уровня, размер и вид блока
вставки и другое) или сценариев на языке JavaScript, с помощью которого
имеется возможность просматривать страницы с событиями или действиями.