Tutorial de Ayuda de Páginas WAPLa creacion de una pagina WAP se puede hacer en cualquier editor de texto, si bien, hay editores y herramientas especiales para este fin, con ellas es mucho mas facil realizar el trabajo ya que nos permiten ver direcamente en un emulador en nuestro propio ordenador la forma en la que se ejecutara la pagina.
Alguna de las herramientas mas conocidas para la creacion de paginas en formato WML son el Waptor o el Dotwap entre otras, con ello sera suficiente para crear una pagina a tu gusto.
Si prefieres algo mas completo exiten los kits de desarrollo de los fabricantes, Nokia, Motorola, etc... estos los puedes descargar desde las paginas web de los respectivos fabricantes para lo cual tendras que registrarte.
Para alojar tus paginas WAP solo es necesario disponer de un servidor que tenga adaptados sus MIME TYPES a este tipo de tecnologia, de hecho se puede hacer en cualquier servidor, siempre y cuando este configurado para este fin.
Las siglas WML corresponden a Wireless Markup Language, este es el leguaje que se utiliza para crear paginas WAP que posteriormente se podran cargar en telefonos moviles o navegadores adapatados para este fin.
El lenguaje WML guarda gran similitud con el HTML (lenguaje para la creacion de paginas para internet). El WML se compone por etiquetas.
Una de las principales caracteristicas del WML es la forma en la que estructura sus paginas, estas se agrupan en cartas que a su vez forman barajas, profundizaremos mas en este punto en la parte correspondiente de este tutorial.
El WML ademas permite la inclusion de imagenes y tambien el manejo de variables y formularios asi como trabajar con lenguajes de script
Las paginas creadas en WML llevan extension .wml, los scripts wmls y los graficos wbmp
Cabecera de una Página WapLo primero que debemos introducir para crear una pagina WML es el encabezado, este define la version que usamos y siempre debe de ser lo primero que tenga una pagina WML
Ejemplo: Cabecera <?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
Una vez creada la cabecera procederemos a introducir el codigo de la pagina entre los tags
<wml> y </wml>, la pagina creada entre estos tags sera llamada baraja (que es como se conocen las paginas creadas en wml) y a su vez esta baraja ira dividia en cartas que estaran comprendidas entre los tags <card> y </card>
Baraja con dos cartas<?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="numero1" title="Carta 1">
<p>Esta es la carta numero 1</p>
</card>
<card id="numero2" title="Carta 2">
<p>Esta es la carta numero 2</p>
</card>
</wml>
Otro modo de crear enlaces entre las cartas que forman una baraja seria utilizando las etiquetas <do> y <go> de la forma siguiente:
Ejemplo:Enlaces entre cartas<?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="numero1" title="Carta 1">
<do type="accept" label="Next">
<go rel="nofollow" href="#numero2"/>
</do>
<p>Esta es la carta numero 1</p>
</card>
<card id="numero2" title="Carta 2">
<p>Esta es la carta numero 2</p>
</card>
</wml>
De esta forma, como se puede ver en el ejemplo, se pasaria de una carta a otra pulsando sobre el boton donde aparece la inscripcion "next" y retornando a las cartas anteriores con la opcion "back"
Al igual que en codigo HTML tambien podemos crear links bien desde un texto determinado o bien desde una imagen, para esto se utiliza la etiqueta <a>
Seguidamente vamos a ver un ejemplo con la etiqueta <a>...</a>
Tabla
Ejemplo:
?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="enlace" title="enlace">
<p>
<a rel="nofollow" href="test_enlace.wml">Pagina de link</a>
</p>
</card>
</wml>
Los TextosLos textos deben de ir comprendidos entre los tags <p> y </p>, para los saltos de linea se utiliza la etiqueta <br/>
El tag <p> puede llevar los siguientes atributos:
ATRIBUTOS
DESCRIPCIÓN SINTÁXIS
left
Alineacion de texto a la izquierda
<p align="left">
center
Alineacion de texto al centro
<p align="center">
right
Alineacion de texto a la derecha
<p align="right">
Ejemplo:Alineacion texto <?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="numero1" title="Carta 1">
<p align="left">izquierda</p><br/>
<p align="center"> centro</p><br/>
</card>
</wml>
Existen determinados caracteres que no puden escribirse de forma directa, a continuacion detallamos los codigos de los mas usuales:
Ejemplo: Caracter
Codigo
á á
é é
í í
ó ó
ú ú
ç ç
Ñ Ñ
ñ ñ
< <
> >
& &
" "
nbsp  
Las etiquetas para el formato de texto son las siguientes:
Tags
Formato
<b>...</b> Negrita
<i>...</i> Cursiva
<em>...</em> Enfasis
<u>...</u> Subrayado
<strong>...</strong> Mucho enfasis
<big>...</big> Fuente grande
<small>...</small> Fuente pequeña
Formatos de texto Ejemplo:<?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="numero1" title="Carta 1">
<p> normal<br/>
<b>negrita</b><br/>
<i>cursiva</i><br/>
<u>subrayada</u><br/>
<strong>enfasis</strong><br/>
<big>grande</big><br/>
<small>pequeña</small></p>
</card>
</wml>
Creación de Formularios En el lenguaje WML tambien existe la posibilidad de crear formularios con entrada de datos, seleccion, opciones, etc...
En el ejemplo siguiente trabajamos con el tag <input>, con este tags hacemos posible la creacion de campos para entradas de datos.
Tabla
Ejemplo:?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card title="Entrada datos">
<p>
dato1: <input name="dato1" size="15"/><br/>
dato2: <input name="dato2" size="15" /><br/>
dato3: <input name="dato3" size="15"/>
</p>
</card>
</wml>
El tag <option> permite escoger entre varias opciones como se puede ver en el siguiente ejemplo.
Tabla ?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN"
"http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<card title="Entrada datos">
<p>
<select>
<option value="opcion1">opcion1</option>
<option value="opcion2">opcion2</option>
<option value="opcion3">opcion3</option>
</select>
</p>
</card>
</wml>
Los Tags de una Página Wap : Tag <a>...</a>
<a> enalza a una ruta o pagina especificada
atributo Descripcion
title
Etiqueta que es asignada al link
rel="nofollow" href
Direccion de la pagina a la que se quiere enlazar
Ejemplo de Sintasis
Title:
<a title="link" rel="nofollow" href="http://wap.enlace.com/">ENLACE</a>
rel="nofollow" href:
<a rel="nofollow" href="http://wap.enlace.com/">ENLACE</a>
Tag <access>...</access>
<access> crea un acceso restringido a un directorio especificado
¿Cómo crear página WAP?
Aug 19 2006, 03:37 PM
