1 00:00:05,690 --> 00:00:12,010 En este video vamos a comenzar con nuestro programa de proyecto la idea en esto es que cuando describa 2 00:00:12,200 --> 00:00:17,420 por ejemplo aquí en conferencia se oculte este contenido y tome las otras conferencias seminarios y 3 00:00:17,420 --> 00:00:17,960 se muestre. 4 00:00:18,470 --> 00:00:21,610 Sin embargo esa parte aún no será hecha porque lo haremos también con JavaScript. 5 00:00:22,340 --> 00:00:27,020 Pero todo lo que es el Leidi todo este diseño lo vamos a finalizar en esto. 6 00:00:27,020 --> 00:00:31,930 En este capítulo y también la parte de los videos de fondo. 7 00:00:31,930 --> 00:00:35,320 De hecho los dueños de fondos serán los primeros que haremos en este video. 8 00:00:35,320 --> 00:00:44,100 Si abres los archivos vas a encontrar una carpeta llamada video con cuatro videos. 9 00:00:44,350 --> 00:00:50,220 Vamos a copiar esa carpeta a GDL webcam y lo pegamos 10 00:00:53,100 --> 00:00:55,640 y estos videos es este video. 11 00:00:55,640 --> 00:00:59,630 Con estas manos están trabajando 12 00:01:03,740 --> 00:01:09,050 así que tenemos los cuatro videos vamos a volver a nuestro diseño y quedan suponerle que este serla 13 00:01:10,590 --> 00:01:22,820 sección íbamos a crear otro sección la sección Programa y cerramos esta sección que un comentario que 14 00:01:22,820 --> 00:01:32,560 diga programa y dentro vamos a colocar un clip con la clase contenedor video y vamos a colocar la etiqueta 15 00:01:32,560 --> 00:01:34,380 de video video. 16 00:01:34,490 --> 00:01:41,320 Este contenedor videos para dar estilos con CSS y vemos que con Atom si escribes video te crea esta 17 00:01:41,320 --> 00:01:42,550 estructura. 18 00:01:42,690 --> 00:01:53,330 No necesitamos todos vamos a quitar ese y lo vamos a dejar en autoplay en loop y el poster el poster 19 00:01:53,330 --> 00:02:00,470 tengo un agregado que se llama MGA talleres en vez de talleres que vendría siendo este. 20 00:02:00,480 --> 00:02:12,040 Esta imagen se va a mostrar en algunos dispositivos no en todos los talleres punto JPG así que guardamos 21 00:02:12,040 --> 00:02:17,620 si guardamos cambio se recargamos entonces que no nos muestra mucho. 22 00:02:17,870 --> 00:02:19,740 Falta agregar las fuentes. 23 00:02:19,880 --> 00:02:27,920 Una vez que un sours y el Sors primero va a ser Video Video punto a mp4. 24 00:02:27,920 --> 00:02:38,630 Como dije hace ya buen rato seré el primero que tienes que cargar el MP4 esto porque un AIPAC o cualquier 25 00:02:38,630 --> 00:02:47,660 otro dispositivo de Apple si no detecta un MP4 de primero como que te dice y como si no hasta ese video. 26 00:02:47,650 --> 00:02:55,640 Primero no reproduzco nada entonces marca error segundo serían huev m y por último 1GB. 27 00:02:55,690 --> 00:03:01,300 Con eso estamos cubriendo casi todos los dispositivos Obviamente faltaría un video como para una versión 28 00:03:01,300 --> 00:03:03,100 muy vieja de un navegador. 29 00:03:03,130 --> 00:03:14,010 Para eso tendrías que tener un flash pero no es mi intención tampoco crear un sitio web para este sitio 30 00:03:14,070 --> 00:03:18,640 para navegadores muy antiguos recargamos y vamos que ya se ve en nuestro viejo 31 00:03:22,170 --> 00:03:26,420 así que este video estará viéndose como fondo de esta sección. 32 00:03:26,430 --> 00:03:30,980 Esto para darle un toque más visual atractivo a nuestro diseño. 33 00:03:32,660 --> 00:03:38,830 Y en el siguiente video vamos a continuar agregando todo el HTML que va a estar encima igual. 34 00:03:38,840 --> 00:03:45,410 De momento no va a estar encima el posicionamiento lo haremos con CSS sin embargo ya tenemos como un 35 00:03:45,410 --> 00:03:52,820 avance en el siguiente vamos a crear este programa del evento y el menú para después crear el contenido.