B. Imágenes

Todos los dispositivos móviles tienen pantallas y a medida que pasa el tiempo, con mayores prestaciones. Esto ha provocado que cada vez sea más frecuente la incorporación de imágenes a las páginas WML. Este lenguaje, al igual que HTML, permite usar imágenes para enriquecer las páginas destinadas a los navegadores compatibles aunque con evidentes limitaciones.

Por ejemplo, el formato de imagen que reconocen todos los dispositivos que soportan WML es WBMP (Wireless Bit- Map, Mapa de bits para dispositivos inalámbricos), un formato que sólo admite las imágenes en blanco y negro. Las continuas mejoras en la telefonía móvil están permitiendo el uso de otros formatos como GIF o JPEG, aunque todavía no son aceptados por muchos dispositivos.

Para insertar una imagen, al igual que ocurre en HTML, se usa la etiqueta <img>. Esta etiqueta no necesita estar «balanceada» con otra de cierre y bastará con escribir <img XXX />. Las X, en este caso, son los parámetros que acompañan a la etiqueta <img> y que se describen a continuación (sólo los dos primeros son obligatorios):

- src="URL_imagen". Indica la URL de la imagen.
- alt="Texto alternativo". Este texto es de carácter descriptivo y aparece en pantalla en el caso de que un dispositivo no pueda mostrar la imagen. Se trata de un parámetro obligatorio.
- align="valor". Sirve para fijar la alineación de la imagen con respecto a la línea base que lleva el texto. Puede tomar uno de los siguientes valores: top (arriba), middle (mitad) o bottom (abajo),siendo este último el valor que adoptará Align por defecto.
- vspace="n". Indicará la separación vertical de la imagen en relación con el texto.
- hspace="m". Indicará la separación horizontal de la imagen en relación con el texto.
- height="n". Sirve para indicar que la imagen debe tener una altura determinada.
- width="m". Sirve para indicar que la imagen debe tener un ancho determinado.

Tanto al usar height como width, hay que tener en cuenta que se puede modificar el aspecto de la imagen respecto al original. Es posible que la imagen resultante no esté proporcionada en sus nuevas dimensiones. Por ello, es importante que cuando se modifique el tamaño de la misma, haciéndola más grande o más pequeña, se respeten las proporciones originales. Conociendo la estructura básica de una baraja y los parámetros de la etiqueta <img>, es muy sencillo crear una página con una imagen (véase la Figura 8.6):



En este caso, la URL hace referencia a una imagen (paloma.wbmp) que se encuentra en la misma carpeta que el código.


Fig. 8.6. Inserción de una imagen en una página WML.