Ejercicio 2 - Diseño Detallado de Encabezado y Pie de Página para Restaurante Gusteau's

[CristianFrances]

Ejercicio 2 - Diseño Detallado de Encabezado y Pie de Página para Restaurante Gusteau's

Descripción

El objetivo de este ejercicio es crear un encabezado y un pie de página distintivos y acordes con el tema del restaurante Gusteau's, reflejando un ambiente elegante y acogedor típico de los bistros parisinos.

Tareas:

• [x] Encabezado (div.encabezado):
  • [x] Utilizar la imagen de cabecera generada como fondo.
  • [x] Añadir un logo ficticio de Gusteau's al lado izquierdo del encabezado (si los estudiantes tienen habilidades de diseño, pueden crear uno simple).
  • [x] Colocar el título del restaurante: "Restaurante Gusteau's" centrado en el encabezado.
  • [x] Configurar el color del texto en #5a3e36 (marrón oscuro).
  • [x] Seleccionar el tipo de letra 'Georgia', serif.
  • [x] Establecer el tamaño del texto en 36px.
  • [x] Asegurarse de que la altura del encabezado sea suficiente para mostrar adecuadamente la imagen de fondo.
• [x] Pie de Página (div.pie):
  • [x] Configurar el color de fondo en #5a3e36 (marrón oscuro).
  • [x] Definir el color del texto como #ecdcc6 (crema claro).
  • [x] Agregar enlaces de utilidad como "Sobre Nosotros", "Menú", "Contacto", etc.
  • [x] Utilizar el tipo de letra 'Helvetica', sans-serif.
  • [x] Establecer el tamaño del texto en 16px.
  • [x] Alinear los enlaces horizontalmente con un espaciado adecuado.
  • [x] Incluir derechos de autor y la dirección del restaurante en el centro o lado derecho del pie de página.

Instrucciones Adicionales:

• Fomentar la atención al detalle, asegurando que el encabezado y el pie de página no solo sean funcionales, sino también estéticamente atractivos y coherentes con el tema del restaurante.
• Experimentar con diferentes estilos y disposiciones para encontrar la mejor presentación.

Referencias:

• Puedes consultar la documentación de diseño web en Mozilla Developer Network (MDN) para obtener información detallada sobre las técnicas de diseño web.
• Aquí tienes una guía sobre cómo crear un menú de navegación en HTML y CSS.

¡Este ejercicio os permitirá desarrollar habilidades en el diseño de elementos clave de una página web, asegurando que estos componentes reflejen el tema y estilo del sitio de manera efectiva!