Entradas correspondientes a la etiqueta 'WAP'

may 04

Páginas para moviles -Enlaces-

Toda página necesita de unos enlaces para navegar entre las cartas o entre páginas distintas. Para ello se dispone de las etiquetas:

  • <a href=”"></a>
  • <anchor></anchor>
La utilización del <a href=”"></a> es muy simple. Hay que escribir, entre las comillas dobles, la página a la que quieres ir y el texto del enlace entre las dos etiquetas:
<a href=”pagina1.wml”>Ir a la pagina1</a><a href=”pagina1.wml#carta7″>Ir a la pagina1, carta7</a><a href=”carpeta/pagina2.wml”>Ir a la pagina2</a><a href=”carpeta/pagina2.wml#carta1″>Ir a la pagina2, carta1</a><a href=”http://www.url.com/pagina3.wml”>Ir a la pagina3</a><a href=”http://www.url.com/pagina3.wml#carta2″>Ir a la pagina3, carta2</a><a href=”#carta1.wml”>Ir a la carta1</a>

Por otro lado, la etiqueta <anchor></anchor> es mucho mas completa porque:Permite el envio de datos entre cartas y/o páginas (Se explicará mas adelante)

  • <refresh></refresh>>>Permite refrescar la página
  • <prev/>–>> Permite ir atrás
  • <go href=”"/> –>>Permite ir a distintas páginas y/o cartas

Y aquí un ejemplo con bastantes combinaciones:

<?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=”carta1″ title=”carta1″> <p> Ahora estas en la pagina ejemplo4 y en la carta1<br/> <a href=”ejemplo4a.wml”>Ir a la pagina ejemplo4a</a><br/> <a href=”carpeta/ejemplo4b.wml”>Ir a la pagina ejemplo4b</a><br/> <a href=”http://usuarios.lycos.es/internetmovil/ejemplos/ejemplo4a.wml”>Ir a la pagina ejemplo4a</a><br/> <a href=”#carta2″>Ir a la carta2</a><br/> <br/> <a href=”ejemplo4a.wml#carta1″>Ir a la pagina ejemplo4a, carta1</a><br/> <a href=”carpeta/ejemplo4b.wml#carta2″>Ir a la pagina ejemplo4b, carta2</a><br/> <a href=”http://usuarios.lycos.es/internetmovil/ejemplos/ejemplo4a.wml#carta1″>Ir a la pagina ejemplo4a, carta1</a><br/> <br/> <a href=”ejemplo4a.wml”>Ir a la pagina ejemplo4a</a><br/> <a href=”carpeta/ejemplo4b.wml”>Ir a la pagina ejemplo4b</a><br/> <a href=”http://usuarios.lycos.es/internetmovil/ejemplos/ejemplo4a.wml”>Ir a la pagina ejemplo4a</a><br/> <a href=”#carta2″>Ir a la carta2</a><br/> <br/> <anchor> <a href=”ejemplo4a.wml#carta1″>Ir a la pagina ejemplo4a, carta1</a><br/> <a href=”carpeta/ejemplo4b.wml#carta2″>Ir a la pagina ejemplo4b, carta2</a><br/> <a href=”http://usuarios.lycos.es/internetmovil/ejemplos/ejemplo4a.wml#carta1″>Ir a la pagina ejemplo4a, carta1</a><br/> </anchor> <br/> <anchor> <refresh></refresh>Actualizar</anchor> |<anchor> Volver<prev/> </anchor> </p> </card></wml>

abr 30

Páginas para moviles -Textos y formatos-

A la etiqueta de párrafo (<p></p>) se le puede añadir unas propiedades al texto. Para ello se dispone de:

  • align=”"
  • mode=”"
Entre las comillas del aling=”" se escribirá una de estas tres alineaciones para que le afecte a todo el texto escrito dentro. La opción por defecto es alineado a la izquierda:
  • left –>> izquierda
  • right –>> derecha
  • center –>> centrado
Entre las comillas del mode=”" se escribirá una de estas dos opciones para que el texto pueda cambiar de lineas o no pueda ser roto. Por defecto es warp:
  • warp –>> deja romper
  • nowrap –>> no deja romper
También podéis meter saltos de linea con el código:
  • <br />

Hay algunos caracteres que no pueden escribirse directamente y tiene que hacerse como se muestra:

  • &#34; para
  • &#38; para &
  • &#39; para
  • &#60; para <
  • &#62; para >
  • &#160; para un espacio fijo

Y los distintos formatos se escriben así:

  • <em></em> –>>Enfatizado
  • <strong></strong> –>>Fuerte
  • <i></i> ->>Cursiva
  • <b></b> –>>Negrita
  • <u></u> –>>Subrayado
  • <big></big> –>>Grande
  • <small></small> –>>Pequeño

Ahora toca el ejemplo práctico:

<?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=”id1″ title=”Titulo1″><p> Parrafo alineado a la izquierda. </p><p align=”left>Otro parrafo alineado a la izquierda</p><p align=”right >Parrafo alineado a la derecha</p><p align=”center >Párrafo centrado</p><p>Aqui tienes las &#34;comillas&#34;, el &#38;ampersean&#38;, el &#39;apostrofe&#39;, &#60;menor que&#60; &#62;mayor que&#62;</p><p><i>cursiva </i>, <b>negrita</b>, <u>subrayado</u>, <em>enfatizado </em>, <strong>fuerte </strong>, <big>grande </big>, <small>pequeño</small></p></card></wml>

Ejemplo 2: Ver | Descargar

abr 29

Páginas para moviles -El hola mundo en WML-

En todos los manuales de programación te encuentras con el típico ejemplo del hola mundo. Como yo no soy menos os lo dejo escrito:

<?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=”id1″ title=”Titulo1″><p>Hola</p></card><card id=”id2″ title=”Titulo2″><p>Mundo!!!</p></card></wml>

Ejemplo 1: Ver | Descargar
Si lo probáis solo veréis HOLA porque esta en la primera carta. Para ver el MUNDO!! hay que pasar a la segunda carta.

Entradas más antiguas «