Мобильный телефон давно перестал для нас быть простым средством связи. Теперь у нас в мобильном телефоне много функций, таких как WAP, MMS, BLUETOOTH и многое другое. Я хочу рассказать вам о WAP и технологии WML с помощью которого производится создание мобильных интернет страничек.
Wireless Markup Language – это язык, на котором пишутся WAP странички. Wireless Application Protocol сокращенно WAP в этой статье я вам подробно расскажу о данной технологии.
Прежде чем начать курс WML хочу обратить ваше внимание на следующее:
-Размеры страниц не должен превышать 1.4 – 2.5 Кб
-Созданные страницы будут просматриваться при помощи мобильного телефона
-Вам потребуется программка для просмотра созданные вами WML странички. Посоветую вам M3 Gate (http://www.m3gate.com)
Об этих положениях надо помнить всегда во время разработки WAP страничек.
Начнем разрабатывать первую страничку на WML. В основе WML принцип колод (deck) и карт (card). Принцип в том что в одном wml-файле (колоде) может хранится несколько карт. Каждая карта это один экран WAP- устройства (телефона). На экране телефона не когда не могут, отображается две карты одновременно, у каждой карты есть свой заголовок и свои атрибуты. Прелесть данной технологии в том, что мобильный телефон получает один фиал, в котором может, хранится несколько карт с информацией, которые можно вызывать, даже если телефон не подключен к сети.
Давайте теперь перейдем к практике. Вот пример простого WML- документа:
<wml>
<card>
<p>!!!First WML PAGE!!!</p>
</card>
</wml>
Данный язык очень похож на HTML. Вроде все правильно но в M3Gate страница не открывается. Дело в том что любая WML- страница должна проходить проверку на соответствие DTD (Document Type Definition). Правильно код данной страницы должен выгладить так
<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" http://www.wapforum.org/DTD/wml_1.1.xml ">
<!—Выше приведен собственно код проверки на соответствие DTD -->
<wml>
<card>
<p>!!!First WML PAGE!!!</p>
</card>
</wml>
Сохраним полученный файл с расширением wml и откроем его в M3Gate
Получим надпись !!!First WML PAGE!!!
Все элементы колоды вложены в элемент <wml> fналогом в HTML является тег <html>.
Но если в HTML можно опускать некоторые закрывающие теги, например </p>, </tr>, </td> то в WML весь текст должен быть в приделах параграфа т.е между тегами <p> и </p> в противном случае страница не откроется.
Рассмотрим следующий пример состоящий из 3 карт между которыми будет осуществляться переход.
<?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="card1" title="My portal">
<p>Текст приветствия
</p>
<p>
Меню:<br/>
<anchor>Погода<go href="#card2"/></anchor><br/>
<a href="#card3">Анекдот</a><br/>
<anchor>Гороскоп<go href="gor.wml"/></anchor><br/>
</p>
</card>
<card id="card2" title="Погода">
<p>Лето будет коротким, зато малоснежным.
<do type="accept" label="Назад"><go href="#card2"/></do>
<do type="accept" label="Далее"><go href="#card3"/></do>
</p>
</card>
<card id="card3" title="Анекдот">
<p>
- Эх, посидеть бы, никуда не спеша, с удочкой...<br/>
- Ну, так посидите, только удочку в камере держать не разрешается...
<do type="accept" label="Начало"><go href="#card1"/></do>
</p>
</card>
</wml>
Разберемся с тегом <card> у него 2 параметра: id и title. Первый задает карте уникальный индификатор он нужен для того что бы правильно ссылаться из других карт или даже файлов. Title как и в HTML это заголовок браузера. Если не задавать не каких параметров, то всегда отображается первая карта, описанная в колоде.
В первой карте у нас выводится текст приветствия, а за ним меню. Для создания гиперсвязи в WML есть два тега <a> и <anchor> о теги <a> я рассказывать не буду он такой же как и в HTML.
Тег <anchor> работает по другому в нем должен присутствовать элемент либо <go href=”url”>, либо <prev/>
Рассмотрим пример для возврата на предыдущую страничку
<anchor>Go Back <prev/></anchor>
Для выделения курсивом используется парный тэг <I>.
Для полужирного текста —<b>.
Для подчеркивания —<u>.
Для увеличения и уменьшения шрифта, соответственно, используются тэги <big> и <small>.
Наш каталог статей! |
||||
| Дом и Семья | Работа | Интернет и сети | Компьютер и софт | Разное |
| Cоздаем Новогодний интерьер своими руками! | Как найти работу | Внешняя раскрутка сайта | Причины выпадения страниц из индекса | Игры с 20dollars2surf |
| Forex4you.org описание | Как увольняться с работы | 20dollars2surf.com отзывы | Dorado-Team отзывы | Clickerspay описание |
| Плюсы и минусы платного хостинга | Что изучает электротехника, как наука. | Ремонт сельхозтехники | ||
|
Copyright © 2009-2011. |
