Módulo Training Code
Valeria Avellaneda
Created on September 5, 2024
Over 30 million people build interactive content in Genially.
Check out what others have designed:
ANCIENT EGYPT
Learning unit
MONSTERS COMIC "SHARING IS CARING"
Learning unit
PARTS OF THE ANIMAL CELL
Learning unit
PARTS OF A PROKARYOTIC CELL
Learning unit
PARTS OF THE PLANT CELL
Learning unit
Transcript
https://getbootstrap.esdocu.com/docs/5.3/getting-started/download/
Bootstrap
EMPEZAR >
>
>
Crea dentro de la carpeta de tu proyecto, una carpeta JS y dentro de la misma, copia el archivo bootstrap.js del comprimido que descargamos en el paso anterior
3
Crea dentro de la carpeta de tu proyecto, una carpeta CSS y dentro de la misma, copiar el archivo bootstrap.css del comprimido que descargamos en el paso anterior
2
Crea una carpeta con el nombre del proyecto (Nombre de tu cliente)
1
Estructura
Crea dentro de la carpeta de tu proyecto, un archivo index.html
4
>
>
INDEX.HTML
TEMPLATES
Esta seccion te ayudarán a poner orden a tu idea de como armar la estructura del sitio
siguiente >
Los contenedores se utilizan para contener, rellenar y (a veces) centrar el contenido dentro de ellos. Si bien los contenedores pueden anidarse, la mayoría de los diseños no requieren un contenedor anidado.
<div class="container">
>
>
Los contenedores responsive te permiten especificar una clase que tiene un 100% de ancho hasta que se alcanza el breakpoint.**Los breakpoints se usan para controlar cuándo se puede adaptar tu diseño a un viewport particular o tamaño de dispositivo.
Contenedores responsive
>
>
Es una parte de la estructuración web moderna presentada con HTML5. Esta etiqueta está diseñada para contener elementos de cabecera o introducción de una página web.
etiqueta <header>
<header> <footer>
Es un elemento estructural que se utiliza para identificar el pie de página. Normalmente contiene información de copyright y autoría o elementos de navegación relacionados con el contenido del elemento principal.
etiqueta <footer>
HTML <main> Tag
>
>
Especifique el contenido principal del documento
El contenido dentro del elemento <main> debe ser exclusivo del documento. No debe contener ningún contenido que se repita en los documentos, como barras laterales, enlaces de navegación, información de derechos de autor, logotipos del sitio y formularios de búsqueda.
No debe haber más de un elemento <main> en un documento. El elemento <main> NO debe ser descendiente de un elemento <article>, <aside>, <footer>, <header> o <nav>.
>
>
Estructura básica
>
>
Estructura básica
/
A TRABAJAR