Con
miras a mejorar el diseño de la Web,
ofrecemos algunos consejos para mejorar el
tiempo de carga y la presentación:
-
Diseño gráfico . Aunque se
puede hacer un uso de colores e imágenes
llamativas para el fondo de las páginas,
hemos optado por colores de fondo suaves
para favorecer que sus visitantes puedan
leer el texto con facilidad.
-
Use gráficas para mejorar puntos
de venta, pero minimice el tamaño
de los archivos gráficos cuando sea
posible. Incluya sólo las imágenes
que agregan valor. No todas las fotos necesitan
ser de colores; no todos los artículos
de un catálogo necesitan una foto;
no cada foto necesita ser en tamaño
real.
- Una
distribución que se ve bien cuando
es vista en su navegador Web favorito, puede
verse diferente por gente que entra al sitio
de un servicio comercial en línea,
como AOL. Revise su página viéndola
en el navegador apropiado.
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.