Это одна из страниц сайта

"Полезные программы для Интернет, компьютера, генеалогии"


Создаем (делаем, пишем) WAP сайт
"Страница 1"

Задавшись целью сделать WAP сайт для закачки мидишек в свою сотку и обыскав интернет в поисках статей на эту тему, обнаружил что во всем множестве страниц в основном фигурируют три первоначальных текста в разном оформлении страниц :-) Ну а я, таким образом, сейчас пишу четвертый первоначальный текст. Вполне возможно, что кто-либо захочет вставить его в свой сайт под видом своего текста. Поэтому на странице вставляю знак копирайта (см. внизу) и предупреждаю заранее, что при перепечатке ссылка на мой сайт обязательна.


Как самому сделать WAP сайт ?...

Как оказалось, самостоятельно изготовить простейший WAP сайт не составляет особого труда. Для этого даже не требуется никаких специальных программ. Конечно, наличие некоторых из них значительно облегчит вашу задачу по переводу текста в одну из применяемых кодировок. Но вначале давайте попробуем обойтись без них. Для этого все тексты, отображаемые на мониторе сотового телефона, мы будем писать на транслите - русским текстом, набранным английским шрифтом :-)

В отличие от обычных сайтов, WAP сайт состоит из страниц, написанных на языке WML, которые имеют расширение .wml

"Правильная" страница (дека) WAP сайта должна состоять из нескольких карт, каждая из которых отображается на экране по отдельности, но многие люди для упрощения делают страницы только из одной карты. Все содержимое страницы (деки) находится между тегами <wml> </wml>. Все коды, находящиеся между этими двумя (кроме вашего текста), обязательно пишутся строчными (маленькими) буквами.
Давайте для начала посмотрим код такой простейшей страницы:

1 <?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
2 <wml>
3 <head><meta http-equiv="cache-control" content="max-age=30" forua="true" /></head>
4 <card id="card1" title="Delaem WAP sajt sami">
<p align="center"><strong>Eto stranica iz odnoj karty</strong></p>

<p>Standartnyj shrift. <big>Krupnyj shrift.</big> <strong>Zhirnyj shrift.</strong> <small>Melkij shrift.</small> <u>Pod4erknutyj shrift.</u> <em>Nadpis' kursivom.</em></p>

<p align="center">Tekst vtorogo abzaca<br/>
Ssilka na <a href="card.wml">vtoruju stranicu</a><br/>
Perejti na <a href="http://almaty-stereo.narod.ru/wap/index.php">sait AVP</a><br/>
- - * - -<br/>
<img src="../wap/13.gif" alt="picture" /><br/>
<!-- <a href="#card-3">zapas 01</a> --> </p>

</card>

5 </wml>

часть 1 - пролог, это обязательная составляющая любой wml страницы. В случае, если на странице применяется кодировка utf-8, то она указывается в самой первой строке, вот так:
<?xml version="1.0" encoding="UTF-8"?> иначе "сотка" не сможет корректно отобразить текст.

часть 2 - <wml> - начало кода wml.

часть 3 - в теге <head> </head> располагаются мета-теги (с ними я еще не разобрался, поэтому у меня стоит только этот :-)

часть 4 - содержимое кода странички, отображаемое на экране телефона, так называемая карта. Находится между тегами <card> </card>

  • В нашем случае эта карта имеет id (идентификатор) card1. Идентификатор может быть любым, какой вы захотите, главное, набранный английским шрифтом, или цифрами :-)

  • тег title - надпись, находящаяся в этом теге - название (имя, заголовок) сайта или странички, отображается на экране в самой верхней строке, желательно не более 16 символов.

  • между тегами <p> </p> помещается текст одного параграфа (абзаца). Форматирование текста внутри абзаца выполняется следующими тегами:

  • Выравнивание текста в абзацах:
    <p align="center"> - по центру экрана
    <p align="left"> или <p> - по левому краю
    <p align="right"> - по правому краю
    примечание: моя сотка Моторола V171 реагирует только на <u> </u> - подчеркивание. Интересно, как эти теги отрабатывают другие сотки...

  • <big> </big> - крупный шрифт
    <small> </small> - мелкий шрифт
    <strong> </strong> - жирный шрифт
    <u> </u> - подчеркнутый шрифт
    <em> </em> или <i> </i> - курсив

  • <br/> - перевод текста на новую строку внутри абзаца

  • <!-- --> - примечание, скрытый текст

  • <img src="../wap/13.gif" alt="picture" /> - вставка изображения на страницу. (src="../wap/13.gif" - путь к картинке и ее имя; alt="picture" - нужная надпись на картинке)

  • <a href="card.wml">tekst ssylki</a> - гиперссылка на другую страницу одного (этого же) сайта (href="stranica2.wml" - путь к странице и ее имя)
    <a href="http://almaty-stereo.narod.ru/wap/index.php">tekst ssylki</a> - гиперссылка на страницу другого (чужого) сайта

часть 5 - </wml> - конец кода и странички

Если вы сейчас в wap-браузере вашего сотового телефона наберете адрес этой тестовой страницы и перейдете на нее, то увидите, как она отображается вашим телефоном: http://genealogic.narod.ru/wap/test.wml

Немаловажное примечание: принято считать, что объем wml страниц не должен превышать какого-то определенного значения, иначе страница просто не загрузится в сотку. Причем в разной литературе он задается в пределах от 1.8 до 8 Кб. Не знаю, насколько справедливо это утверждение, но в мою сотку без проблем загружается и правильно работает страница, имеющая объем 10Кб. Но я все же стараюсь делать страницы объемом не более 8 Кб. (а вдруг и правда у кого-либо не загрузится :-)
ещё примечание: эта статья была написана два года назад и современные сотки уже научились открывать страницы очень большого объёма.


Чуть не забыл самое главное... :-)
Я не сказал с помощью какой программы вы сможете написать эти коды... Для этого вам нужен только "Блокнот", имеющийся на каждом компьютере с Windows.

Вначале в "Проводнике" создадим папку для файлов, где вы будете хранить все файлы вашего будущего wap-сайта. Не долго мудрствуя, назовем ее My_wap_site
После этого заходим в нее и, щелкнув правой кнопкой мыши, в открывшемся контекстном меню выбираем пункт "Создать" и далее "Текстовый документ". Так как это будет входная страница сайта, то назовите этот файл index.txt

После этого, открываете файл index.txt в "Блокноте" (еще он может называться Notepad), переводите раскладку на английский регистр и пишете все указанные коды (для быстроты, можете просто скопировать их с этой страницы и вставить в свой файл. Только обязательно удалите номера абзацев, которые я вставил на страницу для наглядности, иначе она не откроется в "сотке"). После этого сохраняете полученный текстовый документ. После этого (опять же в "Проводнике") переименовываете полученный файл, изменив ему расширение на .wml
Если его имя было index.txt то вы его переименовываете в index.wml
Всё, ваша первая страница готова для загрузки на сервер.

На следующей странице мы будем делать деку с несколькими картами -
перейти на "Страницу 2"

 

Приглашаю Вас на первую страницу сайта

 

Copyright © Полубоярцев А.В.