Предел мобильности!

Дмитриев Данил aka xbit

Хакер, номер #084, стр. 084-124-1

(stream@oskolnet.ru, 334437228)

Как куются мобильные сайты

Многие операторы мобильной связи пытаются привлечь своих клиентов акциями вроде «Читай свою почту прямо с мобильника!». Их суть заключается в том, что тебе надо отослать платное смс по определенному номеру. Потом оператор зачитает тебе сообщение. Это не только неудобно, но и не бесплатно. Да и имеет ли смысл пользоваться этими услугам, если в твоем распоряжении есть такие вещи, как мобильник с поддержкой WAP и навыки кодинга на WML? Что ж, мобильник - в кармане, а как кодить на WML я сейчас покажу.

WAP (Wireless Application Protocol) - это протокол, разработанный специально для мобильных устройств. Именно через него происходит передача WML-страниц. WML - технология создания WAP-контента. Является разновидностью языка разметки XML, со всеми вытекающими отсюда последствиями. Если ты раньше кодил на XML или HTML, то ничего нового ты тут не увидишь, за исключением, пожалуй, тэгов организации блочных структур и вставок кода на WMLScript. Единственное надо запомнить, что все тэги в WML должны быть закрытыми. Если ты имеешь дело с тэгами, которые не имеют закрывающего партнера, например <br>, то следует писать <br/> (самозакрывающийся тэг).

Исходя из того, что WML - разновидность XML, первая строчка кода мобильной паги будет указанием на стандарты w3.org:

<?xml version="1.0"?>

<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"

"http://www.wapforum.org/DTD/wml_1.1.xml">

Вышеуказанная строка является обязательной, и именно с нее должна начинаться любая wap-страница. Далее идет непосредственно тэги самого языка.

Рассмотрим следующий код:

<wml>

<card id="home" title="Welcome">

<p align="center">Содержимое нашей страницы выровненное по центру<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>

</wml>

Первый тэг <wml> указывает, что данная страничка разработана с использованием именно этого языка разметки. Замечу, что этот тэг является обязательным и опускать его не следует. Далее идет тэг <card>. Как известно, мобильные устройства обладают небольшой пропускной способностью и, следовательно, заставлять каждый раз пользователя ждать загрузки страниц - дело нехорошее. Поэтому в WML есть возможность загрузить сразу одну большую страничку и разделить ее с помощью тэгов <card> на маленькие, по которым уже будет перемещаться пользователь. Злоупотреблять этими тэгами нельзя, так как память у телефона не резиновая, и твоя страница может попросту не поместиться, или загружаться так долго, что пользователь предпочтет соседний проект. Так что не повторяй ошибку новичков - не пихай в одну страницу весь сайт. К слову, об объемах. Старайся размещать информацию так, чтобы финальный размер страницы не превышал 1,4 кб. Если необходимо запихнуть какой-либо текст, то максимально сократи его, так как читать с маленького экрана и все время листать вниз - просто неудобно.