Веб-дизайн. От А до Я. # 3 (comp.design.webg) : Рассылка : Subscribe.Ru

Январь 2001 →
1	2	3	4	5	6	7
8	9	10	11	12	13	14
15	16	17	18	19	20	21
22	23	24	25	26	27	28
29	30	31

Январь 2001 →

В этом выпуске:

Что XML грядущий нам готовит?
Отправка значений полей почтой.
Рейтинг сайтов по оформлению.

Фреймы.

Адреса:
для Ваших вопросов по веб-дизайну
Ответы смотрите в рассылке "Веб-дизайн. Вопросы и ответы". Подписка на сайте http://webg.agava.ru
по вопросам публикации
по другим вопросам и предложениям

Давыденко Дмитрий

Сегодня нередко можно услышать упоминания о расширяемом языке разметки XML. Однако, несмотря на утверждение консорциумом W3C языка разметки XHTML 1.0, отвечающего правилам упомянутой спецификации, столкнуться с документами, кодированными в этом языке, в Интернете не так уж и просто. В этом XHTML пока повторяет своего прародителя HTML 4.0. Сколько бы ни было шума вокруг спецификаций 4-й версии, на практике в подавляющем большинстве интернет-документов если и используются особенности этой спецификации, то в незначительном минимуме. Скажем, задание стилей в теле самих тегов. Но, заглядывая в будущее, нельзя не признать концептуального преимущества XML над всеми имеющимися сегодня языковыми технологиями Интернета.

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

C появлением первых версий HTML стало ясно, что относительно глобальных концепций, разработанных в SGML, был сделан большой шаг назад. В то же время, именно эта жертва принесла столь высокую популярность HTML. Только представьте себе, как постепенно угасает энтузиазм пионеров веб-мастеринга с каждой новой главой в 500-страничном руководстве по SGML... Теперь, когда простой и доступный HTML давно утвердился как стандарт де-факто, главная регулирующая «сила» в Интернете (W3C) начала обратный путь к SGML, хотя и не по прямой, - в арсенале этой организации десятки лет мирового опыта. Что же в результате веб-мастера имеют на сегодня в своем распоряжении? Похоже, что они имеют язык разметки, лишенный врожденных недостатков HTML.

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


<h1> Что XML грядущий нам готовит?! </h1>

<h2>Дмитрий Шейко</h2>

<p>Страна: Беларусь</p>

<p>Организация: Design Studio DS</p>

<p>WWW: http://sheiko.virtualave.net/ds/ </p>

<p>E-Mail: bcf@mail.ru </p>

<p>UIN: 35325827</p>

Это до боли знакомая разметка HTML. Никакой информации о структуре, только теги визуального отображения, минимум логической разметки. При использовании CSS можно несколько улучшить картину. Теги заголовков <h...> предварительно описываются, можно описать и форматирование абзацев. Но что еще лучше, различным записям можно задать уникальные стилевые идентификаторы, которыми в дальнейшем можно манипулировать. Например, изменение атрибутов вывода конкретного стиля приведет к соответствующим изменениям во всех документах сайта. Посмотрите, насколько дальше пошел XML:



<?xml version = «1.0» ?>
<editor_contacts>
 <author>
  <first_name>Дмитрий</first_name>
  <last_name>Шейко</last_name>
  <article_title> Что XML грядущий нам готовит?!</article_title>
  <adress>
   <coutry>Беларусь</country>
   <work>Design Studio DS</work>
   <url>http://sheiko.virtualave.net/ds/</url>
   <email>bcf@mail.ru</email>
   <uin>35325827</uin>
  </address>
 </author>
</editor_contacts>

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

<?xml-stylesheet type=»text/xsl» href=»table_name.xsl»
 ?>

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

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

Еще одна примечательная особенность XML заключается в возможности задания ссылок на фрагменты кода текущего или внешнего документа. Это позволяет создавать поистине модульную структуру документа. Вот посмотрите:


<articles>

&banner;

&title;

&form1;

&content;

</articles>

Таким небольшим фрагментом можно описать целую страницу.

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

Теперь о XML более глобально. Помните, что я говорил в начале статьи о связующем звене распределенных систем? Основная головная боль при интеграции распределенных систем заключается в том, что нет единой спецификации, которая описывала бы общую концепцию и частные рекомендации по стыковке различных систем. Может быть, вы помните, пару лет назад активно популяризировалась идея корпоративного управления на базе Web? Еще тогда лидерами компьютерной индустрии была создана рабочая группа по распределенному управлению DMTF. Сегодня эта идея представлена тремя основными компонентами: общей информационной моделью CIM (Common Information Model), универсальным транспортным протоколом для передачи информации HTTP, расширяемым языком разметки XML. Разработчик, взявший на вооружение CIM, может не беспокоиться о том, что его приложение не найдет общего языка с любым другим CIM-совместимым приложением, независимо от географического расположения его хост-сервера и его платформы. В чем здесь заслуга XML? Да в том, что распределенные приложения связываются друг с другом посредством протокола HTTP и передают потоки данных, структурированных согласно правилам именно XML. По сути, и здесь XML только представляет структуру отображения тегов, идентифицирующих объекты или атрибуты, на некоторую внешнюю семантическую структуру.

Как все-таки безгранично число применений языка описания «всего и вся»! Чем-то это напоминает мечту Эйнштейна создать единую теорию поля. Видите ли, с помощью XML можно описывать структуры программ, написанных на высокоуровневых объектно-ориентированных языках программирования. И в этом есть смысл: XML позволяет отделить данные от их представления, упорядочить данные в деревья и списки, структурировать их и порождать из них объектные модели и описывать метаданные на метаязыке таким образом, чтобы программные модули стали абсолютно универсальными, поскольку они будут иметь дело только с XML-файлами и больше ни с чем другим. Таким образом, с помощью XML можно попытаться реализовать принцип «Данные должны управлять программами, а не наоборот». Тут надо отметить, что это задает примечательные тенденции на будущее. Приложения как в Интернете, так и вне его станут более переносимыми и настраиваемыми. Каркасы программ будут проектироваться с максимальной тщательностью, теперь они не будут затронуты при внесении изменений в структуру программ. Программы смогут иметь дело не с самими данными, а с их описаниями. И повышение роли метаданных позволит подключить к разработке приложений большее число профессионалов в самых разных предметных областях

У вас, быть может, возник вопрос: «Есть ли уже в Интернете узлы, построенные на базе XML, и что необходимо для того, чтобы их просмотреть?» Пожалуй, самый известный на сегодня сайт, использующий XML, - это BizTalk. Это детище Microsoft представляет собой программный инструмент, который облегчает на предприятиях обмен информацией между приложениями, интегрирует бизнес-процессы и дает возможность вести дела с торговыми партнерами и заказчиками через Интернет.

Сегодня XML воспринимается броузерами MS-Explorer версии 4.0 и выше. На самом деле броузер с помощью подгружаемого ActiveX-модуля конвертирует XML-код в HTML и уже после этого отображает страницу. Далее, в недавно вышедшей Windows 2000 реализована высокоэффективная поддержка XML. В Windows 2000 встроен интерпретатор XML, есть поддержка потоковой передачи данных XML и средства сохранения объектов. Microsoft до того увлеклась перспективным языком описаний, что теперь даже в приложениях Microsoft Office в качестве альтернативного стандарта хранения данных будет XML. Вы думаете, что Microsoft ограничилась только своим детищем Windows? В MS-SQL Server 7.0 также интегрирован XML. Было даже обещано открыть разработчикам прямой URL-доступ к SQL Server 7.0 на веб-узле MSDN XML Developer Center (msdn.microsoft.com/xml). Кроме того, в Microsoft работают над XML Transaction Integrator (XML-TI). Это новый компонент проекта сервера интеграции Babylon, который позволит разработчикам легко интегрировать свои приложения масштаба предприятия, включая электронную коммерцию.

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

Дмитрий Шейко,
дизайн-студия DS,
bcf@mail.ru

$email = "your@mail"; $mess = "Результаты заполнения формы:\n"; while ( list( $key, $val ) = each( $HTTP_GET_VARS ) ) { $mess .= "$key => $val\n"; } mail($email,"form results",$mess,"");

<HTML> <HEAD> <TITLE>Пример фреймов</TITLE> </HEAD> <FRAMESET COLS="25%, 75%" <FRAME SRC="a.html"> <FRAME SRC="b.html" NAME="main"> </FRAMESET> <NOFRAMES> Вы видите эту страницу броузером не поддерживающим фреймы. </NOFRAMES> </HTML>

<HTML> <HEAD> <TITLE> Меню</TITLE> </HEAD> <BODY> <H3 ALIGN=CENTER>Компания.</H3> <HR> <UL><font color="#400040" size="4"> <LI><a href="html-pr2-4.html" ТАRGЕТ="main">Главная</a> <LI><a href="news.html" ТАRGЕТ="main">Новости</a> <LI><a href="products.html" ТАRGЕТ="main">Товары</a> <LI><a href="servis.html" ТАRGЕТ="main">Услуги</a> <LI><a href="contact.html" ТАRGЕТ="main">Контакты</a> <LI><a href="search.htm" ТАRGЕТ="main">Поиск</a> </UL> </font> </BODY> </HTML>

<HTML> <HEAD> <TITLE> Главная страница</TITLE> </HEAD> <BODY> <H1 ALIGN=CENTER>Компания.</H1> <HR> <H3 ALIGN=LEFT><I>Открытое акционерное общество Компания основанная в 1996 году, является одним из ведущих поставщиков бытовой электроники в России.</I></H3> <HR> <H3>Основными направлениями деятельности Компании являются: <OL> <LI>реализация бытовой электроники ведущих фирм мира через сеть магазинов; <LI>создание сервисных центров по обслуживанию бытовой электроники.</H3> </OL> <HR> <H3><U><FONT COLOR=RED> Компания ищет агентов по сбыту бытовой электроники.</FONT></U></H3> <H5 ALIGN=CENTER>Контактная информация</H5> <UL> <LI>Telephone (123) 12-34-56 <LI>FAX (123) 12-34-56 <LI>Почтовый адрес 123456 г. Город, ул Лесная, 106 <UL TIPE=CIRCLE>Электронная почта<BR> <LI>Общая информация: abc@abc.su <LI>Продажи: abc@abc.abc.su </UL> </UL> <BR><BLINK>Copyright</BLINK> © 1997 Компания </BODY> </HTML>

<HTML> <HEAD> <TITLE> Пример фрейма</TITLE> </HEAD> <FRAMESET COLS="25%, 75%" <FRAME SRC="html-pr5-2.html"> <FRAME SRC="html-pr2-3.html" NAME="main"> </FRAMESET> <NOFRAMES> Вы видите эту страницу броузером не поддерживающим фреймы. Броузер поддерживающий фреймы не видит этот текст. </NOFRAMES> </HTML>

Я жду Вас на сайте моего проекта http://webg.agava.ru
Здесь Вы можете найти:

Веб-дизайн. От А до Я.

Рассылка закрыта

Статистика

Веб-дизайн. От А до Я. # 3

Для чего можно использовать фреймы

Как работают фреймы

Создание простой страницы с фреймами

Задание фреймовой структуры

Подготовка содержимого фрейма

Подготовка фрейма main

Использование тага <NOFRAMES>

Специфические таги и атрибуты фреймов

Таг <FRAMESET>