Diseñando una página individual

Una vez que has obtenido una comprensión general de cómo organizar tu sitio en forma completa, es tiempo de enfocarnos en las páginas en forma individual. Mientras que muchos aspectos del diseño de páginas web son similares a los usados en cualquier otro medio, algunas diferencias hacen especial a internet.

Ahora, en esta lección, trataremos lo referente al tamaño de las páginas web, su distribución y el fondo. En lo referente a estos tres temas, me permito recordarte o informarte que deben ser analizados y considerados cuando realices cualquier diseño para internet. Lee está lección pues puedes encontrar algún consejo que te sea de utilidad al crear páginas que luzcan bien, no demoren demasiado en cargar y sean entendibles y fáciles de leer.

1.  Limita el tamaño de archivo de cada página.
2.  Saca provecho del caché de tu navegador.
3.  Manten tus páginas cortas.
4.  Coloca la información más importante al inicio de cada página.

1. Establece un límite en kilobytes (mejor conocido como kbs) para el tamaño de cada página, es decir, la suma de los kilobytes de todos los gráficos o imágenes en la página, incluyendo el fondo con diseño especial si lo estás usando. Qué limite debes colocar depende del tipo de audiencia que tienes: ¿tus visitantes son principalmente usuarios que navegan con conexiones T1 o gente que se conecta con módems 'sencillos' desde 14400 hasta 57600 bps?. Para los afortunados que usan T1, 120 kbs no es demasiado, pero para los demás, 30 kbs de gráficos pueden cargar en casi un minuto. Así que si no deseas perder una gran audiencia, tienes que sacrificar gráficos grandes y complejos por unos sencillos que no demoren mucho en cargar.

2. Los navegadores actuales hacen uso del caché. Esto significa que el navegador guarda o salva archivos en tu disco duro, de tal forma que no se vea en la necesidad de descargarlos nuevamente. Es muy buena idea usar los mismos gráficos o imágenes en la mayor medida que te sea posible; mediante este consejo, generalmente los tiempos de descarga para tus visitantes se reduce y facilita el tráfico en tu servidor.

3. Establece un límite a la cantidad de texto que colocas en cada página; algo entre 300 y 600 palabras por página es razonable. (ok, ok, lo sé, lo sé... ¡estas páginas tienen más palabras! ). Siempre podrás continuar artículos prolongados en la siguiente página. No necesitas números de página, ¡por supuesto que no!

4. Veamos una página web como si fueras un agente de bienes raíces, la tierra más rentable se encuentra al principio. Cualquier visitante observa la parte superior cuando "aterriza" en tu página. Los visitantes tal vez tengan pantallas pequeñas, una muñeca o mano cansada, falta de tiempo o una actitud de "no voy a deslizar la pantalla"; si no deseas perderlos, será mejor que coloques todo lo importante en la parte superior de tu página.

Así que... ¿hemos terminado? ¡Aún no! Aquí vienen ahora unos consejos al momento de realizar fondos.

1.  Fondo de color sólido.
2.  Fondo con imágenes o diseños especiales.

1. Los colores sólidos para usarlos en el fondo se realizan con HTML. ¡Sí, correcto, HTML! Pero... ¿Cómo? Simplemente tienes que agregar BGCOLOR=#FFFFFF a la etiqueta BODY al inicio del código de cada página. El color hexadecimal y (eso creo) las letras son para la tabla RGB ¿No lo comprendes? Dejame explicarlo con un ejemplo: si quieres un color que tiene 0 de Rojo -Red-, 0 de Verde -Green- y 255 de Azul -Blue- en hexadecimal, tienes que buscar el valor para 255 (usa la calculadora de Windows para obtenerlo). El resultado es FF. Ahora sólo tienes que probarlo: escribe algún texto en color #0000FF (0 de Rojo, 0 de Verde y 255 de Azul en hexadecimal): ¿Es azul este texto? ¡Sí, funcionó! De esta forma, puedes darte cuenta que los colores sólidos para el fondo se determinan mediante la tabla RGB.

2. El fondo con imágenes o diseño especial de alto contraste puede hacer la lectura de una página web un poco difícil si no creas un buen balance. En general, debes considerar un contraste limitado en el diseño del fondo y un mayor contraste entre los colores del fondo y el empleado para el texto.

¿Estás aún conmigo? Ok, ya te veo, vamos ahora al siguiente consejo 


 
Templates
Sitios prediseñados, todo propósito