 WML – Wireless Markup Language – это язык, который используется для описания страниц WAP-сайтов. Сегодня мы изучим основы WML. На самом деле всё довольно просто – достаточно один раз понять, как функционирует WML, и в дальнейшем вы сможете создавать сайты для сотовых телефонов и продолжать изучение тонкостей этого языка. Прежде чем мы начнём, хочу обратить ваше внимание на пару важных правил, касающихся создания WAP-сайтов. Первое правило – не использовать на сайтах картинок размером больше, чем 100х100 пикселей (а также – придерживаться формата WBMP, если хотите, чтобы ваш сайт могли просмотреть на как можно большем количестве аппаратов), и второе – стараться не делать WAP-странички больше 3-4 Кб, иначе некоторые сотовые телефоны не смогут с ними справиться. Самое главное о WMLЕсли вы знакомы с HTML, это значит, что самое главное о WML вы уже знаете. Если нет – тогда внимательно посмотрите на эту строку:То, что вы видите, называется тег (tag по-английски). В частности, это тег, который служит в WML для разделения текста на абзацы.
Всё, что находится между и , браузер воспримет как абзац и выведет на экран без и прочих «посторонних» символов. Несложно понять, что первая последовательность символов – это открывающая часть тега, вторая – закрывающая. Обратите внимание на то, что в открывающей части тега есть надпись align=«alignment». Align – это свойство абзаца, которое отвечает за его выравнивание. Например, оно может принимать значения Center (Выровнять по центру), Left (Выровнять по левому краю) и некоторые другие. Тег абзаца может быть записан и так:По умолчанию абзац выравнивается по левому краю – то есть, если не указывать в открывающей части тега никаких параметров, то текст, заключённый в нём, будет выровнен по левому краю. Теперь давайте зададимся простым вопросом: «Как нужно использовать тег для того, чтобы вывести слово «Привет!» по центру страницы?». Ответ очевиден: написать такой вот текст:Одни теги могут включать другие, например, тег используется для того, чтобы сделать шрифт курсивным и т. д.Весь WML-документ состоит из таких вот тегов. Наверное, у вас уже возник вполне закономерный вопрос о том, как выглядит этот документ. Сейчас мы на него ответим. Шаблон WML-документаНиже приведён шаблон WML-документа. Он почти пустой – если сделать WAP-страничку такого вида, то при загрузке её на телефон будет выведена лишь фраза «Привет!».Теги, включенные в другие теги, даны с отступом. Так выглядит страница-шаблон на экране сотового Motorola V535А так – в браузере OperaОсновная часть документа заключается между тегами и . Перед тегом находится пролог – он определяет версию XML, URL определения типа документа и кодировку документа. Пролог должен присутствовать в каждом WML-документе. При конструировании WAP-страниц применяется принцип колоды карт. Документ содержит несколько небольших страничек, лишь одна из которых отображается на экране устройства, в то время как остальные хранятся в памяти устройства и ждут своего часа. Обратите внимание на теги и - это теги одной из карт документа. Таких карт может быть несколько, они различаются по идентификаторам карты – параметром Card id тега . По идентификатору можно обращаться к карте из других карт. То есть, например, если одна из карт отображается на экране, на ней можно разместить ссылки для перехода на другие карты. Среди параметров тега можно отметить ещё один – Title. Его содержимое выводится в виде заголовка страницы. Как вы уже, наверное, поняли, то, что расположено между тегами и , и будет отображаться на экране. В нашем случае это слово «Привет!», выровненное по центру. Для того, чтобы обратиться к другой карте WAP-документа, можно использовать следующую схему:Этот текст добавит на WAP-страничку кнопку с надписью «Следующая страница», после щелчка по которой браузер отобразит карту с именем NameOfCard. Следующий пример WAP-документа представляет собой документ с двумя картами, между которыми осуществляется навигация:Первая карта документа в браузере OperaВторая карта документа в браузере OperaДумаю, вы сможете разобрать этот пример самостоятельно. А если вы ещё не писали WAP-странички – сейчас как раз самое время это сделать и опробовать ваш инструментарий WAP-разработчика на практике. Если вы сохраняете страничку в Блокноте – при сохранении измените кодировку документа на UTF-8. Если вы используете Денвер в ваших экспериментах – обратите внимание на диск Z, который появится у вас в окне Мой компьютер. На этом диске пройдите по пути Z:\home\localhost\www\wml. Например, поместив в эту папку файл с именем 2m. wml, вы сможете открыть его в браузере Opera по адресу: http://localhost/wml/2m. wml. Различные элементы WAP-страницВыше мы рассмотрели лишь шаблон WAP-странички, особенности навигации по WAP-сайту да добавление текстовых строк. Но обычно на сайтах есть ещё и другое содержимое – это ссылки для перехода на другие сайты и для скачивания файлов, картинки, таблицы. Для того, чтобы добавить на сайт ссылку на другой ресурс, используйте такую конструкцию:
|