Construya un sitio Web:
Consejos sobre diseño

Volver a la página de inicio
BÚSQUEDA
el Sitio
la Web
CÓMO
Utilizar el sitio
Dominar los      fundamentos
Navegar por la      Web
Aprovechar el     Correo Electrónico
Buscar      Información
Descargar      archivos
Unirse a grupos de      noticias
Conferenciar
Disfrutar la      Multimedia
Construir un sitio      Web
Hacer Negocios      Electrónicos
Protegerse
RECURSOS
Glosario
Escríbanos

Con miras a mejorar el diseño de la Web, ofrecemos algunos consejos para mejorar el tiempo de carga y la presentación:

Tenga cuidado de que no haya imágenes (como un banner o un encabezado) que ocupe la parte superior de su pantalla y salga por el lado derecho del monitor. Esto puede pasar si está diseñando sus gráficas Web usando un monitor de alta resolución. Además, muchos monitores representan la imagen en resoluciones de 640X480, así que, si esta trabajando con un monitor de alta resolución, existe la posibilidad de que haya diseñado sus encabezados con una longitud de 570 píxeles o más. Con ese ancho, su gráfica saldrá a la derecha de muchas pantallas, lo que afecta la apariencia y presentación general de su pagina. La mejor manera de evitar este problema es mantener las gráficas en 470 píxeles o menos.

Guarde las imágenes como "entrelazadas" (interlaced). Esto permite que el GIF se cargue en el buscador como una imagen borrosa y granulosa que lentamente se va enfocando a través de un efecto como de persiana. Si este es o no un efecto agradable, es cuestión de gusto. Pruebe sus gráficas con y sin entrelazado para ver cómo se ven.

Si está mostrando gráficas de gran tamaño, como fotografías, dé a sus lectores la oportunidad de decidir si las quieren ver o no. La mejor manera de hacerlo es hacer una versión miniaturizada o "thumbnail" de la gráfica, que enlace a la versión más grande de la imagen. La miniatura da a los lectores una muestra. Si están interesados en ver la versión más grande, pueden hacer clic en la miniatura. Es siempre una buena idea avisar a la gente si está por bajar una imagen de gran tamaño (50 K o más). Haga esto incluyendo el tamaño del archivo entre paréntesis al lado de la miniatura.

Algunas extensiones de Netscape con la etiqueta "img" pueden acelerar el tiempo de descarga para lo que busque en la Web con el navegador Navigator. Si usted especifica el "alto"y "ancho" de la gráfica en la etiqueta de la imagen, Netscape Navigator sabe cuánto espacio debe reservar para la imagen y empieza a descargar el texto inmediatamente. Si no se especifican estos atributos, el buscador inmediatamente empieza calculando el tamaño de la imagen. Otra extensión de Netscape es la etiqueta "lowsrc" , que da instrucción al navegador de cargar la imagen en baja resolución primero y luego regresar y cargar una resolución más alta, después de que haya cargado todo lo demás. Estos trucos permiten a los lectores empezar a leer el texto inmediatamente, en vez de esperar que la pagina esté completamente cargada antes de poder verla.

Aparecerá un marco alrededor de cualquier imagen enlazada. Este marco es del mismo color quee todos los demás enlaces de la pagina. Esto puede ser visualmente agradable o no. Si no le gusta cómo se ve, puede suprimir el marco agregando "border=0" a la etiqueta <img>. También puede agregar etiquetas adicionales para alinear las gráficas a la derecha o izquierda del texto, o en la mitad, el medio o el fondo de una gráfica. Estas extensiones no son soportadas universalmente y puede resultar que en su pagina se vean radicalmente diferentes, incluso mal hechas en distintos navegadores, así que tómelas con medida. Pruebe sus paginas con muchos navegadores para ver cómo se ven, luego haga las modificaciones necesarias.

Finalmente, como cortesía a los que están leyendo sus páginas con un navegador de sólo texto, incluya una etiqueta "alt" adentro de la etiqueta de la imagen con una breve descripción de la misma.

Software para editar y administrar gráficas.

Muchos de estos programas están disponibles tanto para plataformas Windows como Macintosh:

  • Adobe PhotoShop: Un programa potente de gráficas y un estándar en la comunidad de desarrollo para Web.

  • Adobe Illustrator: Otro programa estándar de gráficas en la industria.

  • PaintShop Pro: Un visualizador gráfico, convertidor y editor.

Última actualización: 11.12.00

Artículos relacionados:

Explore Más: Busque la Web

Learn the Net
Learn the Net (www.learnthenet.com) tiene Copyright 1996-2010. Michael Lerner Productions. Todos los derechos reservados.