edicion de graficos y formatos graficos de paginas web

Formatos graficos Para paginas webEl componente gráfico de las páginas web tiene mucha importancia, es el que hace que estas sean vistosas y el que nos permite aplicar nuestra creatividad para hacer del diseño de sitios una tarea agradable. Es también una herramienta para acercar los sitios al mundo donde vivimos, si embargo, es también el causante de errores graves en las páginas y hacer de estas, en algunos casos, un martirio para el visitante.
Tipos de archivos En Internet se utilizan principalmente dos tipos de archivos gráficos GIF y JPG, pensados especialmente para optimizar el tamaño que ocupan en disco, ya que los archivos pequeños se transmiten más rápidamente por la Red. El formato de archivo GIF se usa para las imágenes que tengan dibujos, mientras que el formato JPG se usa para las fotografías. Los dos comprimen las imágenes para guardarlas. La forma de comprimir la imagen que utiliza cada formato es lo que los hace ideales para unos u otros propósitos.
Compresión: Es muy buena para dibujos, como ya hemos dicho. Incluso puede ser interesante si la imagen es muy pequeña, aunque sea una foto. Transparencia: es una utilidad para definir ciertas partes del dibujo como transparentes. De este modo podemos colocar las imágenes sobre distintos fondos sin que se vea el cuadrado donde está inscrito la el dibujo, viendose en cambio la silueta del dibujo en cuestión. Para crear un gif transparente debemos utilizar un programa de diseño gráfico, con el podemos indicar qué colores del dibujo queremos que sean transparentes. Generalmente, definimos la transparencia cuando vamos a guardar el gráfico. Colores: Con este formato gráfico podemos utilizar paletas, conjuntos, de 256 colores o menos. Este es un detalle muy importante, puesto que cuantos menos colores utilicemos en la imagen, por lo general, menos ocupará el archivo. En ocasiones, aunque utilicemos menos colores en un gráfico, este no pierde mucho en calidad, llegando a ser inapreciable a la vista. En algunos programas podemos modificar la cantidad de colores al guardar el archivo, en otros lo hacemos mientras creamos el gráfico.


JPG
Veamos ahora cuales son las características fundamentales del formato JPG:Compresión: Tal como hemos dicho anteriormente, su algoritmo de compresión hace ideal este formato para guardar fotografías. Además, con JPG podemos definir la calidad de la imagen, con calidad baja el fichero ocupará menos, y viceversa. Transparencia: Este formato no tiene posibilidad de crear áreas transparentes. Si deseamos colocar una imagen con un área que parezca transparente procederemos así: con nuestro programa de diseño gráfico haremos que el fondo de la imagen sea el mismo que el de la página donde queremos colocarla. En muchos casos los fondos de la imagen y la página parecerán el mismo. Colores: JPG trabaja siempre con 16 millones de colores, ideal para fotografías. JPG
Veamos ahora cuales son las características fundamentales del formato JPG:Compresión: Tal como hemos dicho anteriormente, su algoritmo de compresión hace ideal este formato para guardar fotografías. Además, con JPG podemos definir la calidad de la imagen, con calidad baja el fichero ocupará menos, y viceversa. Transparencia: Este formato no tiene posibilidad de crear áreas transparentes. Si deseamos colocar una imagen con un área que parezca transparente procederemos así: con nuestro programa de diseño gráfico haremos que el fondo de la imagen sea el mismo que el de la página donde queremos colocarla. En muchos casos los fondos de la imagen y la página parecerán el mismo. Colores: JPG trabaja siempre con 16 millones de colores, ideal para fotografías.
Optimizar ficheros
Para que las imágenes ocupen lo menos posible y se transfieran rápidamente por la Red debemos aprender a optimizar los ficheros gráficos. Para ello debemos hacer lo siguiente: Para los archivos GIF: Reduciremos el número de colores de nuestra paleta. Esto se hace con nuestro editor gráfico, en muchos casos podremos hacerlo al guardar el archivo.
Para los archivos JPG: Ajustaremos la calidad del archivo cuando lo estemos guardando. Este formato nos permite bajar mucho la calidad de la imagen sin que esta pierda mucho en su aspecto visuaEs imprescindible disponer para optimizar la imagen de una herramienta buena que nos permita configurar estas características de la imagen con libertad y fácilmente. Photoshop 5.5 o 6 es un programa bastante recomendable, pues incorpora una opción que se llama "Guardar para el Web" con la que podemos definir los colores del gif, calidad del JPG y otras opciones en varias muestras a la vez. Así con todas las opciones configurables, viendo los resultados a la vez que el tamaño del archivo podemos optimizar la imagen de una manera precisa con los resultados que deseamos.
Los programas de edición de HTML.
si queremos crear páginas web con un mayor control sobre su diseño, necesitamos un editor dedicado para html; preferiblemente, que sea un editor visual, para no tener que empezar memorizando el código html. Por suerte, no es necesario comprar uno de estos programas, porque con las últimas versiones de los navegadores se incluye una utilidad para crear y publicar nuestras maravillas! Con Internet Explorer viene FrontPage Express (una versión reducida de su programa comercial FrontPage) y Netscape lleva el Composer. Ambos programas son sencillos de utilizar, cuentan con completa ayuda y no están nada mal para empezar. StarOffice tampoco os costará nada y viene perfectamente equipado para la creación y publicación web. Hay muchas otras alternativas, pero para empezar estas son las más adecuadas.
Crear una página básica no puede ser más sencillo: abrimos la aplicación, sea Composer o Frontpage, y tendremos una página en blanco para trabajar. Tecleamos el texto o lo pegamos, después de haberlo copiado de un fichero que ya tengamos escrito. Se colocan las imágenes situándose en la posición donde se quiere incluir, pulsando el botón que representa Insertar Imagen (o en el menú, eligiendo Insertar Imagen); se elige el archivo gif o jpg de la lista que aparece, buscando la carpeta adecuada si es preciso, y ya está. Podemos elegir la forma en que el texto rodea la imagen, y ya está. Se guarda la página y el programa genera todo el código html.
Para páginas más complejas, debemos explorar las diferentes opciones del programa. Todo es muy fácil de usar e intuitivo. La herramienta más potente para el diseño son las tablas. Dominando su manejo se puede crear el diseño más impactante y funcional con el editor más sencillo