Принципы построения Web- сайтов для решения задач маркетинга

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

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

1. Формулирование концепции и цели бизнеса;

2. Определение первоначального варианта структуры и архитектуры Web-сайта:

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

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

- разработка дизайна сайта.

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

4. Построение рабочей версии сайта.

5. Внедрение в эксплуатацию.

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

Вариант 1. Концепция развития бизнеса: Информационная поддержка реально существующего бизнеса.

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

Тип сайта: Информационный сайт, содержащий информацию о компании, ее товарах, услугах, ценах, сервисе и т. п.

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

Вариант 2. Концепция развития бизнеса: Организация продаж через сеть Интернет товаров и/или услуг, производимых предприятием или организацией.

Цель: Использование сети Интернет для рекламы и сбыта и продаж.

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

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

Вариант 3. Концепция развития бизнеса: Создание Интернет-проекта, реализующего бизнес только в сети Интернет.

Цель: Реализация в сети Интернет всех бизнес-процессов, обеспечивающих получение прибыли от хозяйственной деятельности.

Тип сайта: Создание портала, обеспечивающего работу с клиентами, партнерами, поставщиками (on-line заказы, каталог товаров и услуг, прайс-листы, информационная поддержка), подключение платежным системам, создание и развитие систем складирования и доставки.

Доход от деятельности в сети: Интерактивная составляющая полностью покрывает расходы компании и приносит прибыль.

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

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

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

Рис. 9.3. Функциональная схема организации корпоративного портала

В данной схеме условно можно выделить три основных функциональных слоя:

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

§ Службы интеграции, обеспечивающие взаимодействие портала со всеми существующими в компании внешними системами: СУБД, CRM, ERP и др.

§ Система интерфейсов с «внешним миром», которая включает в себя средства управления контентом, интерфейсы B2B для общения с внешними системами, средства для работы с мобильными и беспроводными устройствами и др.

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

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

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

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

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

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

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

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

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

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

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

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

Разработка дизайна Web-страниц предполагает:

· выбор цвета всей страницы и ее элементов;

· определение стилей шрифтов;

· подбор и подготовку графических изображений;

· компоновку элементов Web-страницы.

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

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

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

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

Упражнение

Изучите фрагмент страницы Карта сайта фирмы Intel. (http://www.intel.ru/contents.htm) –рис. 9. 4. Обратите внимание на расположение панелей навигации, возможность выбора языка и информации для посетителей различных стран, представление всего содержания сайта по рубрикам, наличие логотипа и общий дизайн сайта. Проведите сравнение с сайтами других компаний, таких как Compaq (http://www.compaq.com/) и Motorola http://www.motorola.com/). Сформулируйте критерии оценки сайтов и выполните ранжирование сайтов по 10- бальной шкале. Рис. 9.4. Карта сайта фирмы Intel

 

Оценку эффективности Web-сайта или его отдельных страниц можно выполнить применяя:

1. Количественный анализ с помощью статистики сервера. Для этого используют такие показатели как:

· количество обращений к Web-странице;

· суточная статистика частоты посещений Web-страницы;

· количество отдельных людей, посетивших Web-страницу;

· время, проведенное на Web-странице;

· какие страницы, использовались для входа и выхода посетителей;

· оценка прямой эффективности работы Web-сайта.

2 Качественный анализ:

· опрос потенциальных потребителей с целью определения уровня удовлетворенности Web-страницей;

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

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

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

Упражнение

Для выборе критериев оценки эффективности Web-сайта, ознакомьтесь с разделом Экспертиза на странице http://www.rambler.ru (рис.9. 5.). Сайт Экспертиза товаров и услуг (http://checker.ru/) устойчиво занимает лидирующие позиции в рейтинге Web-страниц. Ознакомьтесь со статистикой по данному ресурсу. Выполните настройку сайта для отображения статистического материала. Оцените, в каком регионе России этот сайт пользуется наибольшей популярностью. Интересуются ли материалами сайта за пределами России? Рис. 9.5. Статистика ресурса

Основы Web-программирования

Большинство Web-страниц представляют собой гипертекстовые документы, отформатированные с помощью специального языка разметки документов HTML (Hyper Text Markup Language). Под гипертекстом понимают способ представления информации при помощи связей между документами, а также внутри одного документа. В Web-документе связь представляет собой URL-ссылку (унифицированный указатель ресурсов), указывающую на другую Web-страницу или любой другой информационный ресурс сети.

Язык разметки гипертекста состоит из набора элементов, которые описывают структуру документа и управляют его отображением. Разметка документов производится с помощью специальных флагов разметки, называемых тегами (tag – метка), которые интерпретируются Web-браузерами при загрузке HTML-документа. Теги являются инструкциями для браузера и определяют как внешний вид документа (форматирование символов, организации абзацев, таблиц и т.п.), так и связи с другими URL-ресурсами (HTML-страницами, изображениями, серверами).

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

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

Однако существует целый ряд возможностей разработки Web-страниц без непосредственного набора тегов HTML. К таким возможностям относятся:

· работа в специализированных HTML-редакторах;

· использование программ-конвертеров, преобразующих документы в формат HTML, например, приложений MS Office;

· использование многофункциональных систем разработки и публикации сайтов (MS FronPage, Macromedia Dreamweaver).

HTML-редакторы – это текстовые редакторы, содержащие дополнительные средства для быстрого ввода команд HTML и проверки их правильности.

Программы-конвертеры позволяют преобразовать существующий документ из его формата в набор Web-страниц. Приложения MS Office имеют встроенные средства преобразования своих документов в формат HTML.

Многофункциональные системы обладают комплексом инструментальных средств для создания и публикации Web-сайта. Они позволяют в процессе редактирования страницы видеть ее так, как она будет отображена в браузере, то есть реализуют принцип WYSIWYG («What You See Is What You Get» – «Что видите, то и получаете»). В таких системах HTML-текст создается автоматически.

HTML оказал существенное влияние на развитие INTERNET, однако часть ограничений этого языка разметки документов, ориентированного на представление документов в браузерах, служат препятствием для реализации задач электронного бизнеса. Сегодня для бизнеса важно обрабатывать, перестраивать, хранить, обмениваться информацией, кодировать и подписывать документы. Решение этих проблем связывают с использование языка XML (Extensible Markup Language – расширяемый язык разметки).

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

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

Основы HTML

HTML является приложением языка SGML (Standard Generalized Markup Language), стандартизированного ISO в 1986 г.. SGML был разработан для пакетной компьютерной обработки документов.

Базовый синтаксис и семантика языка HTML определены в стандарте, разрабатываемом под эгидой консорциума World Wide Web Consortium (W3C). Спецификации стандартов и проекты новых предложений представлены на сайте http://www.w3.org. Этот стандарт постоянно расширяется, главным образом за счет включения новых тегов, предлагаемых разработчиками браузеров. В настоящее время действует, то есть поддерживается большинством браузеров, стандарт HTML 4.01. Однако фирмы-разработчики, такие как Microsoft и Netscape, включают в свои браузеры собственные расширения, не входящие в стандарт. При разработке HTML-документов лучше ограничиться набором тегов, используемых в большинстве популярных браузеров.

Необходимо обратить внимание на следующие особенности HTML-документов:

- HTML-документы представляют собой текстовые файлы;

- HTML-документы могут быть просмотрены в Web-браузерах различных типов и на различных компьютерных системах (платформах);

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

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

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

HTML-страница состоит из размеченного тегами текста. Теги представляют собой определенную последовательность символов, заключенную между символами "<" и ">". Большинство тегов парные, закрывающий тег начинается с символа "/". Следующий фрагмент отображает базовую структуру HTML-документа:

<HTML>

<HEAD>

<TITLE> Электронный маркетинг </TITLE>

</HEAD>

<BODY>

Концепция электронного маркетинга.

</BODY>

</HTML>

Здесь представлены парные теги:

<HTML>…</HTML> – начальный и конечный теги всего HTML-документа. Данный тег предназначен для того, чтобы браузер определил тип документа (HTML) и соответствующим образом его отобразил.

<HEAD>…</HEAD > – начальный и конечный теги заголовка документа. Тег заголовка должен быть указан сразу после тега <HTML> и не должен присутствовать в теле документа. Он отмечает общее описание документа и позволяет HTTP-серверу получить информацию о документе.

<TITLE>…</TITLE> – начальный и конечный теги названия страницы. Название, заключенное в теги <TITLE>…</TITLE>, должно размещаться внутри тегов <HEAD>…</HEAD>. Название страницы не является ее содержимым, а отображается в заголовке окна браузера,

<BODY>…</BODY>- начальный и конечный теги тела документа. Эти теги обязательно должны присутствовать в любом документе. Они определяют содержимое документа, которое отображается в браузере. Между тегами <BODY> и </BODY> заключены все теги, размечающие документ.

Все теги относятся к одному из следующих трех форматов:

<ИМЯ_ТЕГА>

<ИМЯ_ТЕГА> … </ИМЯ_ТЕГА>

<ИМЯ_ТЕГА имя_атрибута1=значение1 имя_атрибута2=значение2 …>… </ИМЯ_ТЕГА>

Первый формат используется для непарных тегов. Например, непарным является тег <BR>, указывающий переход на новую строку.

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

Третий формат используется для тегов, имеющих дополнительные атрибуты, задающие конкретные параметры. Атрибуты тега следуют за именем и отделяются от него и друг от друга пробелами или знаками табуляции. Последовательность атрибутов в теге значения не имеет. Если в таких тегах, а их большинство, атрибуты не указывать, то принимаются некоторые значения по умолчанию. Значения атрибутов заключаются в одинарные или двойные кавычки, кроме случаев, когда значением атрибута является одно слово или число. Некоторые атрибуты не принимают значения и присутствуют в теге в виде <ИМЯ_ТЕГА имя_атрибута>. Например, в теге <H1>, описывающем заголовок текста, можно использовать атрибутsы выравнивания и задания размера:

<H1 ALIGN=Right Size=4 >

Перечень основных тегов представлен в табл. 9.1

Таблица 9.1 Основные теги языка гипертекстовой разметки HTML.
	Теги HTML	Описание тега
Основные теги web-документа
Тип документа	<HTML></HTML>	Сообщает браузеру, что документ написан на языке HTML
Имя документа	<TITLE></TITLE>
Заголовок	<HEAD><HEAD>	Отмечает вводную и заголовочную часть HTML- документа
Тело	<BODY></BODY>	Отмечает основной текст и информацию
Определение структуры
Заголовки	<Hi></Hi>	Оформление заголовка первого уровня
Заголовок с выравниванием	<Hi ALIGN=LEFT|CENTER|RIGHT></H?>	Оформление заголовка с выравниванием
Адрес автора	<ADDRESS></ADDRESS>	Содержит адрес электронной почты
Разделители
Абзац	<P></P>   <P   ALIGN=LEFT|CENTER|RIGHT></P>	Предписывает браузеру разделить два фрагмента с образованием пустой строки Возможно использование атрибута выравнивания ALIGN
Новая строка	<BR>	Предписывает браузеру разделить два фрагмента без образования пустой строки.
Горизонтальный разделитель	<HR> ALIGN=LEFT|RIGHT|CENTER>	Отображение горизонтальной линии. Возможно использование атрибута выравнивания ALIGN
Стилевое оформление текста
Жирный	<B></B>	Отображение текста полужирным шрифтом.
Курсив	<I></I>	Отображение текста курсивом.
Подчеркнутый	<U></U>	Отображение текста с подчеркиванием.
Форматированный	<PRE></PRE>	Предписывает браузеру сохранение авторского формата текста.
Управление шрифтом	<FONT COLOR =Name SIZE=I FACE="Courier New, Arial,… ></FONT>	Управление цветом и размером шрифта.
Оформление списков
Нумерованный	<OL><LI></OL>	<LI> перед каждым элементом cсписка.
Маркированный	<UL><LI></UL>	<LI> перед каждым элементов списка
Определение цвета и фона
Цвет фона	<BODY BGCOLOR="#$$$$$$">	Предписывает браузеру цвет фона документа.
Цвет текста	<BODY TEXT="#$$$$$$">	Предписывает браузеру цвет текста в документе.
Таблицы
Определить таблицу	<TABLE>теги описания строк </TABLE>   <TABLE BORDER= ></TABLE>   <TABLE WIDTH=>   <TABLE WIDTH="%">	Сообщает браузеру, что между данными тегами следует описание таблицы Задает обрамление таблицы Определение ширины таблицы в пикселах. Определение ширины таблицы в % от ширины страницы
Строка таблицы	<TR></TR>	Определяет каждую строку таблицы.
Ячейка таблицы	<TD></TD> <TD ALIGN=LEFT|RIGHT| CENTER|MIDDLE|BOTTOM>	Определяет текст каждой ячейки. Возможно использование атрибута выравнивания ALIGN
Ссылки и графика
Ссылка	<A HREF="URL"></A>	Обеспечивае переход по URL-адресу
Графика	<IMG SRC="URL"> <IMG SRC="URL" ALIGN=TOP|BOTTOM|MIDDLE|LEFT|RIGHT> <IMG SRC="URL" ALT="***">	Предписывает браузеру просмотр графи-ческого изображения. Возможно выравнива-ние изображения относительно строки текста и задание альтернативного текста

 

	Разработка сайта с использованием языка HTML (Index.htm)
Познакомившись с основными тегами языка гипертекстовой разметки, разработайте Web- страницы сайта, задачами которого является информирование читателя о новых поступлениях в библиотеку. Возможный внешний вид страниц. представлен на Рис.9.6, Рис.9.7. Начните работу с создания в текстовом редакторе Блокнот файлов Index.htm и Annotation.htm, листинг которых приведен в данном упражнении. Обеспечьте переход с первой страницы на страницу Аннотация. Просмотрите Web- страницы с помощью браузера. Рис. 9.6. Отображение документа (файл Index.htm) в окне браузера
	Разработка сайта с использованием языка HTML (Annotation.htm)
	Рис. 9.7. Отображение документа (файл Annotation.htm) в окне браузера

 

Файл INDEX.HTM

<HTML> <HEAD> <TITLE>Информационный лист</TITLE> </HEAD> <BODY > <H1>Информация о новых поступлениях в библиотеку</H1> <IMG SRC="CONTACTS.GIF" ALIGN=RIGHT> <HR> <H2>Рекомендуемая литература по дисциплине "Электронный маркетинг "</H2> <P>Представленная на сайте информация может быть полезна студентам и аспирантам экономических специальностей. </P> <H2 ALIGN=CENTER> <B><FONT SIZE="4">Добро пожаловать! </FONT></B> </H2> <TABLE WIDTH="100%" BORDER="1"> <TR> <TD><B>Название</B></TD> <TD><B>Автор</B></TD> <TD><B>Год издания</B></TD> </TR> <TR> <TD>Энциклопедия Интернет -бизнеса </TD> <TD>И. Успенский</TD> <TD>2001</TD> </TR> <TR> <TD>Интернет-маркетинг. Краткий курс.</TD> <TD>В. Холмогоров</Td> <TD>2001</TD> </TR> </TABLE> <P><A HREF="annotation.htm">Аннотация</A></P> <A Href="mailto:[email protected]">Ваши предложения</A> </BODY> </HTML>

 

	Файл ANNOTATION.HTM
	<HTML> <HEAD> <TITLE>Аннотации</TITLE> </HEAD> <BODY BGCOLOR="#99CCCC" TEXT="#000000"> <H2>Энциклопедия Интернет - бизнеса И. Успенский</H2> <PRE>Издание является ценным теоретическим и практическим руководством по созданию проектов электронной коммерции. </PRE> <P> <A HREF=#index.htm> Назад</A> </p> <HR> <H2>Интернет-маркетинг. Краткий курс. В. Холмогоров</H2> <PRE>Эта книга - исчерпывающий справочник и подробный самоучитель по Интернет - маркетингу</pre> <P> <A HREF=#index.htm> Назад</A> </P </BODY> </HTML>

Основы XML

Формат HTML, став прорывом в области отображения содержимого Web-страниц, сегодня уже не удовлетворяет всем необходимым на данный момент требованиям. Он позволяет описать то, каким образом должны быть отображены данные на экране конечного пользователя, но не предоставляет никаких средств для эффективного описания передаваемых данных и управления ими. Решением проблем стал утвержденный в 1998 г. Международной организацией W3C язык XML. XML (eXtensible Markup Language) - это расширяемый язык разметки, предназначенный для описания в текстовой форме структурированных данных. Язык XML обеспечивает интеграцию различного содержания и повышенную гибкость его доставки индивидуальным пользователям, поскольку, в отличие от HTML, описывает не способ отображения данных в браузере, а сами данные. При этом разработчики создают теги сами, что позволяет им описывать любые типы данных.

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

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

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

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

Рис. 9.8 Структура корневого элемента

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

Текст в XML-документе представляет собой перемежающиеся символьные данные и данные, относящиеся к разметке. Разметка – это текст, ограниченный разделителями и описывающий структуру документа: начальный и конечный теги элемента, теги пустого элемента, объявление типа документа, инструкции по обработке, ограничители раздела CDATA, символьные ссылки, ссылки на примитивы.

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

Начинается пролог со строки XML-документа, содержащей инструкцию для XML-процессора:

<?xml version="1.0" encoding="windows-1251" standalone ="no"?>

 

Эта инструкция обрамляется ограничителями, состоящими из угловой скобки и знака вопроса. Ключевым словом каждой исполняемой инструкции является сокращение xml, за которым следуют параметры инструкции и их значения. В рассматриваемом примере значение параметра version указывает на тот факт, что будет использоваться первая версия стандарта XML. Для указания вида кодировки используется параметр encoding. Параметр standalone связан с обработкой блоков описания структуры документа. Эти блоки называют DTD-блоком (Document Type Definition). DTD-блоки могут располагаться непосредственно в XML-документе, и тогда значение параметра определяется как standalone="yes", в случае, если DTD-блок расположен в отдельном файле, то этот параметр имеет значение "no".

 

	Файл BREAD_0.XML
	<?xml version="1.0" encoding="windows-1251" standalone ="no"?> <?xml-stylesheet type="text/css" href="bread.css"?> <!DOCTYPE catalogue SYSTEM "bread.dtd"> <catalogue> <article> <id_article>1.</id_article> <category>Хлеб</category> <name>Нарезной</name> <packaging presence="