Organizar el contenido de la página con html
La legibilidad es el principio más importante para organizar y mostrar el contenido de su página web. Su página web debe permitir a los visitantes a leer fácilmente, comprender y actuar en su contenido. La acción deseada que tiene en mente para sus visitantes puede ser para hacer clic y leer el contenido adicional, compartir el contenido con otros, o tal vez hacer una compra.
Video: Curso basico de html - Estructura semantica HTML5
Mal organizada contenido conducirá a los usuarios a abandonar su sitio web antes de participar con su contenido durante el tiempo suficiente para completar la acción deseada.
Las figuras muestran dos ejemplos de la web de la legibilidad. En esta figura, Craigslist.org se buscó un apartamento en Nueva York.
Fuente: craigslist.org
Video: tutorial html y css | posicionamiento de divs en el contenedor general (basico)
Los resultados de la búsqueda se estructuran como una lista, y se puede limitar el contenido de muestra utilizando los filtros y los formularios de búsqueda. Cada perfil tiene varios atributos, tales como una descripción, el número de habitaciones, el barrio, y, lo más importante, el precio. La comparación de atributos similares de diferentes listados toma un poco de esfuerzo - Anuncio de la línea dentada debe seguir su ojo.
La siguiente figura muestra los resultados de una búsqueda realizada en Hipmunk.com vuelos desde Nueva York a Londres.
Fuente: hipmunk.com
Video: Alineación de Texto con HTML y CSS - Muy Básico
Al igual que con los resultados de búsqueda de Craigslist, se puede limitar el contenido que se muestra el uso de los filtros y los formularios de búsqueda. Además, cada listado de vuelo tiene varios atributos, incluyendo el precio, portador, hora de salida, hora de aterrizaje, y duración, que son similares a los atributos de los listados de apartamentos. La comparación de atributos similares de diferentes vuelos es mucho más fácil con la disposición Hipmunk, sin embargo. Nótese cómo el contenido, en contraste con Craigslist, tiene un diseño que permite que el ojo siga una línea recta hacia abajo la página, para que pueda clasificar y comparar diferentes opciones fácilmente.
No subestime el poder de la simplicidad cuando se muestran los contenidos. Aunque el diseño del contenido de Craigslist puede parecer casi demasiado simple, el sitio es uno de los 50 sitios web más visitados del mundo. Reddit.com es otro ejemplo de una página web 50 superior con un diseño simple.
Antes de mostrar su contenido, hágase algunas preguntas importantes primero:
¿Su contenido tiene un atributo con los datos relacionados, o ¿se sigue pasos secuenciales? Si es así, considere el uso de listas.
¿Su contenido tiene múltiples atributos adecuados para la comparación? Si es así, considere el uso de tablas.
¿Es necesario recoger la entrada del visitante? Si es así, considere el uso de formas.
No permita que estas opciones te abruman. Elegir uno, ver cómo reaccionan a sus visitantes, y si es necesario cambiar la forma de visualizar el contenido. El proceso de evaluación de una versión contra otra versión de la misma página web se llama Pruebas A / B.