Tienda de camisetas

Viernes 18 de marzo del 2022

8:00 a.m. a 11:00 a.m.

1:00 p.m. a 2:40 p.m.

Hay 2 maneras principales para agregar videos en html:

-        Si el video lo creas tú en una app

1.    Coloca la etiqueta <video> </video>

2.    <source src=”video.mp4” typevideo=”video/mp4”

3.    Atributos para colocar dentro de: <video controls/muted/autoplay>

-        Si el video lo insertas desde YouTube :

1.    Seleccionas el video

2.    Dirígete a la parte de compartir

3.     Selecciona < >Insertar

4.    Copia el código y pégalo en tu página html

Enfoque de BEM

B lock (bloque)

E lement (elemento)

M odifier (identificador)

El enfoque de BEM es una metodología para crear código re-utilizable y ordenado en tus proyectos CSS.

Reglas

1.    Bloques. - Son un contenedor, si una sección por si sola es significativa y no requiere de otras secciones por su apariencia debería de ir en un bloque. Ejemplo:

<div class”Cliente”>…</div>

2.    Elementos. - Es la parte de un bloque. Depende de un bloque y no es por sí solo significativo; tienen la característica de que utilizan el nombre del bloque y después doble guion bajo. Ejemplo:

<p class”Cliente_ _nombre”></p>

CSS

.cliente_ _nombre{…}

3.    Modificadores. - Un bloque o elemento tendría una variante, se utiliza un modificador que es una bandera, que avisa que ese elemento tendrá un diseño diferente. Ejemplo:

<p class”Cliente_ _nombre--ceo”>..</p>

CSS

.cliente_ _nombre—ceo{…}

Para la barra de navegación de la página que está en curso se utilizará el siguiente código:

.navegacion_ _enlace—activo,.navegacion_ _enlace:hover{

              Color:var(--secundario);

}

El día de hoy le estuvimos avanzando a la codificación de la página web que simula una tienda de camisetas, estos son mis avances:

tienda.html

productos.html

nosotros.html

estilos.css

Trabajo elaborado por: Armendariz Hernández Michelle Estefania