sábado, 12 de diciembre de 2009

Manual WML - Parte I

Lo primero es lo primero. Si no tienes ni idea de HTML, lo veo muy dificil. Lee el manual de HTML que hay en la URL http://www.wmaestro.com/. Si te quieres arriesgar, es cosa tuya, pero te advierto que se parte de la base de que se controla el tema de la edición de páginas HTML. 

- Las páginas hechas en WML tiene extensión .wml, los scripts .wmls y los dibujos .wbmp
- Este es el encabezado que define la versión de WML que usamos: 

<?xml version="1.0"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml"> 


No lo vamos a explicar ya que es un tema avanzado. Simplemente es lo que pondremos al principio de nuestra página.

- Como en el HTML el resto del código va entre las etiquetas <wml> y </wml>. Ej.:
<?xml version="1.0"?> 
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
 <wml>
Aquí va el código
 </wml>

- Una página se denomina deck(baraja) y se subdivide en cards(cartas), de tal forma que podemos movernos por varias cards dentro de la misma deck. Ej.:

<?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="First_Card">
<do type="accept" label="Next">
<go href="#Second_Card"/>
</do>
<p>
Select <b>Next</b> to display the next card.
</p>
</card>
<card id="Second_Card">
<p>
This card contains the following:...
</p>
</card>
</wml>


Esto define un deck que contiene 2 cards, de tal forma que cuando pulsemos Next nos iremos a la segunda card, en la cual podremos elegir la opción Back para volver a la anterior. El objeto y propiedades de card se definirán más adelante. 

2- El formateo de los textos
Lo primero que debemos aprender es el formateo de los textos, para conseguir una presentación aceptable de nuestros datos, cosa difícil debido al pequeño espacio que se nos proporciona en el navegador WML. TODOS los textos deben ir dentro de una etiqueta <p> Textos....</p>



Etiqueta





Uso

<em>
<strong>
<i>
<b>
<u>
<big>
&lt,small>
Texto con énfasis
Texto con mucho énfasis
Texto con cursiva
Texto con negrilla
Texto con subrayado
Texto con letra grande
Texto con letra pequeña




Ej.:El código <b>Hola</b>a todos --> Hola a todos // <b><i>Hola</b></i>a todos --> Hola a todos

La alineación también es importante, y esta se consigue utilizando la etiqueta <p align="...."> Texto </p>. En la siguiente tabla vemos los usos de la misma.

Alineado a la izquierda
(Por defecto)

Alineado al centro
Alineado a la derecha
<p align="left">
El resultado final
<br/>es el siguiente
</p>
<p align="center">
El resultado final
<br/>es el siguiente
</p>
<p align="right">
El resultado final
<br/>es el siguiente
</p>
El resultado final
es el siguiente
El resultado final
es el siguiente
El resultado final
es el siguiente


La etiqueta <br/> se utiliza para hacer un salto de línea RECUERDA que igual que en HTML, hay ciertos caracteres que no se pueden escribir literalmente







Caracteres especiales

á
é
í
ó
ú
ñ
&
cedilla
"
abrir comillas
cerrar comillas
apóstrofe
<
>
nbsp
$
á
é
í
ó
ú
ñ
&#38
ç
"
«
»
'
<
>

$$


 
3- La etiqueta card Los atributos de esta etiqueta son:
Etiqueta
Explicación
Valores que puede tomar
id
Nombre de la card. Usado para referirse a ella
Texto
title
Es el título que sale en la parte superior del navegador al entrar en la card
Texto
newcontext
Borra el historial de navegación. Resetea todas las variables. Sólo actúa al realizar el evento go.
True ó false(valor por defecto)
ordered
No se explica por el momento
True(valor por defecto) ó false
onenterforward
Dirección a la que se va al ocurrir este evento(ir adelante) usando la etiqueta go.Se amplia más adelante
Href. URL o dirección de otro card.
onenterforward
Dirección a la que se va al ocurrir este evento(ir atrás) usando la etiqueta go.Se amplia más adelante
href. URL o dirección de otro card.
ontimer
Dirección a la que se va al ocurrir este evento(reloj) usando la etiqueta timer.Se amplia más adelante
Href. URL o dirección de otro card.
Ej. <card id="card_1" title="Primera Card" onenterforward="http://www.wapserver.com/3.wml" onenterbackward="http://www.wapserver.com/1.wml" ontimer="#card_2"> Resto del código </card>

4- La etiqueta template

Los atributos de esta etiqueta son:
Etiqueta
Explicación
Valores que puede tomar
id
Nombre de la plantilla. Usado para referirse a ella
Texto
onenterforward
Dirección a la que se va al ocurrir este evento(ir adelante) usando la etiqueta go.Se amplia más adelante
Href. URL o dirección de otro card.
onenterforward
Dirección a la que se va al ocurrir este evento(ir atrás) usando la etiqueta go.Se amplia más adelante
href. URL o dirección de otro card.
ontimer
Dirección a la que se va al ocurrir este evento(reloj) usando la etiqueta timer.Se amplia más adelante
Href. URL o dirección de otro card.
Notas: Como una plantilla que es, sus valores se aplican a todas las cards que definamos en esa página WML. Atención Si dentro de una card definimos un evento onenterforward, onenterbackward u ontimer con el mismo id que en la plantilla el que se utiliza es el definido en la card.
Ej.
<template id="Template_1">
  <do type="options" name="hazlo" label="Default">
    Código eliminado...
  </do>
</template>
<card id="Card_1">
  <do type="options" name="hazlo"> Esta definición sobreescribe la de la plantilla para esta card al tener el mismo nombre
    Código eliminado...
  </do>
</card>



No hay comentarios:

Publicar un comentario