Trabajo obligatorio del Curso Superior en Programación de Páginas Web — Instituto Tecnológico MasterD.
📁 Este proyecto ha sido desarrollado únicamente con fines educativos y prácticos.
📚 Incluye guías paso a paso.
🗓 Última actualización: 25-10-2025.
Crear un sitio web completo para una empresa ficticia, utilizando las tecnologías aprendidas hasta la fecha.
-
Página de inicio: Portada del sitio web con varias secciones, incluida una sección de noticias subidas desde un archivo externo.
-
Página de Galería: Incluye una galería dinámica y moderna.
-
Página de Presupuesto: Formulario compuesto de dos partes:
-
Datos de contacto: Incluye un apartado para los datos personales del usuario.
-
Presupuesto: Incluye una sección para elegir un producto asociado a un precio, un tiempo de entrega con descuento según el tiempo seleccionado y opciones para elegir extras para los productos que aumentarán el presupuesto. El presupuesto final se actualiza dinámicamente según las opciones elegidas.
-
-
Página de Contacto: Incluye datos de la empresa ficticia y un mapa interactivo (OpenStreetMaps), con una ruta trazada desde la ubicación del cliente hasta la ubicación del negocio 'ficticios'.
- Diseño atractivo y moderno.
- Barra de navegación fija con nombre, logo, enlaces que resaltan la página actual e iconos para navegar entre las secciones de la página de inicio resaltando la sección actual.
- Pie de página con logos de redes sociales, dirección de la empresa ficticia y simulación de aviso legal.
- 🌐 Para su correcto funcionamiento el proyecto debe ejecutarse desde un servidor local. Se recomienda el uso de XAMPP.
- 📂 Este proyecto no utiliza base de datos. Los datos introducidos en el formulario de Presupuesto no se almacenan de forma persistente. Se trata únicamente de una simulación de envío de formulario.
Sobre cumplir con el objetivo que se pedía en este trabajo y funcionar todo correctamente, la arquitectura general del proyecto, no está optimizada ni diseñada para usarse como base en entornos de producción. No se recomienda utilizarla tal cual.
No obstante, parte del código fuente puede resultar útil como referencia. Es posible reutilizar fragmentos y adaptarlos a desarrollos personales o profesionales, según las necesidades.
En esta guía, encontrarás toda la información necesaria sobre cómo crear un nuevo proyecto estático:
Crear un repositorio en GitHub y subir tu proyecto local permite mantener tu código seguro, respaldado y accesible desde cualquier lugar. Además, facilita el trabajo colaborativo, el seguimiento de cambios, y la integración con herramientas de desarrollo modernas como CI/CD, despliegues automáticos y más.
En esta guía, encontrarás toda la información necesaria sobre cómo crear un repositorio en GitHub y subir tu proyecto local:
En esta guía, encontrarás toda la información necesaria sobre cómo clonar y ejecutar este proyecto en un entorno local con XAMPP:
💡 Recuerda copiar la URL de este repositorio desde
<> Code / HTTPSpara reemplazar la URL de ejemplo que se proporciona en la guía para clonar el proyecto.
Este proyecto está licenciado bajo la Licencia MIT. Consulta el archivo LICENSE para más detalles.