|
| |
Создание WAP-сайта. Самый
простой способ
Мобильный Интернет все плотнее входит в нашу жизнь. Все больше
появляется мобильного контента, позволяющего как просто скачивать или заказывать
мелодии, картинки, игры, так и получать различную информацию. Если вы хотите
создать свой сайт такого рода, то, надеюсь, данная статья вам в этом поможет.
Вооружаемся
В данной статье я решил привести пример создания WAP-сайта по самой простой
схеме — с помощью специальных редакторов. Что для этого нам понадобится? Немного
теории. Все сайты подобного рода создаются на языке WML (Wireless Markup
Language) — язык разметки для работы в Интернет беспроводных устройств (WAP),
который основан на XML. Язык WML описывает контент и пользовательский интерфейс
для особого класса узкополосных устройств типа сотовых телефонов, КПК и т.п.
Язык WML создан специально для малоформатного экрана, учитывая узкую полосу
пропускания канала связи, малую собственную память и другие ограничения. Но WML
в данной статье затрагивать не будем — сделаем все простыми методами, хотя
многих возможностей реализовать не получится. В качестве графики на сайте будем
применяеть графический формат, называемый WBMP (Wireless BMP type 0) —
монохромные (двухцветные) изображения. Формат WBMP type 0 имеет следующие
характеристики:
. No compression
. One bit color (white=1, black=0)
. One bit color deep (monochrome)
Итак, для работы нам понадобится простой редактор WAP-сайтов и редактор
WBMP-графики. В качестве первого я выбрал редактор DotWAP 2.02, который
совершенно бесплатно можно скачать на сайте www.inetis.com. Обладая рядом
преимуществ, он имеет и ложку дегтя, но прост и удобен для несложных задач. В
качестве редактора WBMP-графики выбраны две программы. Первая — WAPDraw версии
1.31 — простой бесплатный редактор, который можно скачать по адресу
www.hit-solutions.fi/wapdraw. Вторая программа — не совсем редактор, а точнее,
является конвертером. Это WBMP image file convertor for MS Windows v. 5.1 build
2600, который можно скачать по адресу
сайт . Программа отлично справляется с конвертированием jpeg, gif, ico и
других типов файлов в формат wbmp, но ее распространение небесплатно.
Создание сайта
Приступим к созданию страницы. Запускаем редактор DotWAP2. На рис. 1 я разделил
окно программы на 6 областей. Первая содержит разделы меню. Вторая — панель
управления. В третьей области отображается дерево создаваемого нами сайта. В
четвертой вводится заголовок страницы. Пятая область — это панель управления
текстом страницы, а в шестой вводится непосредственно сам текст страницы.
Создадим логотип. Для этого будем использовать одну из вышеназванных программ.
Обе они очень просты в использовании, и разобраться с ними не составит никакого
труда. На рис. 2 приведено окно программы WAPDraw. Во многом интерфейс
напоминает MS Paint. В нижней правой части окна вводится размер изображения, в
левой находится панель управления, которая содержит кисть, заливку,
геометрические фигуры, а под этой панелью находятся кнопки установки толщины
линии. Созданное изображение можно инвертировать, отобразить зеркально либо
перевернуть. При использовании конвертера необходимо создать рисунок в любом из
графических редакторов и после перевести его в формат WBMP с помощью нажатия
всего лишь двух кнопок.
Рис. 1. Главное оконо редактора DotWAP
Рис. 2. Создание WBMP-картинки в редакторе WAPDraw
Переходим к оформлению страницы. В поле 4 (рис. 1) вводим имя страницы. Назовем
ее, к примеру, index. Таким образом, сейчас в области 3 программы вместо
названия MainMenu должно появиться введенное нами название index. Добавим на
первую страницу созданный нами логотип. Для этого необходимо либо нажать правой
кнопкой мыши в области 3 на названии страницы (index), либо нажать кнопку на
панели управления 2 Add Image, но прежде активировав название страницы.
Добавляем последующие страницы. По замыслу сайт будет содержать 3 раздела:
картинки, мелодии и тексты. Для создания разделов снова активируем нажатием мыши
название первой страницы и выбираем пункт Add Page. Соответственно повторяем это
действие 3 раза. Далее меняем название страниц — Title (4-я область). Активируем
первую ссылку и выбираем пункт Add Link, указав в строке Page Title название
ссылки, а в строке URL — имя файла. Если ссылка внутренняя, т.е. в пределах
сайта, то ставим галочку в пункте Internal link и выбираем страницу сайта.
Аналогично поступаем с пунктом Мелодии, указав в качестве ссылки имя файла
мелодии. В последнем разделе я создал еще две страницы с помощью команды Add
Page, т.о. разделив раздел на анекдоты и ссылки. Активируем страницу “Анекдоты”
и в области 6 вводим текст, т.е. наш анекдот. Так же поступаем с разделом Links,
но, помимо текста, добавляем ссылку на внешний сайт. Таким образом, мы получили
структуру сайта, представленную на рис. 3.
 Рис. 3.
Структура созданного WAP-сайта
Созданный сайт можно просмотреть с помощью встроенного в программу эмулятора.
Для этого необходимо нажать на кнопку Preview, в результате чего выполняется
скрипт эмулятора с созданным сайтом (рис. 4).
 Рис. 4.
Созданный WAP-сайт, отображенный с помощью эмулятора
Теперь созданный файл необходимо конвертировать в формат WML. Для этого нужно
выполнить команду File -> Create WML files… и указать место для сохранения. Сайт
готов, но остается несколько нюансов, а именно та ложка дегтя, про которую я
говорил вначале. DotWAP не хочет корректно работать с кириллицей, поэтому
необходимо вручную открывать каждый файл с расширением .wml и первую строку
<?xml version="1.0"?> преобразовывать в вид: <?xml version="1.0"
encoding="windows-1251"?>. Еще один момент: DotWAP добавляет в каждый файл
строку <do type="prev" label="Back"><prev/></do>. При просмотре сайта с
мобильного телефона этот код отображается как кнопка, находящаяся в самом верху
страницы. По сути, толку от нее в таком случае нет: большинство телефонов имеют
встроенную навигацию (кнопку Назад), да и вообще WAP-стандарты не фиксируют
соглашений о навигации типа back, forward и home, как это принято в
Internet-браузерах — их применение зависит от вашего желания. Поэтому просто
удаляем эту строку. Если же вы хотите использовать кнопку Back, то просто
переместите ее в нужное вам место страницы. Созданную страницу можно разместить
на ресурсах TagTag.com, но я поступил проще, т.к. данный сайт также некорректно
работает с кириллицей. На сайте nm.ru я выбрал себе имя сайта и в разделе Мои
файлы разместил все файлы с расширением .wml, назвав файл главной страницы
index.wml, а также все файлы с расширениями .jpeg и .midi, т.е. картинки и
мелодии.
Все, запускаем WAP-браузер на телефоне, вводим адрес и читаем-качаем. Созданный
мной пример находится по адресу: wappawelk.nm.ru. Теперь все зависит от вашей
фантазии и желаний. Думаю, теперь вы без особого труда сможете создать
собственный WAP-сайт про себя, свои увлечения либо еще что-то интересное.
Павел Кучинский, pawelk_kg@tut.by
©
компьютерная газета
Powered by X-ray.Издательство"Самопал"©2006
|
