«PHP-Creative»

 

Меню сайта


Новые статьи



Статистика

Rambler's Top100

Рейтинг@Mail.ru

Сейчас на сайте: 1

Как создать WAP-сайт

Дата добавления: 2009-05-01

Автор статьи: http://antosha.trium-club.ru

WML ( Wireless Markup Language ) это новый сетевой язык для создания сайтов для мобильных устройств. За несколько последних месяцев новые WAP (Wireless Applications Protocol) телефоны стали чрезвычайно популярны и многие крупные сайты создали специальные «мобильные» версии своих сайтов. Многие люди предпологают, что в течении нескольких лет, WAP станут очень популярны и е-коммерция станет широко доступна через мобильные телефоны.
Почему я должен использовать WML?
Вы, конечно, можете не иметь срочных планов по созданию WAP версии вашего сайта, но не плохая идея быть в курсе новых технологий. Все что вам нужно сделать – это маленький сайт (хоть из одной страницы) который расскажет людям немного о вашей компании.
В будущем вы сможете разработать сайт с такими функциями, как e-mail и информацией для прямого доступа людей через их мобильные телефоны.
У меня нет WAP телефона!
Чтобы создать WAP сайт вам не нужен WAP телефон. Можно взять WAP симулятор для PC. Это программа, которая заменить вам WAP телефон компьютером. С ее помощью вы сможете просматривать WAP ресурсы на вашем PC. Вы можете скачасть очень хороший симулятор с YourWAP.com
Чем WAP сайты отличаются от обычных?
WAP сайты не такие как как обычные сайты. Сайты написаные на WML черно-белые (уже не только*), очень ограничены и предназначены для очень маленьких экранов (опять же, уже не только*). По этому к создания WAP сайта нужно подходить очень аккуратно.
И что теперь?
Просто читайте дальше, чтобы научиться создавать WAP сайты используя WML. Очень хорошо, если вы знаете HTML так как WML очень похож на него (в принципе WML это просто вариант XML, другого сетевого языка).
Создаем ваш первый WAP сайт!
Итак, переходем прямо к созданию WAP сайта. Заметьте, навыки работы с HTML очень полезны и еще вы должны иметь WAP телефон или WAP симулятор чтобы просматривать ваш сайт.
Ищем WML хостинг.
К сожалению WML может работать не на всех хостингах. Для работы WML в настройках вэб сервера должны быть сделаны некоторые изменения. Если выш хостинг не может предоставить вам таких услуг, вы можете попробовать WAPHosts.net. Они могут предоставить вам сервер поддерживающий WML.
Описываем WML документ.
Когда вы создаете WML документ все что вам нужно – это блокнот (notepad), как и для HTML. Первое, что вы должны написать - это:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"><wml>
это говорит телефону что он обрабатывает WML документ и какой WML стандарт использует.
Карты.
Вместо страниц WAP сайты используют карты (cards). Это то, что отображается на экране в данное конкретное время, как и страницы. В каждый WML документ может быть включено несколько карт. Чтобы описать карту напишите следующее:
<card id="index" title="My WAP Site" newcontext="true">
Это создаст карту с идентификатором “index” (используется для ссылок) и отобразит текст:
My WAP Site
В верху экрана (заголовок).
Закрытие тэгов.
В отличии от HTML, очень важно закрывать WML тэги. Если этого не делать, то страница работать не будет. Вы должны закрыть оба <card> и <wml> тэга:
</card>
</wml>
Теперь я покажу вам как вставить текст и как его отформатировать.
<p> тэг
Как и в HTML <p> тэг указывает где начинается и заканчивается параграф. В отличии от HTML, весть текст а WML должен содержаться внутри этих тэгов. Не разрешается вставлять эти тэги друг в друга. Еще одна важная вещь, которую нужно запомнить о WML , это то, что в отличии от HTML, где браузер отображает страницы даже с не правильным кодом, WML браузер отвергнет страницу с кодом, которого он не понимает.
Как и в HTML вы используете тэги так:
<p>
information
</p>
Выравнивание текста.
Выравнивание текста в WML практически такое же, как и в HTML. Все выравнивания должны быть сделаны используя следующие теги <p>:
По центру:
<p align="center">
Справа:
<p align="right">
Слева:
<p align="left">

<br/> тэг.
В WML (как говорилось раньше) все тэги должны быть закрыты. Это вызывает проблемы, когда используются старые HTML тэги (типа <br>) у которых нет закрывающего тэга. Чтобы с этим справиться, некоторые тэги должны иметь “/” в конце. Например:
<br/>
Это, как и в HTML начнет новую строку.
Текст.
В WML нет тэгов для шрифтов (так как текст отображается стандартным шрифтом мобилы черным цветом). Чтобы отобразить текст, все, что вам нужно сделать, это написать его внутри <p> и </p> тэгов. Вот пример полного WML документа:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="index" title="My WAP Site" newcontext="true">
<p align="center">
Welcome to my new WAP site. You can view this on your mobile phone anywhere in the world!<br/>
It is amazing!
</p>
</card>
</wml>
Гиперссылки + Картинки
Теперь я покажу как сделать все лучше, добавлением страниц (карт), ссылок на них (и на другие сайты) и как добавить картинки на ващ сайт.
Дополнительные карты (странички).
У WAP сайтов карты вместо страниц. В принципе, это то же, что и страницы, за исключением того, что они все могут быть записаны на один файл. Чтобы добавить карту, нужно добавить еще один тэг <card> с отличным от других идентификатором. Например:
<card title="About Me" id="about">
information
</card>
будет добавлен под предыдущую карту но до тэга </wml>.
Ссылки.
Есть три способа ссылки на другой WAP сайт, файл или карту. Как и в HTML это может быть прямой путь к файлу, либо относительная ссылка.
Для ссылки на другой WAP сайт используйте следующее:
<a href="http://gowansnet.waphosts.net/">Gowansnet</a>
Для ссылки на файл на вашем сайте используйте:
<a href="links.wml">My Links</a>
и для ссылки на другую карту в этой же странице:
<a href="#about">About Me</a>
Картинки .
К сожалению, так как WAP телефоны имеют только монохромные экраны(повторюсь, уже нет*), картинки не очень хорошо работают на WML страницах. К тому же они используют свой собственный формат: WBMP. Когда вы создаете картинку для своего сайта, вам прийдется делать ее маленькой (экраны мобильных телефонов примерно100x50 точек).

Картинки в WML вставляются с помощью <img> тэга, как и в HTML:
<img src="logo.wbmp" alt="Logo" />
Опять же, как вы видите, “/” был добавлен в конец тэга <img>, так как у него нет закрывающего тэга. Так же важно включать “alt” текст, так как он будет отображаться во время загрузки самой картинки.
Пример сайта.
Ниже приведен пример WML кода для маленького WAP сайта. Он состоит из двух карт, картинки, и ссылки на другой сайт:
<?xml version="1.0"?><!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="index" title="My WAP Site" newcontext="true">
<p align="center">
Welcome to my new WAP site. You can view this on your mobile phone anywhere in the world!<br/>
<img src="logo.wbmp" src="Logo" />
</p>
<p>
Here are some links:<br/>
<a href="#about">About Me</a><br/>
<a href="http://gowansnet.waphosts.net/">Gowansnet</a>
</p>
</card>
<card id="about" title="About Me">
<p>Here is some informatio about me. You can't write too much in here, though as there is not much space<br/>
You can scroll down the screen, of course.
</p>
<p align="center">
<a href="#index">Back</a>
</p>
</card>
</wml>

Примечание: На данный момент уже достаточно много мобильных устройств с цветным дисплеем и возможностью отображать картинки не только WBMP формата. Большинство таких устройств умеют обрабатывать GIF и JPG файлы.
Для того, чтобы Apache правильно отдавал Эклипсу мелодии, его нужно этому научить. Делается это двумя способами. Какой вам подходит зависит от того, где вы размещаете свой сайт. Если на чьем-то хостинге, то вам подойдет первый вариант, если на своем сервере (как я), то второй.
Первый вариант: Заключается в том, что Apache (если так настроен хостинговой компанией) ищет в каталоге пользователя файл .htaccess и чтитает из него специфические пользовательские настройки. Короче говоря, вам надо создать файл .htaccess с таким содержанием:
AddType image/gif gif
AddType image/jpeg jpeg jpg jpe
AddType image/png png
AddType image/vnd.wap.wbmp wbmp
AddType application/x-pmd pmd
AddType audio/vnd.digiplug.tri3 tri3
AddType text/x-vCalendar vcf
AddType text/x-vCard vcs

Это позволит вам выкладывать на своем сайте мелодии в форматах pmd и digiplug (если вы не знаете что это, то вам это и не понадобится), а так же контакты (записи телефонной книги) и данные для календаря. Если не работает, то замените AddType на Header.
Второй способ: Нужно просто добавить эти строки:
image/gif gif
image/jpeg jpeg jpg jpe
image/png png
image/vnd.wap.wbmp wbmp
application/x-pmd pmd
audio/vnd.digiplug.tri3 tri3
text/x-vCalendar vcf
text/x-vCard vcs

в файл mime.types в каталоге с конфигурационными файлами Apache.
Ну и не забуддте перезапустить Apache.

Просмотров: 8752

Комментарии к данной статье:

Добавил(а): RuSStatham
Дата: 2012-01-30

wml устарел!

Добавить новый комментарий:

Введите сумму чисел с картинки:

Реклама