Создание WAP странички
В этой статье я хотел бы поделиться опытом создания WAP страниц и WAP сайтов в частности
Для того, чтобы страница отображалсь на телефоне, редко подходит формат .html, ведь только малая часть телефонов могу отображать этот формат. Да и если бы отображали, знания HTML вам не хватило бы. Стандарт мобильных браузеров это файлы с расширение .wml . Мне даже кажется, что он легче чем HTML, возможно из-за того, количество тэгов и специальных возможностей намного меньше, чем в HTML.
В этой статья, я постараюсь на простом примере объяснить процесс создание WAP страниц. Приступим:
Сначало, нужно помнить что стандратный бразуер(internet explorer) к сожалению не поддерживает формат .wml, но если вы не хотите каждый раз проверять работоспособность на мобильном телефоне, рекомендую вам установить браузер Opera.
В самом начале каждой странице необходимо начинать код с:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN" "http://www.wapforum.org/DTD/wml12.dtd">
Этот код необходимо каждый раз в начале применять, из-за того, что телефоны воспринимают далеко не все кодировки, в отличие от компьютера.
Данную кодировку использут более 90% русских WAP сайтов. В HTML страницы начинаются с тэга <html> и заканчивается </html>. В WML они немного другие <wml> и </wml>, еще одно отличие <wml> должен идти после выше приведенного кода(<?xml version ...)
Тэг <head> здесь тоже присутствует, в нем пишем следующие:
<head><meta http-equiv="Cache-Control" content="no-cache" forua="true"/></head>
Похожий на HTML тэг <body> здесь является тэг <card>. В этом тэге содерижтся содеражние страницы. Пример как может выглядеть код для <card>
<card id="index" title="Первая wap-страница"> </card>
В поле "id" указываем название страницы, в "index" пишется заголовок страницы. Между <card> и </card> соответственно само содержание страницы.
Давайт попробуем, что-нибудь написать...
<p align="center">
С этим тэгов все содержимое страницы будет выравнено по центру, в конце закроем тэгом </p>
Для того, чтобы написать простенький текст, пишем этот текст и в конце строчки ставим <br />. Это не парный тэг, поэтому у него нету начала, просто к конце тэга ставится слэш.
Теперь попробуем поставить ссылку, это можно сделать к примеру так:
<a href="http://wap.primer.ru/index.wml">Главная страница</a><br />
Здесь надеюсь все понятно. Вы можете заметить, что и здесь в конце строчки стоит тэг <br />, так как этот тэг ставят в конце каждой строчки текста(не кода)
С ссылками и текстом разобрались, теперь очередь картинок. Отобразить картинку на странице можно следующим кодом: <img src="logohallo.gif" alt="wap.primer.ru"/><br/ >
Здесь тоже вроде все ясно. Имя картинки вы конечно можете поменять на свою. В отличии от HTML параметр alt здесь обязателен. Если у пользователя отключена график, то вместо картинки отобразится текст, который вы задали в alt.
Теперь мы разобрались и с картинками. Теперь вы поняли, почему я назвал WML легче, чем HTML. С помощью этих тэгов вы можете создать целый сайт, так как WML не поддерживает ни скриптов, ни фреймов, ни таблиц
Вот, что получилось из тех тэгов, которые я описал выше:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN" "http://www.wapforum.org/DTD/wml12.dtd"> <wml> <card id="index" title="Первая wap-страница"> <p align="center"> WAP-страница<br/> <a href="http://wap.site.ru/index.wml">Главная </a><br/> <img src="logohallo.gif" alt="wap.site.ru"/><br/> </p> </card> </wml>
Если вы решите протестировать эту странице в браузере, то увидите набор из вопросительных знаков. Код(его русские символы) нужно еще перевести в формат WML. Для этой задачи существуют специальные программы, которые переводят русские символы в нужный формат. Эти программы легко найти, так, что вы сделаете это и без меня. После прогона кода через программу, получится примерно следующие:
<?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN" "http://www.wapforum.org/DTD/wml12.dtd"> <wml> <card id="index" title="Первая wap-страница"> <p align="center"> WAP-страница<br/> <a href="http://wap.site.ru/index.wml">Р"Р"авная </a><br/> <img src="logohallo.gif" alt="wap.site.ru"/><br/> </p> </card> </wml>
После этого все русские буквы будут коректно отображаться. Можете снова посмотреть страницу в браузере и окончательно убедиться в этом.
Теперь вы полность готовы к созданию своего WAP сайта.
коттеджи коттеджные поселки
Источник: welikeit.ru