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:
La posibilidad de añadir texto a una imagen sólo existe en el
formato GIF, igual que la de establecer un color como
transparente. Pasar a miniatura consiste en que se carga una
miniatura de la imagen, considerando que la carga completa va a
ser lenta y puede no ser indispensable para el visitante. Si éste
desea la imagen completa, simplemente hace clic en la miniatura.
Ver el plano de acceso al CPR en su página Web.
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.
