Template Sitio Web

Índice

• Introducción
• Descripción
• Desarrollo
• Implementación
• Pruebas y actualizaciones

Introducción

El presente documento describe la plantilla de un sitio web en desarrollo como ejemplo de Playground: en el diseño, desarrollo del código, implementación y pruebas en el Hosting y actualizaciones del repositorio.

Descripción

El proyecto se inició con la creación del archivo índice index.html, el que contiene todo el código de etiquetas HTML de estilo Bootstrap y CSS personalizado. Además de esta libería su utiliza jQuery y googleFont de tipo de letra: Monserrat.

Desarrollo

Diseño

En su portada o home tiene los siguientes componontes de boostrap: v5.3: bootstrap.min.css" y bootstrap.bundle.min.js.

• Navbar personalizada con logo central, items laterales y menu dropdown automático.
• Carousel personalizado en texto central, indicadores y ajuste de imágenes.
• Cards personalizadas en Head, Body y Footer con imágenes, textos y colores de fondo.
• Jumbotron de fondo imagen y texto.
• Jumbotron de blogs primario y secundario.
• Jumbotron de imágenes o logos de clientes.
• Footer con logo y tres columnas de navegación.

Además se instaló jQuery v3.7 para la operación del modal de contacto.

Y se instaló Google Font con el tipo de letra Montserrat.

El archivo style.css modifica el dropdown de los items de la barra de navegación. Configura del carousel la tonalidad, contraste y diseño. Además personaliza la clase cards en su head, body y footer. Finalmente se asigna a un div imagen de fondo y comportamiento responsivo.

Codificación

El código fuente del sitio se desarrolló en los lenguajes HTML, CSS-Bootstrap y Javascript. Soporte técnico en la librería jQuery y en el Framework Bootstrap.