Как создать wap сайт

Для того, чтобы сайт можно было просматривать в мобильном браузере не всегда подойдет формат *.html, ведь совсем малая часть мобильных телефонов его отображает. Но все равно знаний языка HTML вам хватит. Формат поддерживаемый мобильными браузерами - это *.wml . Я сделал несколько сайтов и считаю, что он даже легче чем сам html. Возможно потому, что в wap сайтах нет поддержки скриптов, каскадных таблиц и других возможностей обычных сайтов. 



   Я постараюсь объяснить вам все на простом примере создания wap-страницы в формате*.wml 

   Во-первых, стандартный браузер Internet Explorer формат wml не поддерживает и не может отобразить wap-страницу, чтобы работать с такими страницами рекомендую установить, например, браузер Opera. Здесь можно будет предпросматривать страницу. Также необходим текстовый html-редактор страниц - именно текстовый, потому что не получится создать страницу на визуальном редакторе. Сам я использую для создания wap-страниц программу Microsoft Office FrontPage - можно и кодом писать, и использовать некоторые возможности визуального редактора, но проще всего будет использовать блокнот.

   В отличие от компьютеров, мобильные телефоны не воспринимают различные шрифты, поэтому  мы жестко ограничены в использовании шрифтов. 



 В каждой странице для корректного отображения необходимо, исходный код начинать с данного кода: 



&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;

&lt;!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.2//EN&quot; &quot;http://www.wapforum.org/DTD/wml12.dtd&quot;&gt; 



   Кодировку с этого сайта использует почти все русскоязычные wap-сайты. Я не считаю необходимым объяснять значение всего этого, считайте что это обязательно для заголовка wap-сайта.

   В html основной код страницы обозначен тегом &lt;html&gt; и &lt;/html&gt;, так и здесь обозначаем основной код страницы &lt;wml&gt; и &lt;/wml&gt;. 



&lt;wml&gt; &lt;/wml&gt; 



   Открытие и закрытие этого тега соответственно должно быть в начале и в конце кода страницы, вначале то есть после кодов для кодировок.



   В теге head, который здесь также присутствует, пишем: 



&lt;head&gt; &lt;meta http-equiv=&quot;Cache-Control&quot; content=&quot;no-cache&quot; forua=&quot;true&quot;/&gt; &lt;/head&gt; 



   Чем-то вроде тега body - в *.wml является тег card. Именно в этом теге пишется содержание страницы, вот как выглядит код для card: 



&lt;card id=&quot;index&quot; title=&quot;Первая wap-страница&quot;&gt; &lt;/card&gt; 



    В поле &quot;id&quot; пишется название страницы, а &quot;index&quot; - заголовок., между первой и второй строчкой кода выше конечно пишется код содержания страницы. 



   Давайте попробуем написать несколько строчек кода, добавить картинку и ссылку.

   Пишем: 



&lt;p align=&quot;center&quot;&gt; 



   Всё содержимое должно быть по центру, по-другому нельзя, потому что другие варианты не корректно отобразятся на экране мобильных телефонов. В конце тег &quot;p&quot; необходимо закрыть. 



   Для того, чтобы написать простой текст, необходимо на отдельной строчке, в конце ставить тег &quot;&lt;br/&gt;&quot;. Причем этот тег нигде не открывается, просто говорит о конце строчки и пишется во всех строчках в отображении. Например, напишем: 



WAP-страница &lt;br/&gt; 



   Написав это, получим сточку со словами &quot;Wap-страница&quot; посередине. 



   Теперь поставим ссылку, самую простую ссылку. Это можно сделать следующим кодом: 



&lt;a href=&quot;http://wap.site.ru/index.wml&quot;&gt;Главная &lt;/a&gt; &lt;br/&gt; 



   Заметьте и в этой строчке поставлен тег &quot;&lt;br/&gt;, потому что его ставят в каждой строчке, только не строчке кода, а строчке самой страницы, теперь вставка картинок. Поставить картинку в wap сайт можно кодом: 



&lt;img src=&quot;logohallo.gif&quot; alt=&quot;wap.site.ru&quot;/&gt; &lt;br/&gt; 



   Картинку вы можете поставить любую, для этого напишете вместо &quot;logohallo.gif&quot; ссылку на свою картинку. Обратите внимание, тег &lt;alt&gt; обязателен. 



   Все что осталось узнать, это тег, который выдает содержимое через строчку. Как и в html, это тег &quot;p&quot;. То есть для выделения текста через строчку необходимо ввести его код между: 



&lt;p&gt; &lt;/p&gt; 



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



   Вот код, который у нас получился: 



&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;

&lt;!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.2//EN&quot; 

&quot;http://www.wapforum.org/DTD/wml12.dtd&quot;&gt;

&lt;wml&gt; 

&lt;head&gt;

&lt;meta http-equiv=&quot;Cache-Control&quot; content=&quot;no-cache&quot; forua=&quot;true&quot;/&gt; 

&lt;/head&gt;

&lt;card id=&quot;index&quot; title=&quot;Первая wap-страница&quot;&gt;

&lt;p align=&quot;center&quot;&gt;

WAP-страница &lt;br/&gt;

&lt;a href=&quot;http://wap.site.ru/index.wml&quot;&gt;

Главная &lt;/a&gt; &lt;br/&gt;

&lt;img src=&quot;logohallo.gif&quot; alt=&quot;wap.site.ru&quot;/&gt; &lt;br/&gt; 

&lt;/p&gt;

&lt;/card&gt;

&lt;/wml&gt; 



     Если вы решите просмотреть страницу в браузере, то не разберете слова, которые отобразятся. Все русские буквы будут в виде вопросительных знаков.



    На данном этапе работа не заканчивается, самая важная часть - перевод кода в формат wml. Для этого существуют такие программы, которые переводят этот код, а именно его русские буквы на нужный формат. Их совсем мало и трудно найти, поэтому специально для вас, я разместил один простейший такой &quot;переводчик&quot; и вы можете его скачать здесь. Распакуйте оба файла в одну папку и запустите приложение. Тут для вас откроет окошко с двумя полями. В первое мы вводим наш код и тут же в соседнем поле появляется новый вариант этого же кода, тот что нам и нужен.



&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot;?&gt;

&lt;!DOCTYPE wml PUBLIC &quot;-//WAPFORUM//DTD WML 1.2//EN&quot; 

&quot;http://www.wapforum.org/DTD/wml12.dtd&quot;&gt;

&lt;wml&gt;

&lt;head&gt;

&lt;meta http-equiv=&quot;Cache-Control&quot; content=&quot;no-cache&quot; forua=&quot;true&quot;/&gt;

&lt;/head&gt; 

&lt;card id=&quot;index&quot; title=&quot;РџРµСЂРІР°СЏ wap-СЃС‚СЂР°РЅРёС†Р°&quot;&gt;

&lt;p align=&quot;center&quot;&gt;

WAP-СЃС‚СЂР°РЅРёС†Р°&lt;br/&gt;

&lt;a href=&quot;http://wap.site.ru/index.wml&quot;&gt;Р&quot;Р&quot;Р°РІРЅР°СЏ &lt;/a&gt;&lt;br/&gt;

&lt;img src=&quot;logohallo.gif&quot; alt=&quot;wap.site.ru&quot;/&gt;&lt;br/&gt;

&lt;/p&gt;

&lt;/card&gt;

&lt;/wml&gt; 



   Теперь все русские буквы в нашем wap сайте будут отображаться правильно.