Creación de páginas web con FrontPage 2000
Imágenes
Al trabajar con imágenes en un sitio web es importante saber que los archivos que se manejan en Internet son de dos clases: los .jpeg y los .gif.
Los primeros se utilizan para fotografías, las cuales al utilizar este formato comprimido, ocupan menos al costo de bajar un poco la calidad.
El formato .gif, se utiliza para títulos, logotipos, y gráficos con menos de 256 colores. También se pueden usar para fotos pero la calidad será peor.
Si el fichero no es de fotografía, sino que utiliza colores planos, entonces suele manejar pocos colores. Si no llega a 256 colores, Front Page guardará la imagen en formato GIF. En cambio los ficheros de fotos los guarda en formato JPEG, que realiza cierta compresión de la imagen. La cuestión es que un fichero de fotografía ocupa muchísimo espacio (una pantalla viene a ser 1’5 Mb) y es necesario reducirlo, aunque sea a costa de un poco de calidad. El ordenador pregunta la razón de compresión que, por defecto, es de un 75 %.
La forma de insertar imágenes está en el menú Insertar – Imágenes, que tiene dos opciones: en Imágenes ofrece los clip art instalados con el Office 2000. En Desde Archivo, podemos buscar cualquier fichero de imágenes, por ejemplo en los CD comerciales con miles de imágenes, o también los que aporta el disco 2 del Office 2000, que no se instalan en el disco duro del ordenador.
Cuando se insertan imágenes de un CD ROM, o de un programa como el Office, el Front Page únicamente crea el vínculo correspondiente a esa imagen en su ubicación actual. Al enviar la página al proveedor que nos la aloja, no tendrá ese CD ROM, y no aparecerá la imagen. La solución es empezar por copiar la imagen a la carpeta en la que estamos trabajando la página web e insertarla desde ahí.
Otra forma de insertar una imagen es crearla y organizarla en otro programa y después cortar y pegarla en el Front Page. Y es que Front Page dispone de escasas posibilidades para tratamiento de imágenes individuales. El propio Word dispone de los letreros tipo Word Art, las autoformas, los gráficos; todos estos elementos se pueden cortar y pegar después en Front Page. No digamos si utilizas un programa de diseño.
Si se trabaja con un escáner, se puede cargar la imagen directamente desde el Front Page (también podrías hacerlo pasando previamente por otro programa). Se trabaja desde Insertar – Imagen – Escáner – Origen. En este punto seleccionas cuál es tu dispositivo y das a Adquirir.
Acerca del Tamaño de las imágenes
Como ya dijimos antes, el tamaño de los archivos gráficos en una página Web debe ser pequeño para optimizar el tiempo de descarga de la página. Si abrimos la imagen en algún editor como PhotoShop o el Microsoft PhotoEditor, se debe elegir ver la imagen al 100% para saber cuál es el tamaño real de la imagen que se verá en la página. Con esto se logrará un mayor control de la misma.
Otro punto importante es que nunca es conveniente insertar una imagen grande y luego achicarla mediante los manejadores de la misma (los pequeños cuadraditos que aparecen en los bordes para cambiar el tamaño) del Front Page, ya que si hacemos esto, se achica la imagen que se ve en pantalla pero no el tamaño del archivo.
Para cambiar el tamaño abrimos la imagen en el editor y modificamos el zoom hasta el tamaño deseado.
En PhotoShop se debe ir a Image/Image size, en los cuadros de la unidad, seleccionamos Percent y teniendo marcada la casilla Constrain Proportions. A continuación se indica en cualquiera de los cuadros de Height o Width (pero solo en uno) el valor del zoom, con lo cual la imagen se reducirá al tamaño deseado. Después se guarda la imagen, con el mismo nombre o con otro para saber que es un archivo distinto.
Si usamos el Microsoft PhotoEditor el proceso es similar. Debemos ir a Imagen/Cambiar tamaño y fijarse que NO esté tildada la casilla Permitir distorsión una vez hecho esto, se varía el porcentaje de Alto o Ancho.
Propiedades de imagen
Accedes a ellas desde Formato – Propiedades, o haciendo clic con el botón derecho en la imagen.
En la pestaña General, Origen de la imagen es de dónde la has tomado, el nombre y ubicación del fichero de origen. Este campo lo rellena Front Page él sólo cuando insertas la imagen, y no debes tocarlo.
Te ofrece guardarla como GIF o JPEG, de lo que hablamos más arriba.
Las Representaciones alternativas consisten en que si la imagen es grande y va a tardar en cargarse, se puede ofrecer un bosquejo suyo en baja resolución o un breve texto, en el mismo lugar que la posterior imagen.
En Apariencia puedes determinar la alineación y tamaño exacto de la imagen, en caso de que no te baste modificarla con el ratón.
Debajo de la referencia a los formatos GIF y JPEG se encuentran las casillas Entrelazado y Barridos progresivos. Se refieren también a que a la hora de cargar la imagen puede hacerse mediante un efecto, por el que la imagen va apareciendo como borrosa, por líneas, hasta su carga completa. Puede ser más útil en imágenes de cierto volumen, que tarden en cargarse.
No confundas estas propiedades con las de página, que se encuentran en Archivo – Propiedades.
Te mostramos a continuación la barra de herramientas de imágenes:
Ubicación
- Ningún estilo de Ajuste: la imagen se ajustará como un carácter más.
- Izquierda: La imagen se alineará a la izquierda y se rodeará con texto.
- Derecha: Similar al anterior.
- Ningún estilo de ubicación: en este caso, no se podrá mover la imagen de la ubicación que tiene, para hacerlo, se selecciona:
- Relativo: en este caso se pueden especificar los valores de ubicación y tamaño en los cuadros de diálogo, así como el orden Z, es decir, la profundidad de la imagen con respecto a los demás objetos de la página, es decir, atrás o adelante del texto, o de otras imágenes.
- Absoluto: este método se utilice para ubicar una imagen con total libertad, pero en este caso, el texto no se ajustará a ella.
- Recortar: con esta herramienta podemos eliminar parte de una imagen que no precisemos, con lo cual también reduciremos su tamaño. Hacemos clic en la esquina de la porción de imagen que deseamos conservar y desplazamos el ratón hasta lograr un cuadrado. Para recortarla, se vuelve a hacer clic en el botón recortar en la barra de herramientas.
- Establecer color transparente: haciendo clic en un color de la imagen, este se volverá transparente. Sólo se puede elegir un color.
- Descolorar: es útil cuando se desea utilizar la imagen en el fondo y que no interfiera con el texto.
- Nuevo muestreo: cuando modificamos el tamaño de la imagen con los manejadores, dijimos que no se modificaba el tamaño del archivo, pero si luego de achicarla, apretamos este botón, se hará un nuevo muestreo y se reducirá el archivo de modo que el tamaño normal sea el que hemos modificado nosotros con los manejadores.
- Restaurar: restaura a la imagen a su estado original, si es que hicimos algún cambio en ella.
Mapas de imágenes
Es algo que rebasa el propósito de este curso y que nos limitamos a describir. Imagina que tienes en una pantalla el mapa de España, con las autonomías dibujadas. Quieres unos vínculos de forma que si haces clic en la autonomía de Madrid, te lleva a una página sobre ella, si das en la de Galicia o Andalucía, o en cualquier otra, te llevarán a su página respectiva. Es decir, se trata de, a partir de una imagen, crear en ella unas zonas activas, cada una con un vínculo. Estas zonas pueden ser rectangulares, o también poligonales.
