Diseño Bootstrap

•  Que es Bootstrap:
• componentes
• botones
• barras de navegación 
• kooter

Según la fuente IA: Bootstrap es un framework de desarrollo web gratuito y de código abierto que se utiliza para facilitar el proceso de desarrollo de sitios y aplicaciones web.

Hipótesis: Bootstrap es una herramienta que utilizan las personas que crean páginas web para hacer que se vean muy bonitas y organizadas. Tienen clases especiales que pueden usar para hacer que los botones, las imágenes y todo lo demás en la página se vean diferentes tanto tamaños de pantalla, desde la computadora hasta el teléfono celular.

¿Cuales son los pasos necesarios para usar Bootstrap?

• Debe existir un archivo index.html
• incluir archivo css, js. se incluyen <include>
• usar componentes

¿ Cuales componentes se usaron en la creación de la pagina?

*Tomas capturas de pantalla de la aplicación web*

Código:

Código:

 Código de las imagines:

*realice una descripción de todo el proceso de creación de la aplicación*

Este código HTML muestra la estructura básica de una página web para una tienda llamada "SZT" que incluye un encabezado (header) con una barra de navegación, un carrusel de imágenes en la sección principal (main), y un pie de página (footer) con un texto que se mueve mediante una etiqueta de marquesina (marquee).

El código comienza con la declaración del tipo de documento (DOCTYPE) y la etiqueta de apertura del elemento principal HTML. Dentro de este elemento se encuentran las etiquetas de encabezado (head) y cuerpo (body). En el encabezado se establece el título de la página, la hoja de estilo CSS y el enlace a la biblioteca de Bootstrap para los estilos de la barra de navegación.

El encabezado incluye una etiqueta de navegación (nav) con una barra de navegación que incluye un logotipo y cuatro enlaces. Los enlaces se muestran en una lista (ul) dentro de la cual hay cuatro elementos de lista (li) con sus correspondientes enlaces (a).

En la sección principal (main) se encuentra un carrusel de imágenes que se muestran de forma automática mediante la biblioteca de Bootstrap.

Finalmente, en el pie de página (footer) se incluye un texto que se mueve mediante una etiqueta de marquesina (marquee).

Este código es solo un esqueleto básico de lo que sería una página web de una tienda, pero se podría ir mejorando y personalizando de acuerdo a las necesidades.

Preguntas de contextualización

• Cuales son los pasos necesarios para usar los componentes del framework Bootstrap?

Añadiendo los link que te presta la pagina de Bootstrap.

• Que se debe realizar para usar los componentes que ofrece Bootstrap?

Para usar los componentes que ofrece Bootstrap, se debe incluir los archivos CSS y JavaScript del framework en la página web.

• De un ejemplo de la construcción de una pagina web. (Imágenes)

Código:

• Como se centra un componente?

Una manera común de centrar un componente es a través de CSS. Dependiendo del tipo de componente y su posición en la página, se pueden utilizar las propiedades margin y tex-aling para centrar horizontal y verticalmente un elemento.

• Como se cambia el tamaño de fuente de un componente?

se cambia con la etiqueta "new font" para poder cambiar el tipo de fuente.

• Como se modifica el ancho de una pagina web?

Para modificar el ancho de una página web, es necesario establecer el ancho del elemento HTML y del elemento body y/o del contenedor principal mediante el uso de CSS width

• Como se modifica el alto de una pagina web?

Para modificar el alto de una página web 1, es necesario establecer la altura del elemento HTML y del elemento body y/o del contenedor principal mediante el uso de CSS. height: