Делаем WAP-пагу!

Дарова, перец!

Наверное, ты не будешь спорить, что сейчас
уже никого не удивишь собственной WEB-страничкой
в Инете. Разве что только соседа-ламера ;).
Возможно и у тебя есть своя пага с
посещаемостью не менее 500 челов в день и
супер крутыми фичами вроде CGI и Flash, но всё
это тебе уже надоело и хочется попробовать
свои силы в чём-то совсем неизведанном.
Если да , то эта статья как раз для тебя,
потому что сегодня мы будем говорить об WML-пагах
(Wireless Markup Language-спецовый язык разметки для WAP-телефонов
и других девайсов, поддерживающих эту
технологию). Сегодня в России, да и не только
у нас существует очень маленькое
количество подобных творений, а особенно
юзерских страничек, так что в этой области
ты можешь по праву стать пионером :).

Для начала ты должен понять базовые
принципы WML. Язык WML очень сходень со своим
большим братом HTML, и если ты уже знаком с ним
напрямую, то тебе не составит труда въехать
и в WML. Обычно любой wml-документ начинается
со следующих строк:

Это нужно для того, чтобы браузер
рассматривал файл как wml-документ и
правильно определял версию. Далее подобно
как и в HTML'е идёт вводный тег , а тег
соответственно должен идти в конце
документа. Мобилы с WAP имеют маленькую
память и диспей, что не могло не выделить
некоторые особенности, присущие этому
языку. Например часто один файл, который
называется "декой" (deck), содержит
несколько страничек или так называемых "карточек"
(card), которые определяются соответствующими
тэгами . Id используется для
создания ссылок между несколькими
карточками одной деки. Таким образом, для
просмотра нескольких страничек нужно
скачать только один файл. Как ты уже наверное
понял, всё это служит для ускорения работы с
документами. Обычно мобилы имеют коннект не
более 9600 бод, так что сразу хочу остеречь
тебя от создания тонн текста на одной
странице. Старайся, чтобы вес одного файла
не превышал 1-2 килобайтов, а длина одной
карточки не превышала 10-15 строк. Ладно,
надеюсь ты понял основные принципы
построения WML-страничек, так что теперь
можно переходить непосредственно к тегам.
Опять же специфика просмотра подобных
страничек заставляет юзать только самые
основные теги. Именно об этих базовых тегах
я тебе и расскажу, а об других, если тебе это
уж так нужно, ты и сам узнаешь в процессе
своего творчества. Ну приступим-с.

-задание
параграфа. В качестве дополнительной
атрибутики может быть использованы "left"
-левое выравнивание, "center"-центровка
текста и   "right" -догадайся ;).
-текст, заключенный между тегами
будет полужирным
-наклонный текст
-подчеркнутый текст
- увеличение шрифта на
единицу
- соответственно уменьшение
текста на единицу

-перенос каретки или по-нашему
переход на следующую строчку.

-таблица

-строки
таблицы

-столбцы
таблицы
-ссылка на
другой файл.
-ссылка на другую
карточку этой деки
-вставка
картинки. Wbmp-это спецовый формат картинок,
юзаемый в wml'е.

-кнопка, возвращающая юзверя к предыдущей
карточке или деке. Имеет особенное значение,
так как не на всех девайсах есть кнопка
возврата, так что включай этот код в конец
каждой странички.

Ну а теперь применим все вышеописанные
знания на практике. Начнём с простейшего
примера. Ты спросишь меня " Какого ][? Ведь
у меня же нет wml-редактора!" и будешь не
прав, так как для создания тебе потребуется
всё тот же родной БлокНот.exe .

Хом-пага Васи ;)

Вот ты и заделал свою собственную ВАП-пагу
:)))))))))))))))))))))))

Написал? Ай маладца! Теперь всё это
сохраняем в файлик с расширением .wml .
Например, simple.wml . Вот ты, наконец, и сварганил
свою кульную пагу и тебе понадобится что-нибудь,
с помощью чего ты смог бы просматривать
своё творение. Для этого и придумали некие
добренькие дяди спецовые WAP-браузеры. На
данный момент существует немалое
количество подобных браузеров, включая он-лайновые,
но из всей этой свалки софтины мне хотелось
бы выделить один очень простенький и
удобный офф-лайновый браузер с нехитрым
названием WinWap. Скачать его можно здесь http://zlob.bos.ru/wap.htm.
Там же ты найдешь и серийный номер к нему.

Это, конечно, уже wml, но всё же на крутую пагу
в стиле Х не тянет =). Ладно, попробуем слегка
приукрасить данную страничку и добавить
ещё пару карт, чтобы ты понял на практике
как работать с несколькими карточками в
одной ...дыре, тьфу ты деке :). Давай сделаем
страничку с несколькими основными
разделами и индексом с ссылками на эти
самые разделы. Код будет выглядит примерно
так:

Новости

Обо мне

Линки

Мэйл вебмастера:

31337@real.xakep.ru

@2000

[30.10.00]

- Наконец вышел новый Х-СПЕЦ
:)))))))).

[13.09.00]

- Всей Х-тусовкой отмечали моё
рождение %)))))))))).

На
главную

Я самый крутой перец в РуНЕТе!!!
:-P

На
главную

WWW

www.microsoft.com :))))))))

www.xakep.ru ;)))))))))))

www.zlob.org =))))))))))

WAP

wap.mail.ru

wap.rbc.ru

На
главную

Если ты читал всю статью от начала до конца,
а не обрывок, спертый у соседа Васи ;), то у
тебя должна получиться забойная страничка
в стиле Х, на которой ты сможешь рассказать
всему миру об своем любимом хобби и
выкладывать последние новости твоей
любимой собачки =). Но перед тобой встает
другой вопрос: где же разместить это чудо,
да еще и на халяву? Специально для тебя я
составил небольшой списочек серваков,
занимающихся халявным хостингом под ВАП.

http://www.cblue.com -
наверно самый большой из всех халявных
хостингов. Дают 100мб(!) и адрес вида http://www.cblue.com/users/юзверь
. Возможность загружать не только .wml, но и
файлы других типов такие как .gif, .bmp, .htm, .html, .zip
и другие. Файло заливается через web-интерфейс.

http://www.anytimenow.com
- дают 20MB для страничек и для халявного мыла
вида юзверь@anytimenow.com. Адрес странички будет
выглядеть примерно так http://users.anytimenow.com/юзверь.
Тоже закачка через вэб, что не очень удобно.

Ну и напоследок об наиболее понравившемся.
http://www.wapdrive.com - сама
пага страдает некоторой глючностью, но это
вполне компенсируется той Q-чей всяких фич,
которые они предоставляют своим
пользователям, включая установку
поисковика прямо на твоей паге, возможность
проверять своё мыло со своей супер-пупер
крутой мобилы, установка счётчика
посещений, on-line редактор и т.д. Возможность
закачивать свои файлы через web-интерфейс и
FTP. Иди регистрируйся и получай адресок вида
http://www.wapdrive.com/кул юзверь.

Ну вот ты наконец и освоил эту новую для
тебя технологию. Теперь у тебя появится и
новый вид хака - WAP-hack. Возможно даже ты
станешь первым перцем, сделавшем WAP-defase (по
крайней мере о таком я еще не слышал) ;).

Удачного тебе дизигнинга и не воруй
слишком много =) !