Как сделать свой сайт
Делаем Wap сайт

Учебник WML

Начнем с того, что wml-страничку легко можно написать в обычном блокноте. Как, рассмотрим ниже.
WML - язык разметки, основанный на XML (extensible Markup Language). Официальная спецификация WML разработана и поддерживается WAP Forum, производственным консорциумом, основанном Nokia, Phone.com, Motorola и Ericsson. Эта спецификация определяет синтаксис, переменные и элементы используемые в файлах WML.
Разметка страницы создается с помощью тегов. Набор тэгов группируется в набор грамматических "правил", называемых по-другому Определение Типа Документа или проще DTD.
Создание странички начинается с пролога. Он стандартен и содержит две строчки кода: определение версии XML и DTD (указатель на файл, содержащий DTD)

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">

Далее прописываются элементы <wml> и </wml>. Внутри них(!) будет находится весь ваш код.
Вся информация хранится в картах (decks). В одном документе может быть несколько карт, но отображается только первая.

<card id="main" title="1-я карта">
<p>
Это первая и пока единственная карта<br/>
</p>
</card>

id - Это наименование идентификатора карты.
title - Это ее заголовок. Будет отображаться на телефоне. Используется также в телефоне при сохранении закладок
<p> - внутри этого тэга можно писать текст.
Тэги нужно закрывать. Если вы этого не сделаете, браузер выдаст ошибку неподдерживаемый тип данных (или типа того)
Обычно в закрывающем тэге ставится /
<br/> - этот тэг осуществляет переход на следующую строку. Аналог ENTER на компе
Также элементами форматирования текста являются:
<i></i> - наклонный шрифт
<b></b> - жирный шрифт
<small><small> - маленький щрифт (итак им пишу :)
<u></u> - подчеркнутый шрифт
Переход между картами внутри документа можно осуществлять так:
<wml>
<card id="card1" title="card1">
<do type="accept" label="card2"><go href="#card2"/>
// Эта конструкция создает на системной кнопке переход на карту 2. Обратите внимание на значок #
</card>
<card id="card2" title="card2">
<a href="#card1">Переход на карту 1</a>
//Эту строку вы увидите на экране как обычный переход (Синяя подчеркнутая ссылка)
<card/>
</wml>

Тэг <a></a>
C помощью него создаются ссылки на какие либо ресурсы
<a href="http://gsm4you.nm.ru">Сайт gsm 4 You</a>
Кликнув по этой ссылке вы попадете ко мне на сайт

Определение переменных осуществляется след образом:
<setvar name="name" value="gsm 4 You"/>
<p>
My name: $$(name)
</p>

Вы увидите на экране след. строку: My name: gsm 4 You
Также значение переменной можно получить след. образом:
<input type="text" name="name"/>
Эта форма для ввода пользовательским данных
После ввода юзером данных, они сохраняться в переменной name
Создание списка:
<select name="name" title="Имя:">
<option value="n1">Андрей</option>
<option value="n2">Сергей</option>
<option value="n3">Алексей</option>
<option value="n4">Елена</option>
<option value="n5">Ольга</option>
</select>

На экране вы увидите выпадающее меню. Пользовательский выбор имени запишет его в переменную name

В более сложных страничках могут быть задействованы скрипты. Для их работы им нужно передавать параметры
Передача полученного имени в скрипт осуществляется так.
//Создается системная кнопка с именем User name
<do type="accept" label="User name">
<go href="name.php" method="post">
<postfield name="name" value="$(name)"/>
</go></do>

Картинки. Для того чтобы поместить графический файл на страничку надо прописать следующее:
<img src="image.gif" alt="picture" />
Иногда полезно сделать так чтобы картинка загружалась после клика на ссылку. Тогда пишем так:
<a href="image.gif">картинка</a>

Ну вообщем, если кратенько, то все ;)
Теперь несколько советов.
Обязательно пишите в нижнем регистре (маленькими буквами)
wml такой язык который к этому очень критически относится. Если Вы пропустили где то какой либо тэг, то вся страница станет нечитаемой! будет выводится ошибка неподдерживаемый тип данных
Далее можно столкнуться с проблемой когда файлы на которыe вы написали ссылку не открываются. Виноват скорей всего опять регистр. Например файл имеет название File.txt, а Вы в ссылке прописали file.txt.
Часто при заливке на сайт FTP-клиент может поменять расширение на верхний регистр (у меня это частенько проделывал CuteFTP 3.0). Т.е. файл file.txt он переделывал в файл file.TXT. И все, файл для wml становиться не доступен, так что будьте внимательны
Теперь о размере страничек: оптимальным будет размер 2-3 кб. Больше делать не рекомендую, при плохой связи может и не открыться. К тому же на старых моделях телефонов стоит ограничение на макс.размер страницы в 2 кб

О кодировке: Пишите в блокноте в обычной кодировке windows. Но потом русские буквы надо специально перекодировать в последовательности символов, чтобы русский язык корректно отображался в браузере.
Конвертер (36 кб) можно качнуть здесь
Лучше конечно пользоваться специальной программой NOKIA MOBILE INTERNET TOOLKIT для перекодирования русскоязычный файлов
В ней можно и полностью писать страничку, но мне не очень нравиться. Она перекодирует вашу страницу в UTF-8, соответственно ее размер будет значительно меньше, чем если использовать последовательности символов.

Ну и напоследок пример написания заглавной страницы (index.wml)

<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta http-equiv="Cache-Control" content="max-age=30" forua="true" /></head>

<card id="main" title="Gsm 4 You">
<p align="center">
<b>-- Gsm 4 You --</b><br/>
<small>
<a href="news.wml"> Hoвocти</a><br/>
<br/>
<a href="kmms.wml">Картинки</a><br/>
<a href="polyfon.wml">Полифония</a><br/>
<br/>
<a href="ssylki.wml">Ccылки</a><br/>
<a href="gb/index.wml">Гocтeвaя</a><br/>
<a href="obomne.wml">Oбo мнe</a><br/>
<br/><br/>
gsm4you@list.ru<br/>
Ваш ник<br/>
(c) 2005<br/>
<br/>
</small>
<img src="wapban.wbmp" alt="Counter"/><br/>
</p>
</card>
</wml>

То что получилось можно посмотреть по адресу: http://mynokia.narod.ru/primer.wml Просто скопируйте адрес и нажмите Смотрим

Более подробно о том как добавить на Ваш сайт: Гостевые книги, Рейтинг, Чат, Голосование, Часы, Иконки, Форум, Логотип, Информацию о посетителе, и Линии разделители читайте, на Wap сайте http://wap.ufon.ru/


Советы
1. Откажитесь от графики 2. Откажитесь от комментариев 3. Всегда обозначайте уникальное name в элементе do 4. Откажитесь от таблиц
Заключение
Технология еще в самом начале своего пути. Каким он окажется еще никто не знает. Компания Microsoft считает, что wml вскоре заменит традиционный html. Но многие придерживаются другого мнения. По мере развития wap-телефонов будет возможна вставка мультимедиа,оплата за услуги через телефонный счет, действия со своим банковским счетом из любой точки мира




Сайт создан в системе uCoz