¡Visita la página web aquí: https://MagicDev-Rc.github.io/my_first_website/
Este proyecto es una página web estática de un restaurante ficticio llamado Restaurante REYES. La página ha sido desarrollada completamente con HTML5 para demostrar el uso de varios elementos esenciales en la estructuración de un documento web. Es un proyecto ideal para quienes se inician en el desarrollo web con HTML.
Para construir la página se emplearon los siguientes elementos, cada uno con una función específica para estructurar la información:
- Estructura Principal:
<main>: Contiene el contenido principal del documento, excluyendo elementos como el encabezado y el pie de página, lo que mejora la semántica y accesibilidad.<section>: Se usó para agrupar contenido temático relacionado, como la sección "Menú" o "Sobre nosotros".
- Contenido de Texto y Encabezados:
<p>: Para párrafos de texto, proporcionando información detallada sobre el restaurante o los platos.<h1>,<h2>,<h3>,<h4>: Se utilizaron para definir una jerarquía clara en los títulos y subtítulos del contenido.
- Listas:
<ol>(lista ordenada) y<ul>(lista no ordenada): Para listar elementos de manera estructurada, como el menú del restaurante o una lista de servicios.<li>: El elemento individual dentro de las listas.
- Imágenes y Multimedia:
<figure>: Un contenedor para imágenes que son parte del contenido principal.<figcaption>: Proporciona una leyenda o descripción para las imágenes dentro de un elemento<figure>.<img>: Para insertar imágenes en la página.
- Formularios:
<form>: Contenedor para el formulario de contacto o de reservaciones.<fieldset>y<legend>: Se utilizaron para agrupar campos relacionados en el formulario.<label>y<input>: Para crear etiquetas y campos de entrada de datos.
- Énfasis de Texto:
<strong>: Para resaltar palabras o frases importantes.
- Pie de página:
<footer>: Proporciona información de contacto y derechos de autor al final de la página.
Para visualizar la página web, primeramente se debe descargar el archivo index.html y luego abrirlo en tu navegador web. No se necesita ningún servidor local, ya que el proyecto es una página estática.