Tarea para DIW01 - Daniel Acero Sagredo

1. Clasificación de elementos:

Elementos de Identificación:
- Nombre del negocio: "Migas amigas"
- Logo o imagen representativa del negocio.
- Título de la página.
- Menú de navegación.
Elementos de Navegación:
- Menú de navegación con enlaces a las secciones: Panadería, Pastelería - Bollería, Empanadas.
- Enlaces de idioma: Castellano y Portugués.
Elementos de Contenido:
- Secciones de la página: Panadería, Pastelería - Bollería, Empanadas.
- Descripciones de productos con ingredientes y sistema de elaboración.
- Fotografías de los productos.
- Información de contacto: dirección, teléfono, croquis de ubicación.
- Animación del proceso de elaboración del pan.
Elementos de Interacción:
- Menú desplegable o enlaces para cambiar entre idiomas.
- Enlaces a las diferentes secciones.
- Animación interactiva del proceso de elaboración del pan.

2. Tipo de estructura de navegación: La estructura de navegación más adecuada sería una barra de navegación horizontal que contenga enlaces a las secciones principales (Panadería, Pastelería - Bollería, Empanadas) y enlaces para cambiar el idioma. Esto proporcionaría una navegación clara y fácil de entender para los usuarios, permitiéndoles acceder rápidamente a las diferentes secciones y cambiar el idioma según sus preferencias.

3. Guía de Estilos:

Colores:
- Utilizar colores cálidos y acogedores que reflejen la naturaleza del negocio, como tonos de marrón, beige y amarillo.
Tipografía:
- Elegir fuentes legibles y amigables. Puede considerarse una fuente manuscrita para dar un toque más personal.
Imágenes:
- Utilizar imágenes de alta calidad de los productos y del proceso de elaboración del pan.
- Mantener un estilo coherente en las imágenes para transmitir una imagen uniforme.
Animación:
- La animación del proceso de elaboración del pan debe ser suave, no intrusiva y fácil de entender.
Diseño Responsivo:
- Asegurarse de que el diseño sea compatible con dispositivos móviles para una experiencia de usuario óptima.

4. Estructura de la Página en XHTML:

<!DOCTYPE html>
<html lang="es">
<head>
  <meta charset="UTF-8">
  <title>Migas amigas</title>
  <!-- Agregar enlaces a hojas de estilo y scripts aquí -->
</head>
<body>
  <header>
    <!-- Logo o imagen representativa -->
    <h1>Migas amigas</h1>
    <!-- Menú de navegación -->
    <nav>
      <ul>
        <li><a href="#panaderia">Panadería</a></li>
        <li><a href="#pasteleria">Pastelería - Bollería</a></li>
        <li><a href="#empanadas">Empanadas</a></li>
        <li><a href="#" class="language">Español</a> | <a href="#" class="language">Portugués</a></li>
      </ul>
    </nav>
  </header>

  <section id="panaderia">
    <!-- Contenido de la sección de Panadería -->
  </section>

  <section id="pasteleria">
    <!-- Contenido de la sección de Pastelería - Bollería -->
  </section>

  <section id="empanadas">
    <!-- Contenido de la sección de Empanadas -->
  </section>

  <footer>
    <!-- Información de contacto -->
  </footer>
</body>
</html>