Reglas para estructurar y diseñar páginas Web

Igual que cualquier otro medio, el Web tiene ciertas idiosincracias que el buen diseñador debe tener en cuenta. Dado que el Web es un medio estrictamente para computadoras, el resultado que querramos obtener se verá condicionado al hardware con el que se visualice (la tarjeta de video, el monitor, y las configuraciones) y el explorador web que se utilice para la visualización de nuestras páginas web.

Definir el contenido de las páginas web:

Use gráficos y colores y varíe el tamaño de la letra para realzar la página web, pero asegúrese que la página también funcione cuando se vea como texto normal.

Incluya siempre una alternativa de texto a los elementos gráficos, pues algunos usuarios desactivan su presentación para lograr una descarga de la página web mucho más rápida..

Reduzca el texto al mínimo, es decir no es conveniente presentar textos muy largos, ya que el usuario no los lee.

Reduzca al mínimo los estilos de encabezamientos y subtítulos cuando organice el contenido y utilice los estilos de forma coherente.

Puede insertar líneas horizontales para separar visualmente las secciones del documento.

Combinación de fondos con el texto:

El fondo puede hacer que la lectura de los documentos en pantalla sea más atractiva. Sin embargo, los colores e imágenes oscuras pueden interferir con los colores del texto, dificultando su lectura. Es conveniente aplicar al texto un color de contraste, por ejemplo: un color claro para texto sobre fondo oscuro y viceversa. Pero, trate de evitar la utilización de textos de color blanco, pues algunas impresoras no escriben en dicho color.

Establecer la longitud de la página web:

Una gran parte de los monitores de los equipos personales actuales presentan la información en una resolución de 640 x 480 pixels en pantallas de 13 a 15 pulgadas (también en 800 x 600). Diseñe las páginas web de forma que la información se presente en partes cortas y claramente segmentadas, a fin de mantener las páginas concisas.

Una buena regla general para escribir una página web que se leerá en la pantalla es que su longitud no sea mayor que dos o tres pantallas de información de 640 x 480, incluidos los enlaces de navegación locales, al principio y final de la página.

Si la información es muy extensa, divida la información en páginas web separadas o proporcione un enlace con un archivo diferente que contenga el texto en una sola página. Esto permitirá que la descarga de la información y la navegación a lo largo de los diferentes temas se haga más rápida para los visitantes del sitio Web.

Reducir el tamaño de los archivos de imágenes y vídeos en las páginas Web:

Las imágenes son un elemento importante en un sitio Web. Estas vienen en dos formatos básicos: GIF y JPEG. Cada formato tiene sus ventajas e inconvenientes.

Las imágenes GIF son preferibles cuando la imagen va a contener menos de 256 colores. Los GIF son también apropiados para animaciones sencillas. Las imágenes JPEG se utilizan en imagenes con más de 256 colores, como son las fotografías escaneadas.

Las imágenes gráficas y los videos pueden dar un aspecto más atractivo a sus páginas web. Sin embargo, los archivos de dichos elementos pueden llegar a ser de gran tamaño e incrementar el tiempo necesario para descargar las páginas, sobretodo para los lectores que tienen acceso vía MODEM. El tiempo de descarga es muy importante en el World Wide Web, ya que algunos usuarios abonan la cuota en función de las horas de conexión, otros simplemente  no son tan pacientes como para esperar mucho tiempo por la carga de la página. Si Ud. planifica la cantidad de imágenes que utilizará en su pagina Web y su tamaño, puede reducir por consiguiente el tamaño de los archivos y el tiempo de descarga de los gráficos y videos.

Para reducir el tamaño de un archivo gráfico, utilice menos colores, reduzca el alto y el ancho del gráfico o recórtelo.

Uso de tablas como herramientas de diseño web:

Puede utilizar las tablas como una herramienta de diseño, pero también para organizar la información. Las columnas, los gráficos y el texto pueden organizarse de forma que aparezcan alineados en los navegadores Web. Si no se utilizan tablas, es complicado mantener los gráficos y el texto alineados en HTML (formato de las páginas Web).

Uso de distintos navegadores:

Su página Web puede tener un aspecto en su pantalla y otro diferente para los usuarios que la vean, en especial si lo hacen en el Word Wide Web. Los usuarios ven las páginas web con distintos exploradores (Ej: Internet Explorer o Netscape Navigator) que, por lo general, se encuentra en sistemas operativos diferentes. Se recomienda utilizar un diseño de páginas web que sea legible en todas o en la mayoría de las circunstancias. Aunque todos los navegadores admiten un único lenguaje HTML, existen algunas diferencias entre ellos.