Создание
мобильных wap-сайтов
Как только wml-файл загружен в
устройство с сервера,
пользователь может листать
экраны, переходить к следующему
или возвращаться к предыдущему,
не ожидая загрузки с сайта, что,
конечно, выгодно по скорости.
WML
колода из одной карты
|
<wml>
<card>
<p>Welcome</p>
</card>
</wml> |
|
|
WML
колода из трех карт
|
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML
1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="home" title="Welcome">
<p
align="center">Bestportal<br/>
<img src="logo.wbmp"
alt="home"/><br/>
<do type="accept" label="next"><go
href="#card1"/></do></p>
</card>
<card
id="card1" title="Page 1">
<p>This is the first
card.</p>
<do type="accept" label="next"><go
href="#card2"/></do>
<do type="prev"
label="back"><prev/></do>
</card>
<card
id="card2" title="Page 2">
<p>This is the second
card.</p>
<do type="accept" label="home"><go
href="#home"/></do>
</card>
</wml> |
|
|
(Tip:
Размер загружаемых в WAP-устройства
файлов ограничен - не более что-то
около 1.4k (1397, 1492, .. байт - граница
зависит от устройства).)
Основные
типы тегов WML
Строительные
блоки и функциональные
средства WML можно условно
разделить на четыре категории:
форматирование, навигация, ввод
данных и управление действиями/событиями.
Далее показан ряд конструкций
языка с примерами - подчеркну,
что здесь могут оказаться не
все атрибуты. За дополнительной
информацией нужно обращаться к
документации.
Форматирование
Поскольку на экран выводится по
одной карте, то в элементе card
предусмотрен атрибут id -
внутренний идентификатор для
переходов, а также видимый на
экране заголовок title. Для
форматирования текста, почти
аналогично HTML, используются
такие элементы, как:
p для
параграфов, В <p> можно
указывать атрибуты align
и mode. align принимает
значения right, center или left, а mode
задает, будет ли текст на экране
с авто-переносом (wrap) или нет
(nowrap).
em и
I - для выделения курсивом,
strong
- для "полужирного начертания.
u -
для подчеркивания,
big -
для текста большего размера
small
- для текста маленького размера.
table
для таблиц, с привычными <tr> и
<td>
<br/
> - для перехода на новую
строку,
<img/
> для графики.
Элементы
ввода
Безусловно, всю мощь идея
переменных приобретает при
возможности что-то получить от
пользователя. Для этого
предусмотрен комплект тегов
ввода, достаточно близких к
своим HTML аналогам:
Поле input
предназначено для ввода данных
пользователем
select/option
- поле
выбора из заранее заданного
списка.
postfield
- аналог скрытых input в HTML-формах.
На самом деле, это даже более
мощная вещь, так как имея
переменные, в postfields сейчас
можно собирать и
перегруппировывать информацию.
Атрибуты
name тегов <input> и <select>
хранятся как переменные на всем
пространстве колоды и
выступают параметрами в
переходах по go и a.
Посредством других атрибутов
<input,> типа type, format и maxlength,
можно управлять форматным
вводом. Пользуясь тегом fieldset,
можно задавать некоторые стили
оформления.
Пример
input и select
|
<wml>
<card id="search" title="search">
<p
align="left">
CD: <input name="band" title="JazzBand:"
size="18"
value="Rolling Stones" emptyok="false"/><br/>
Type:
<select name="type" value="double" title="Type:">
<option
value="single">Single CD</option>
<option
value="double">Double CD</option>
</select>
</p>
</card>
<card id="add" title="Add CD">
CD: <input
name="CD" size="18" type="text" /><br/>
Price: <input
name="Price" size="8"/><br/>
</card>
</wml> |
|
|
Cсылки |
Разместить здесь ссылку
без денег и регистраций! |
Наша
кнопка |
|
Получить код:
|
|
|
Наш
e-mail: kivi-x@inbox.ru |
<
1 2
3 >
Wo es ist gut English zu lernen in Kanada?|Натали Турс туроператор Натали Тур Италия|Медицинский центр урологии москва - инновационные методы лечения бесплодия мужчин.
|