Insertar imágenes con

El primer paso para incluir una imagen en una página creada con Front Page Express consiste en pulsar el icono correspondiente y buscar la imagen por el disco. Bastará con esta operación para que la imagen se inserte en el punto de la página desde el que hemos pulsado el icono .

También podíamos haber utilizado la opción de menú Insertar / Imagen y habríamos obtenido el mismo resultado.

Tal vez deberíamos avisarte, antes de continuar, de que vas a encontrar una buena cantidad de advertencias en las explicaciones. Se debe a que el tratamiento de las imágenes es uno de los puntos más débiles de Front Page Express y habrá que tener en cuenta muchos pequeños detalles para que las cosas salgan bien. Posiblemente la mejor forma de comprobarlo sea mediante alguna práctica, así que vamos a ponernos manos a la obra.

Salva en tu disco las tres imágenes siguientes con el procedimiento que ya conoces.

• Crea un documento nuevo y construye una tabla de una fila y tres columnas. 
• Incluye en cada celda una de las imágenes fijándote en cual pones las imágenes gif y en cual está la jpg.
  La primera cuestión que nos llama la atención es que nos ha mostrado correctamente las imágenes gif pero, al intentar insertar la imagen jpg, lo que nos muestra es el siguiente icono No te preocupes y continúa con el siguiente paso.
• Guarda el trabajo como practica23.htm y pasa al navegador para comprobar el resultado y ver la diferencia en la calidad de las dos fotos según el formato (nos hemos saltado la 21 y la 22 en las que no habíamos creado ninguna página y mantenemos la numeración de los archivos en correspondencia con el número de práctica)
• ¡¡¡ Vaya, la imagen se ve correctamente!!! La explicación está en que Front Page Express no presenta un subtipo de imágenes llamado jpg progresivo que permite que vayamos viendo la imagen poco a poco mientras va llegando, sin necesidad de esperar a la descarga completa.

Parecía que todo estaba solucionado, pero no es así. Aunque puedo ver la página sin problema su diseño tiene una grave deficiencia: como Front Page Express no reconoce la imagen tampoco le adjudica dimensiones. Si consultas la sección de código verás que los atributos de anchura y altura son importantes para que la página se cargue dejando los huecos necesarios para las imágenes.

Ya hemos visto que la pantalla de introducción de una imagen es absolutamente sencilla, ya que no nos pide más que el nombre de la misma. Si queremos modificar alguna de las propiedades de la imagen podremos hacerlo pulsando sobre ella con el botón derecho para elegir Propiedades de imagen o utilizando la combinación de teclado Alt + INTRO. (De hecho, para que la página de la práctica anterior estuviera correctamente construida, habría que adjudicarle a la imagen jpg un tamaño de 122x81 píxeles)

Cuando se abra la ventana de propiedades elegiremos la pestaña correspondiente a la apariencia.

Es aquí donde podemos seleccionar los elementos referentes al diseño y al tamaño de la imagen.

Lo que se denomina alineación se refiere, en realidad, a la forma en la que se organizará el flujo del texto alrededor de la imagen. En la próxima práctica harás pruebas para comprobar el resultado. El espaciado horizontal y vertical se refieren a la cantidad de píxeles que permanecerán vacíos alrededor de la imagen. Si estás consultando únicamente la documentación de Front Page Express pulsa para ver unas consideraciones que se han hecho al comentar el funcionamiento de Composer que también son aplicables

• Vuelve al editor y activa las propiedades de la imagen para modificar el tamaño de las fotos reduciendo el ancho y el alto a la mitad en una de ellas y pasando al doble en la otra. También puedes modificar en una de ellas el espacio a izquierda y derecha poniendo, por ejemplo 50 pixels. 
• Observa en la barra de estado de la zona inferior si se ha producido alguna modificación en el tiempo de descarga calculado.
• Pasa al navegador para ver el efecto. 
• Vuelve ahora a repetir la modificación del tamaño de una de las fotos reduciéndola en el editor externo. (Sigue manteniendo la duplicación a través de arrastrar o de modificar directamente en las propiedades de la imagen)
• Observa ahora si se ha producido algún cambio en el tiempo de descarga estimado.
• Vuelve al editor y escribe un texto junto a una de la imágenes. Experimenta con diferentes alineaciones del texto con respecto a ella. 
• Salva el trabajo como practica24.htm