Глава 9. Технологии создания Web-сайтов

Глава 9. Технологии создания Web-сайтов

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

Глава 9. Технологии создания Web-сайтов - student2.ru Примечание
Маркетинговая стратегия с СЕТИ Разрабатывая маркетинговую стратегию для сети Интернет обратите внимание на следующие аспекты: § Бренды. Вашим главным брендом становится ваши Web-сайт. § Изменения. В сети Интернет все постоянно меняется, в том числе и правила. § Лаконичность. Следите, чтобы ваши страницы не были перегружены информацией; большие фрагменты разносите на несколько страниц. § Контент. Это самая главная составляющая, однако будьте осторожны, не утомляйте своих посетителей и не перегружайте их информацией. § Динамические сайты. Для оптимального использования клиентских профилей, создавайте динамические сайты § Финансы. Осваивайте новые рынки с помощью низкозатратных рекламных мероприятий. § Бесплатная раздача. Создайте несколько бесплатных предложений для своих самых верных клиентов. § Мир- это большая деревня. Мыслите глобально – действуйте локально. § Нишевые рынки. Вся сеть – не что иное, как группы нишевых и массовых рынков. § Продвижение. Используйте все доступные вам средства для продвижения своего сайта. § Объединение усилий. Создайте систему продвижения ко-брендинга- совместного продвижения брендов товаров и услуг. § Технология. С целью максимизации маркетинговых усилий используйте Интернет- технологии. Даниел Эймор. Электронный бизнес:эволюция и/или революция. М.: Издательский дом «Вильямс», 2001.—752 с.:

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

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

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

Основы 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="***"> Предписывает браузеру просмотр графи-ческого изображения. Возможно выравнива-ние изображения относительно строки текста и задание альтернативного текста
  Глава 9. Технологии создания Web-сайтов - student2.ru Разработка сайта с использованием языка HTML (Index.htm)
Познакомившись с основными тегами языка гипертекстовой разметки, разработайте Web- страницы сайта, задачами которого является информирование читателя о новых поступлениях в библиотеку. Возможный внешний вид страниц. представлен на Рис.9.6, Рис.9.7. Начните работу с создания в текстовом редакторе Блокнот файлов Index.htm и Annotation.htm, листинг которых приведен в данном упражнении. Обеспечьте переход с первой страницы на страницу Аннотация. Просмотрите Web- страницы с помощью браузера. Глава 9. Технологии создания Web-сайтов - student2.ru Рис. 9.6. Отображение документа (файл Index.htm) в окне браузера
Глава 9. Технологии создания Web-сайтов - student2.ru Разработка сайта с использованием языка HTML (Annotation.htm)
  Глава 9. Технологии создания Web-сайтов - student2.ru Рис. 9.7. Отображение документа (файл Annotation.htm) в окне браузера
Глава 9. Технологии создания Web-сайтов - student2.ru Файл 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>
   
Глава 9. Технологии создания Web-сайтов - student2.ru Файл 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. Технологии создания Web-сайтов - student2.ru
Рис. 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".

Глава 9. Технологии создания Web-сайтов - student2.ru Файл 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="Упакован"/> <description>Вес100г.</description> </article> <article> <id_article>2.</id_article> <category>Хлеб</category> <name>Столичный</name> <packaging presence="Без упаковки"/> <description>200г.</description> </article> </catalogue>

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

<?xml-stylesheet type="text/css" href="berad.css"?>,

где вкачестве параметра href указвается URL подключаемого CSS-файла. CSS-файл представляет собой текстовый файл специализированного формата с расширением .css.

Таблица каскадных стилей, содержащаяся в CSS-файле, содержит набор правил, сообщающих браузеру, каким образом форматировать и отображать элементы в данном XML-документе – файлаbread.css.

Глава 9. Технологии создания Web-сайтов - student2.ru Файл BREAD.CSS
  article {display:block;margin-top:12pt;font-size:10pt} name {font-style:italic}

Непосредственно за исполняемой инструкцией в документе помещается объявление типа документа, так называемое DTD (Document Type Definition):

<!DOCTYPE catalogue SYSTEM "bread.dtd">

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

Глава 9. Технологии создания Web-сайтов - student2.ru ФАЙЛ BREAD.DTD
  <!ELEMENT catalogue (article)*> <!ELEMENT article (id_article,category,name,packaging,description)> <!ELEMENT id_article (#PCDATA)> <!ELEMENT category (#PCDATA)> <!ELEMENT name (#PCDATA)> <!ELEMENT packaging (#PCDATA)> <!ATTLIST packaging presence CDATA "Yes"> <!ELEMENT description (#PCDATA)>

Второй частью XML-документа является единый элемент Документ или корневой элемент, который содержит иерархически связанные элементы. В рассматриваемом примере элемент Документ - catalogue, а содержимое – три вложенных элемента article. В свою очередь элемент article содержит ряд вложенных элементов в соответствии с рис. 9.8. Элемент Документ похож на элемент BODY на HTML-странице с той лишь разницей, что ему можно присвоить любой допустимое имя.

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

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

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

Если XML-документ не нарушает приведенные выше правила, то он называется формально-правильным (корректным).

Существует два способа контроля правильности XML-документа: DTD-определения (Document Type Definition) и схемы данных (Semantic Schema). Если XML-документ создается и пересылается с использованием DTD-описаний или схем (Schemas), то он называется валидным.

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

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

Глава 9. Технологии создания Web-сайтов - student2.ru

Рис. 9.9. Отображение XML-документа с использованием CSS-таблицы

Для отображения XML-документа на HTML-странице необходимо установить связь со страницей. Это можно осуществить размещением всего текста XML-документа в теле HTML-страницы или указанием URL- адреса этого документа и последующего сцепления HTML-элементов с данными XML. Пример такого связывания представлен в виде листинга файла bread_1.xml. Отображение информации в окне браузера приведено на рис. 9.10.

Глава 9. Технологии создания Web-сайтов - student2.ru

Рис. 9.10. Отображение документа в окне браузера

Глава 9. Технологии создания Web-сайтов - student2.ru ФАЙЛ BREAD_1.XML
    <HTML> <HEAD> <TITLE>КАТАЛОГ</TITLE> </HEAD> <BODY> <XML ID="dsocatalogue" SRC="Bread_0.xml"></XML> <H2>Каталог продукции</H2> <TABLE DATASRC="#dsocatalogue" BORDER="1" CELLPADDING="5"> <THEAD> <TH>№ п/п</TH> <TH>Категория</TH> <TH>Название</TH> <TH>Описание</TH> </THEAD> <TR ALIGN="center"> <TD><SPAN DATAFLD="id_article" STYLE="font-style:italic"></SPAN></TD> <TD><SPAN DATAFLD="category"></SPAN></TD> <TD><SPAN DATAFLD="name"></SPAN></TD> <TD><SPAN DATAFLD="description"></SPAN></TD> </TR> </TABLE> </BODY> </HTML>

Многие специалисты рассматривают XML как новую технологию интеграции программных компонент, что имеет огромное значение в электронном бизнесе и его составных элементах.

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

Сохраненный в виде документа XML соответствующий профиль может иметь вид, представленный в виде листинга файла profile.xml.

Глава 9. Технологии создания Web-сайтов - student2.ru ФАЙЛ PROFILE.XML
  <?xml version="1.0" encoding="windows-1251" ?> - <profile> <cookie id="123456" /> <first_name>Иван</first_name> <last_name>Иванов</last_name> <last_purchase date="01-01-2002" freguency="6" /> <interests> <category>Техника</category> <sub_category>Компьютер</sub_category> <topic>XML</topic> <topic>C#</topic> <topic>e-маркетинг</topic> </interests> </profile>

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

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

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

Рис. 9.11 Окно Сохранение документа

Кнопка Изменить позволяет ввести заголовок Web-страницы, которая по умолчанию определяется как первая фраза самого документа. Однако, перед сохранением, если эта операция выполняется первый раз, необходимо указать параметры Web-документа. Используйте для задания параметров команду Сервис/Параметры/вкладкаОбщие/КнопкаПараметры документа.Онаоткрывает диалоговое окно Параметры Веб-документа –рис. 9.12, которое содержит пять вкладок: Обозреватели, Файлы, Картинки, КодировкаиШрифты.

На вкладке Обозреватели определяется уровень средств, используемых для оформления документов. Способ хранения созданной Web-страницы, имена и структура папок для графических иллюстраций, мультимедийных объектов и других дополнительных файлов устанавливаются на вкладкеФайл. Форматы графических файлов, а также выбор параметров, управляющих оптимизацией Web-страницей для вывода на конкретный монитор, устанавливаются на вкладке Картинки. На вкладке Кодировка определяется кодировка символов при сохранении Web-страницы. Выбор кодировки зависит от аудитории, для которой предназначена информация. Для англоязычной страницы можно использовать заподноевропейский набор символов, для страницы на русском языке – кириллицу или стандарт UNICODE(UFT-8).

Глава 9. Технологии создания Web-сайтов - student2.ru

Рис. 9.12 . Диалоговые окна для настройки параметров Web-документа

Глава 9. Технологии создания Web-сайтов - student2.ru Упражнение
Разработайте Web-страницу фирмы «Учебный центр», занимающейся образовательной деятельностью. Для этого создайте документ, используя возможности текстового редактора Word, а затем сохраните его как Web- документ. При создании Web-страницы используйте материал рис. 9.13. Глава 9. Технологии создания Web-сайтов - student2.ru Рис. 9.13 . Проект Web-страницы фирмы «Учебный центр»

Рис. 9.14 Диалоговое окно Сохранение документа

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

Web-страницу, созданную средствами Excel, можно просмотреть с помощью браузера, а также в Excel 2002 или Word 2002. Для открытия страницы из Excel, необходимо выполнить команду Файл/Открыть, указав тип файла и его имя.

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

Рис. 9.15 Диалоговое окно Публикация Веб-страницы

Кнопка Веб-параметры открывает диалоговое окно, в

Наши рекомендации