Создание Wap-интернет проекта -- Часть 3. Изображения и ссылки

Ну что, продолжим курс молодого бойца WAP?

Сегодня поговорим об элементах навигации и изображениях.

К элементам навигации в wml относятся элементы <do>, <anchor> и <a>.

Элемент do предоставляет пользователю возможность выполнить ассоциированное с ним действие. То, как этот элемент будет представлен пользователю, не определяется. Каким образом элемент do будет представлен на экране, зависит от реализации браузера. Например, он может выглядеть, как нарисованная кнопка, пункт меню или ссылка. Элемент a описывает самую обычную ссылку. Он дает возможность исполнить только одно действие go, да и то без параметров.Элемент a может содержать текст и изображения.

Элемент anchor позволяет вставить в текст ссылку, активация которой приведет к выполнению действия, связанного с элементом. В качестве действия могут выступать go, prev и refresh. Внутри anchor также содержаться текст и изображения. По сравнению с a, anchor дает большую свободу.

В ваш WAP интернет портал можно вставлять изображения. В wap используется специальный формат изображений WBMP (черно-белое изображение). Но так как техника не стоит на месте, многие телефоны уже воспринимают и другие типы изображений. Так телефоны Nokia 40 серии воспринимают форматы png, gif, jpeg, wbmp. Свой wap интернет портал вы при желании можете украсить цветными картинками. Я бы посоветовал использовать формат gif. Размер картинки желательно делать не большой, не забываем об ограничении размера дека. Можно использовать анимированный gif, как применяется на некоторых wap сайтах.

Простейший способ использовать элемент img выглядит так: <img src=”proba.gif” alt=”Proba”/> Перейдем от теории к занятиям на свежем воздухе:).

Рассмотрим следующую 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="hi" title="WELCOME!">

<p align="center"> Privet!

<a href="#enter"><img src="image/flag.gif" alt="Rus"/>

</a> <a href="http://engwap.ru/index.wml">Eng</a>

</p>

</card>

<card id="enter" title="Menu">

<p align="left">

<a href="melody/melody.wml">Melody</a>

<a href="/game/snake.jad">Game Snake</a>

<anchor title="Back">Back<prev/></anchor>

</p>

</card>

</wml>

Что же мы тут наваяли? Как всегда не забываем первые обязательные строчки.

Сначала загружается карта hi с title WELCOME!. Открываем параграф p с выравниванием по центру. Идет надпись Privet!, за ней ссылка на вторую карту деки, сделанная в виде изображения. Обратите внимание как можно ссылаться на карты одного дека. Если телефон не поддерживает gif, ссылка будет в виде текста Rus (атрибут alt). Дальше идет ссылка на, допустим, другую версию сайта. Здесь уже адресация абсолютная. После этого закрываем параграф и карту. Теперь открываем карту enter с title Menu и параграф с выравниванием влево. Идет ссылка на melody.wml и игру Snake. Здесь уже адресация относительная (от корня вашего сервера). Обратите внимание на ссылку для игры. Ссылаемся на jad файл, jar должен находиться в той же директории. В wap можно ссылаться прямо на jar, без использования jad (иногда может это не работать, если, например, jar защищенный). Далее идет элемент anchor, который возвращает нас назад. Закрываем параграф, карту и wml|18:11 27.06.2006

Главная » Телефоны