Как вступление. WML - язык разметки, основанный на XML
(extensible Markup Language). Официальная спецификация WML разработана и
поддерживается WAP Forum, производственным консорциумом, основанном Nokia,
Phone.com, Motorola и Ericsson. Эта спецификация определяет синтаксис,
переменные и элементы используемые в файлах WML.
WAP-сайт
сначала лучше создать на языке HTML в редакторе Front Page, а затем перевести в язык WML. Front Page
довольно удобная и простая в использовании программа. Редактор практически все
делает у Вас на глазах. В панели инструментов расположены значки, которые при
наведении мыши читаются. Нажимаете на значок в левом верхнем углу «создание
новой страницы». Далее в левом нижнем углу находим: конструктор, с разделением,
код, просмотр. Нажимаете конструктор. Для
создания wap- сайта, рекомендую начать с
создания таблицы (оптимально 100*80 так
примерно будет выглядеть экран сотового
телефона). Можно и больше, но не значительно, так как пользователю телефона
придется делать дополнительные клики. Все зависит от потребностей Вашего сайта,
поэтому используя в панели инструментов значок « добавить таблицу», выбираете
нужное Вам количество строк и столбцов. И в этой таблице делайте меню ( т.е.
фактически печатаете), переходы на другие страницы ( используя значок «
добавление гиперссылки»), вставляйте картинки ( значок « добавить рисунок»),
вставляете динамические изображения и т.п. ( значок web- компоненты), т.е. делайте полностью HTML
сайт, в «код» рамку таблицы можно изменять <table border="0". Не
забывайте выполнить функцию «оптимизировать код html», расположенную в «сервис», она «подчистит»
не нужные символы в коде, после работы с графическим редактором. Здесь нужно отметить, что не стоит увлекаться
графикой, максимальный вес странички сайта 10-20Кб. WAP- сайт в основном работает на ссылках, но за
ним будущее. Просто сам сотовый телефон, невероятно органичен и удобен для человека,
не даром общедоступное название - мобильник. Будут меняться его вес, зарядка,
дисплей, функциональные возможности, но размер (то, что мобильник можно
положить на ладонь, в карман и т.д.) существенно нет.
Теперь
нужно определиться, на каком сервере будет располагаться Ваш сайт, в общем-то,
об этом можно побеспокоиться заранее. Здесь, я , не буду углубляться, а просто расскажу
свой путь.
Купил
доменное имя на makewap.ru 4-5 руб. Создал сайт в
редакторе Front Page. Далее необходимы ряд корректировок. В редакторе нажимаем «код».
Удаляем верхушку
<html>
<head>
<meta
http-equiv="Content-Type" content="text/html;
charset=windows-1251">
<title>Новая
страница 1</title>
</head>
Вставляем
<?xml version="1.0"
encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card
id="WAPContact" title="">
Меняем
все html на wml, body на card. Сайт у Вас должен иметь
окончание
</card>
</wml>
Не
сохраняем, а копируем wml- код сайта. Заходим на ваш сайт.makewap.ru и вставляем в раздел html- код, сохраняем и здесь же
просмотр страницы. В целом у Вас должно получиться что-то такое:
<?xml
version="1.0" encoding="UTF-8"?>
<!DOCTYPE wml PUBLIC
"-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card id="WAPContact"
title="">
<CENTER>
<a href="http://xxxxxxxx.ru/?d=000000"
target="_blank">
<img src="xxx.gif"
width="120" height="30" border="0">
</a>
<a href="http:/xxxxxxx.ru/?d=000000"
target="_blank">
<img src="xxx.gif"
width="120" height="30" border="0">
</a>
</CENTER>
<td style="background: rgb(255,
255, 255) none no-repeat scroll center center; -moz-background-clip:
-moz-initial; -moz-background-origin: -moz-initial;
-moz-background-inline-policy: -moz-initial;">
<marquee style="color: rgb(255,
255, 255);" onmouseover="this.scrollAmount=1" onmouseout="this.scrollAmount=6" width="854">
<b><font
color="[color=red]#00ff00[/color]"><big> ??? ??- ?? ???
???????- ??? ??? ??????-???????? ????? ???? ?????? ???? ????? ???? ???? ??????,
?????? ???????. ????? ??????, ? ????? ??? ??? ?? ???????. ?? ???????????????
????</font></b>
</marquee></td>
<table border="0"
width="97%">
<tr>
<td
width="226">
<div id="container">
<ul id="gallery">
<li><a href="http://xxxxx.ru">
<img src="xxxxx.jpg"
/></a></li>
<li><a href="http://xxxxxx.ru">
<img src="xxxxxx.jpg"
/></a></li>
<li><a href="http://xxxxxx.ru">
<img src="xxxxxxx.jpg"
/></a></li>
</ul>
</div>
</td>
<td
width="358">
<p align="center">
<a href="http://xxxxxxxx.ru/?d=0000000">?????</a><br
/>
<a href="http://xxxxxxx.ru/?d=00000">??</a><br
/>
</p>
<p></td>
<td>
<div id="container0">
<ul id="gallery0">
<li><a href="http://xxxxxxx.ru">
<img src="xxxxxxxx.jpg"
/></a></li>
<li><a href="http://xxxxxxxxx.ru">
<img src="0000000.jpg"
/></a></li>
<li><a href="http://xxxxxxx.ru">
<img src="xxxxxxx.jpg"
/></a></li>
</ul>
</div>
</td>
</tr>
</table>
<img
style="vertical-align:middle;" src="pb_google.gif"
alt="Google" width="124"
height="24"/><div><form
action="http://www.google.com.ru/m/search"><div><input
name="mrestrict" value="xhtml"
type="hidden"/><input name="client"
value="ms-googlefree" type="hidden"/><input
name="safe" value="high"
type="hidden"/><input name="channel"
value="aHR0cDovL3Nob3AyMDExLm1ha2V3YXAucnU."
type="hidden"/><input name="q" size="15"
maxlength="2048" value=""
type="text"/><br/><input style="font-size:smaller;
margin-bottom:1px;" type="submit"
value="Search"/><br/></div></form></div>
</card>
</wml>
0
и Х можно поменять на свои. В-целом :<center картинки в центре /center>, <marquee бегущая строка, на компьютере
работает, в телефоне проходит, как текст </marquee>, <div id="container"> контейнер картинок
слева, <div id="container0"> контейнер картинок справа,
за </table> поиск google в интернете. Сайт можно посмотреть
на http://shop2011.makewap.ru. Сохранять код сайта лучше в блокноте.
Что
касается продвижения сайта, если Вам не удалось создать информационного
продукта, который заметен сразу, то придется кропотливая работа по регистрации в
основном в белых wap-каталогах.
Только вот такие рекомендации.
|