Для того, чтобы сайт можно было просматривать в мобильном
браузере не всегда подойдет формат *.html, ведь совсем малая часть мобильных
телефонов его отображает. Но все равно знаний языка HTML вам хватит. Формат
поддерживаемый мобильными браузерами - это *.wml . Я сделал несколько сайтов и
считаю, что он даже легче чем сам html. Возможно потому, что в wap
сайтах нет поддержки скриптов, каскадных таблиц и других возможностей обычных
сайтов.
Я постараюсь объяснить вам все на простом
примере создания wap-страницы в формате*.wml Во-первых,
стандартный браузер Internet Explorer формат wml не поддерживает и не может
отобразить wap-страницу, чтобы работать с такими страницами рекомендую
установить, например, браузер Opera. Здесь можно будет предпросматривать
страницу. Также необходим текстовый html-редактор страниц - именно текстовый,
потому что не получится создать страницу на визуальном редакторе. Сам я
использую для создания wap-страниц программу Microsoft Office FrontPage - можно
и кодом писать, и использовать некоторые возможности визуального редактора, но
проще всего будет использовать блокнот. В отличие от
компьютеров, мобильные телефоны не воспринимают различные шрифты,
поэтому мы жестко ограничены в использовании шрифтов.
В каждой странице для корректного отображения необходимо, исходный код
начинать с данного кода:
<?xml version="1.0"
encoding="UTF-8"?> <!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.2//EN"
"http://www.wapforum.org/DTD/wml12.dtd">
Кодировку
с этого сайта использует почти все русскоязычные wap-сайты. Я не считаю
необходимым объяснять значение всего этого, считайте
что это обязательно для заголовка wap-сайта. В
html основной код страницы обозначен тегом <html> и </html>, так и
здесь обозначаем основной код страницы <wml> и </wml>.
<wml> </wml>
Открытие и
закрытие этого тега соответственно должно быть в начале и в конце кода страницы,
вначале то есть после кодов для кодировок.
В теге head,
который здесь также присутствует, пишем:
В поле "id" пишется название
страницы, а "index" - заголовок., между первой и второй строчкой кода выше
конечно пишется код содержания страницы.
Давайте
попробуем написать несколько строчек кода, добавить картинку и
ссылку. Пишем:
<p
align="center">
Всё содержимое должно
быть по центру, по-другому нельзя, потому что другие варианты не корректно
отобразятся на экране мобильных телефонов. В конце тег "p" необходимо
закрыть.
Для того, чтобы написать простой
текст, необходимо на отдельной строчке, в конце ставить
тег "<br/>". Причем этот тег нигде не открывается, просто говорит о
конце строчки и пишется во всех строчках в отображении. Например, напишем:
WAP-страница <br/>
Написав это, получим
сточку со словами "Wap-страница" посередине.
Теперь
поставим ссылку, самую простую ссылку. Это можно сделать следующим кодом:
Заметьте и в этой строчке поставлен
тег "<br/>, потому что его ставят в каждой строчке, только не строчке
кода, а строчке самой страницы, теперь вставка картинок. Поставить картинку
в wap сайт можно кодом:
Картинку вы
можете поставить любую, для этого напишете вместо "logohallo.gif" ссылку на свою
картинку. Обратите внимание, тег <alt> обязателен.
Все что осталось узнать, это тег, который выдает
содержимое через строчку. Как и в html, это тег "p". То есть для выделения
текста через строчку необходимо ввести его код между:
<p>
</p>
Вот я и показал вам коды для вставки
теста, картинки и ссылки. Не удивляйтесь, но это все что вам понадобится для
создания целого wap-сайта. Мобильные браузеры не поддерживают ни скриптов, ни
таблиц, ни чего-нибудь подобного.
Если вы решите просмотреть страницу в браузере,
то не разберете слова, которые отобразятся. Все русские буквы будут в виде
вопросительных знаков.
На данном этапе работа не заканчивается, самая важная
часть - перевод кода в формат wml. Для этого существуют такие программы, которые
переводят этот код, а именно его русские буквы на нужный формат. Их совсем мало
и трудно найти, поэтому специально для вас, я разместил один простейший такой
"переводчик" и вы можете его скачать здесь.
Распакуйте оба файла в одну папку и запустите приложение. Тут для вас откроет
окошко с двумя полями. В первое мы вводим наш код и тут же в соседнем поле
появляется новый вариант этого же кода, тот что нам и нужен.
Теперь все русские буквы в нашем wap сайте будут
отображаться правильно. Вы можете просмотреть страницу и убедиться в этом. Вот
что должно получится при просмотре в браузере Opera:
Обратная связь