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">
<!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.
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>
| |
<em> <strong> <i> <b> <u> <big> <,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
á é í ó ú ñ & cedilla " abrir comillas cerrar comillas apóstrofe < > nbsp $ | á é í ó ú ñ & ç " « » ' < > $$ |
3- La etiqueta card Los atributos de esta etiqueta son:
4- La etiqueta template
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