Sesión 2: 8 de marzo

Clase 2 de 4 • #PlatziChallenge: Crea tu primera página web

Gabriela Mabel Mignone

student•

Compartir videos de youtube en html:

<iframe width="560" height="315" src="https://www.youtube.com/embed/2GG7rVs3HOg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Johan Murcia Caviedes

student•

Dentro de ese contenido "autoplay;" hace lo que imagino que hace con el vídeo que piensas compartir...?

LUIS ALBERTO CUNALATA BOMBON

student•

No funciona al copiar este link en VSC, en la página sale que no se puede reproducir, es mejor descargar el .mp4 para que funcione sin problema.

yeferson soto

student•

porq no puedo ver el video en la app pero si en la web alguna solución??????

David Arias Fuentes

student•

Hola Yeferson.

Podrías reportar ese problema técnico con el equipo de soporte vía correo electrónico al siguiente mail team@platzi.com.

Axel Enrique Galeed Gutierrez

student•

Consulta. No me quedo claro el tema de las etiquetas <li></li>, ¿Se puede colocar etiquetas como <a></a> o <p></p> dentro de una etiqueta <li></li>? Gracias.

Gerardo Enmanuel Camejo Blanchard

student•

<li> es literalmente item list o elemento de lista,se utilizan dentro de las etiquetas <ul> o <ol> y si, si puedes usar etiquetas como <a> o <p> dentro de ellas

Axel Enrique Galeed Gutierrez

student•

Muchas gracias.

Javi Felices

student•

Por complementar el tema del HTML semántico en cuanto a imágenes, vídeos y derivados, tenemos nuevas etiquetas como figure y figcaption, y picture Un saludo y gracias.

Florian Martinez

student•

Muy interesante este segundo día de este reto Platzi Live y me da gusto de profundizar más. Reto doblemente aceptado.

JOHN HARRISON FERNANDEZ TORREs

student•

Hola intento colocar color al mi header y no me aparece background-color debo instalar algo pra que aparezca ??

Maga Hernandez

student•

Ana no explico, o por lo menos lo que he visto hasta el momento, como el atajo para comentar.. todo un bloque..........

Fernando Campos

student•

Hola El atajo para comentar todo un texto seleccionado en vscode es ⌘K ⌘C para mac o Ctrl+K Ctrl+C para windows

Adalberto Zanabria Castro

student•

@juandc La profe se doxxeo solita... no sería mejor re subir el video editando esa parte por seguridad? Yo se que en Platzi hay puros compañeros buenos pero no vaya ser de malas

Juan Castro

teacher•

Listos, muchas gracias por avisar :)

Carlos Reyes

student•

Yo también siempre meto el nav en el header, para usarlo como contenedor :v

Adalberto Zanabria Castro

student•

Mi aporte sobre el nav dentro o fuera del header sería que depende cómo lo queramos estilizar mas adelante, porque si dentro de CSS elegimos estilizar el header y dentro tenemos el nav, pues todos los estilos también se aplicarían al nav. Esto puede o no puede ser lo que nosotros quisiéramos lograr. Tal vez nos gustaría tener el nav y header con el mismo background y el mismo color de texto por ejemplo y sería cómodo todo estilizarlo solo con el header. De cualquier forma, los estilos de CSS se definen en cascadas. así que si primero escribimos estilos para el header que se filtrarían al nav, y después escribimos estilos al nav, estos sobrescribirían los puestos por el header. O ser mas específicos usando:

header nav {
 //estilos aquí
}

Lo que significa "El nav dentro del header". Aunque ambas partes se pueden y depende de preferencia, a mi en lo personal me gusta hacerlos por separado porque siento que así sigo un principio de programación llamado "Única Responsabilidad", de esta forma yo se que el header es el header y nada mas y así se logra tener un código mas limpio. Perdón por la biblia 😅.

Santiago miguel jesus Kesseler Huber

student•

hola podrian subir la charla de hoy que no pude asistir muchas gracias

Brandon Jesús Flores Vásquez

student•

https://platzi.com/live/primera-pagina-sesion-3/

Rodrigo Andrés Moreno Pertúz

student•

para este caso la etiqueta no les funciona por que youtube bloquea la peticion, pero en vez de la etiqueta <source/> meten la etiqueta <iframe/> que les da el mismo youtube en el video donde dice compartir ()=> embed usan ese iframe

Luis Carlos Zapata García

student•

Si no tiene estructura va ser dificil en la maquetación.

Luis Carlos Zapata García

student•

no todas las etiquetas son necesarias en las secciones

<iframe width="560" height="315" src="https://www.youtube.com/embed/2GG7rVs3HOg" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Sesión 2: 8 de marzo

Grabaciones

Sesión 1: 3 de marzo

Sesión 2: 8 de marzo

Sesión 3: 10 de marzo

Sesión 4: 15 de marzo