Читать книгу Elaboración de documentos web mediante lenguajes de marcas. IFCD0210 - Ramón Guerrero Pérez - Страница 16

Para estructurar el contenido de cada uno de los documentos web que va constituir el sitio, es fundamental conocer las tres partes fundamentales en las que se suelen estructurar la inmensa mayoría de ellos. Estas son:

1 Cabecera (header).

2 Cuerpo (body).

3 Pie de página (footer).

La cabecera se encuentra ubicada en la parte superior de la página web y, por lo general, contiene información relacionada con la temática del sitio. Las cabeceras suelen constar de:

1 Logo y título.

2 Barra de navegación para acceder a las secciones principales del sitio.

3 Información de contacto (si no va incluido en el pie).

4 A veces, se incluyen campos de texto que funcionan como buscadores de contenido dentro de la propia página.

Ejemplo de cabecera de una web

En el cuerpo se localiza el contenido más relevante de un documento web. En esta parte, se pueden añadir barras laterales, las cuales suelen usarse para incluir contenido complementario y/o para mostrar links a otras páginas o secciones.

Ejemplo de cuerpo de una web

Por lo general, en el pie de página se puede encontrar información de contacto, menús que direccionan a las secciones más relevantes, links a otras páginas externas y, en general, contenido complementario relacionado con el tema de la página.

Ejemplo de pie de página de una web

Recuerde

Al hacer que los elementos de una página web sigan un patrón predefinido, es mucho más fácil para los usuarios comprender el contenido y visitarlo en poco tiempo. Este principio es fundamental para mantener la usabilidad del sitio.

Aplicación práctica

Está realizando el diseño de una página web que consiste en un manual interactivo de motores eléctricos. Desea que el sitio disponga de los siguientes elementos:

1 Título del centro de formación que imparte el curso.

2 Título del curso.

3 Barra de navegación para acceder rápidamente a cada uno de los capítulos.

4 Menú para acceder rápidamente a los apartados de cada capítulo.

5 Contenido de cada capítulo (imágenes, texto, vídeos, etc.)

6 Datos de contacto (correo electrónico, localidad donde se encuentra el centro de formación, etc.).

Elabore una tabla que indique en qué parte de la página (cabecera, cuerpo o pie) insertará cada uno de los elementos anteriores.

SOLUCIÓN

Parte o zona de la página	Elementos
Cabecera	Título del centro de formación que imparte el curso. Título del curso. Barra de navegación para acceder rápidamente a cada uno de los capítulos.
Cuerpo	Menú para acceder rápidamente a los apartados de cada capítulo. Contenido de cada capítulo (imágenes, texto, vídeos, etc.).
Pie	Datos de contacto.

En cuanto al estilo gráfico de los sitios web, es importante tener en cuenta que un diseño gráfico adecuado puede ser algo determinante a la hora de hacer que los usuarios que la visiten se sientan cómodos.

Nota

Una página puede funcionar muy bien pero, si no es visualmente atractiva, no llamará la atención de los usuarios.

Respecto al número y las dimensiones de las imágenes, es necesario establecer un equilibrio. Existen páginas que están repletas casi exclusivamente de grandes y lentas imágenes, mientras que también hay otros sitios que casi todo lo que contienen es texto, desaprovechando el uso de los recursos multimedia. Aunque el esquema a elegir siempre variará de diseñador en diseñador, hay que tener presente la búsqueda de un equilibrio entre ambos extremos.

Cuando una página web es visualmente atractiva, se hace mucho más fácil captar la atención de los usuarios.

Otro aspecto importante en el diseño gráfico del sitio es intentar, en la medida de lo posible, mantener una cierta coherencia gráfica, además de atreverse a innovar en este sentido. Los colores de fondo, las texturas y las composiciones interesantes de los elementos dentro de una página es algo que puede perdurar en la memoria del usuario durante mucho tiempo.