Ayuda con esta Interfaz

[rayder]

Lo priemro que has de decidir el la resolución de pantalla para la que vas ha optimizar la web, pues no es lo mismo 800*600 que 1024*768, me esplico.

Si la web la optimizas para 800*600 (mi recomendación), cuando se visualizce a 1024*768 se verá perfecta, de otro modo, se tendría que desplazar la pantalla.

Bueno, algo importante es hacer la imagen de fondo lo más ligera posible, ya que de otro modo los usuarios que visualicen la web con moden de 56k se pueden eternizar y lo más seguro es que no regresen nunca.

Según la foto del enlace, podrías utilizar el color azul de fondo para la página y colocar una tabla que ocupe el 100% de la pantalla, poniendo una imagen en formato .gif(pues soporta transparencias) con la línea roja que cruza la foto como fondo de la tabla, de este modo logras aumentar los tiempos de descarga.

Para hacer esta foto en fotoshop, primero crea un nuevo documento del tamaño al que irá la resolución de tu pantalla, 800*600 por ejemplo, que tenga el fondo transparente, al crear el nuevo ducumento, en la parte de
abajo te deja elegir el tipo de fondo. Despues añade una nueva capa trasparente y sobre esta, inserta tu imagen si ya la tiene hecha, borra lo que te sobre, al borrar se tienen que ver los cuadraditos del fondo que indican
que es una capa trasparente.

Cuando tengas terminada tu imagen, pincha en archivo, guardar para la web y te llevará a una pantalla para que selecciones las opciones del fichero gif, como solo tienes dos colores, el rojo y el trasparente, selecciona dos colores para generar tu gif y asegurate de que la casilla transparencia esta seleccinada, para que te genere el gif con la capa transparente de fondo, con lo que ya estaria.

Recuerda que una imagen de 800*600 tardará unos segundos en descargarse por moden, por lo que te recomiendo que la hagas lo más ligéra posible. Piensa siempre en los usuarios que tengan la conexión de acceso a internet más lenta y optimiza tu web para estos.


Un saludo