1 00:00:00,770 --> 00:00:01,090 Todo bien. 2 00:00:01,100 --> 00:00:02,060 Dar una buena acogida. 3 00:00:02,330 --> 00:00:07,870 Entonces, el Tauriel crearemos el deslizador de fondo para nuestra página de inicio de Joachim. 4 00:00:08,150 --> 00:00:12,830 El control deslizante de fondo va a tener cinco imágenes que se desvanecen una en la otra para que sean 5 00:00:12,830 --> 00:00:13,640 visibles durante cinco segundos. 6 00:00:13,640 --> 00:00:18,620 Toman un desvanecimiento de cinco segundos y luego un desvanecimiento de cinco segundos y el desvanecimiento se solapa con el desvanecimiento 7 00:00:18,620 --> 00:00:21,140 para la siguiente imagen creando un efecto de fundido cruzado. 8 00:00:24,920 --> 00:00:31,340 Tengo un directorio llamado control deslizante de fondo y Cyder de fondo es en realidad solo la versión 11 de tu cámara. 9 00:00:31,340 --> 00:00:34,740 Entonces, lo primero que voy a hacer es abrir mi escena 10 00:00:35,150 --> 00:00:42,150 Entonces, si toma su versión de 11 y crea una versión 12, puede comenzar a trabajar desde ese directorio. 11 00:00:42,230 --> 00:00:45,960 Así que voy a visitar el tutorial que creé en get 12 00:00:50,030 --> 00:00:57,530 have the euro para esto es conseguir que com com barra mi nombre de usuario que está en x 3 T y 13 00:00:57,530 --> 00:00:59,310 luego barra diagonal de fondo deslizante. 14 00:00:59,870 --> 00:01:05,750 Entonces, lo primero que vamos a querer hacer es abrir nuestro landing para que la página de Ejaz vuelva a mi espacio de 15 00:01:06,110 --> 00:01:14,030 trabajo, vaya al directorio de vistas y abra el landing W. J. como si fuera a volver 16 00:01:14,630 --> 00:01:22,230 al tutorial y copiaré toda esta porción de código para que pueda reemplazar todo esto. 17 00:01:22,300 --> 00:01:28,930 Ahora lo que tenemos aquí es que nuestro conjunto de doctype es para montar y luego dentro de nuestra área de cabeza tenemos un par 18 00:01:28,930 --> 00:01:29,490 de enlaces. 19 00:01:29,500 --> 00:01:34,340 Tenemos uno para bootstrap Mendonsa SS Ese es nuestro CDN para bootstrap. 20 00:01:34,390 --> 00:01:36,260 Luego vinculamos a nuestra hoja de estilo personalizada. 21 00:01:36,430 --> 00:01:40,390 Esta es una nueva hoja de estilo que he creado porque no quiero utilizar ninguno 22 00:01:40,650 --> 00:01:44,360 de los estilos del CSSA principal. Estos estilos serán específicos de la página de destino. 23 00:01:44,560 --> 00:01:50,050 Así que también vamos a tener que agregar un aterrizaje que CSSA dentro de nuestro directorio de hojas de estilo, pero vamos a 24 00:01:50,050 --> 00:01:51,510 volver a eso en un segundo. 25 00:01:51,910 --> 00:01:54,940 También agregué el CDN para algo llamado modernizador. 26 00:01:55,180 --> 00:02:00,550 Entonces, ¿qué van a hacer los modernizadores para que revisen la versión del navegador y luego agregarán 27 00:02:00,550 --> 00:02:06,330 algunas clases especiales a nuestra página en caso de que el navegador sea más antiguo como Internet Explorer 28 00:02:06,330 --> 00:02:12,100 8 y eso permitirá que nuestro CSSA se adhiera a esas clases que son agregado por modernizador y 29 00:02:12,100 --> 00:02:16,100 hacer que nuestra página sea más compatible con navegadores dentro de nuestro cuerpo. 30 00:02:16,100 --> 00:02:22,670 Tenemos nuestro contenedor div y luego tenemos nuestros condicionales para nuestros errores o mensajes de éxito y luego 31 00:02:22,670 --> 00:02:26,950 tenemos un div que he creado con una idea de landing header. 32 00:02:27,050 --> 00:02:30,450 Aquí es donde pongo el H-1 con nuestro texto de bienvenida al campamento. 33 00:02:30,500 --> 00:02:34,500 Luego tenemos nuestro botón para ver todos los campings. 34 00:02:34,650 --> 00:02:39,790 También hemos agregado una lista ordenada con una clase de presentación de diapositivas y tiene cinco elementos de lista. 35 00:02:39,870 --> 00:02:41,340 Entonces esto es bastante interesante. 36 00:02:41,490 --> 00:02:46,740 En realidad, no vamos a usar el cuerpo para crear el fondo porque tenemos varios fondos que se 37 00:02:46,740 --> 00:02:48,620 están desvaneciendo el uno al otro. 38 00:02:48,660 --> 00:02:51,690 Necesitamos unirlos a algún tipo de elemento Tummo. 39 00:02:51,840 --> 00:02:56,000 Entonces, lo que hemos elegido hacer es adjuntar cada fondo a cada uno de estos elementos de la lista. 40 00:02:56,010 --> 00:03:00,360 una a la otra y en la parte inferior tenemos nuestro filtro de Parshall igual que antes. 41 00:03:00,360 --> 00:03:05,400 Entonces notará que tenemos cinco elementos de la lista que corresponden con las cinco imágenes de fondo que vamos a 42 00:03:05,400 --> 00:03:06,150 tener difuminadas cruzando 43 00:03:06,180 --> 00:03:11,070 Vamos a seguir adelante y usar la etiqueta de inclusión y luego dirigiremos a Parshall's para Slash. 44 00:03:11,250 --> 00:03:18,120 Así que decimos que para aterrizar ese UJA usamos y ejecutamos nuestro servidor para ejecutar Mongar y eso hace que mi 45 00:03:18,120 --> 00:03:22,560 Monga daemon se ejecute, entonces podemos abrir otra pestaña y ejecutar el nodo. 46 00:03:22,740 --> 00:03:27,880 Si aún no sabes nada de Pneumon ve a instalarlo, es una alternativa a usar la aplicación de nodo. 47 00:03:28,010 --> 00:03:28,500 Sí. 48 00:03:28,530 --> 00:03:33,870 se guarda, se reinicia y reinicia el servidor para que no tenga que seguir yendo y viniendo a la pestaña del servidor. 49 00:03:34,100 --> 00:03:37,890 Y lo que hace es escuchar cualquier cambio de archivos en su servidor y si 50 00:03:37,890 --> 00:03:38,710 se cambia y 51 00:03:38,880 --> 00:03:47,340 Cerrándolo y reiniciando el nodo para instalarlo vamos a ejecutar el comando NPM instale Dutchie para global y luego 52 00:03:47,440 --> 00:03:57,270 el nodo 9 o no daemon, entonces una vez que se instala siempre y cuando estemos dentro de nuestro directorio principal para 53 00:03:57,270 --> 00:04:03,160 nuestro proyecto, podemos no ejecute daemon y luego busque el archivo de jazz Apter. 54 00:04:03,480 --> 00:04:05,150 O puede decirlo explícitamente. 55 00:04:05,280 --> 00:04:09,420 No hay una aplicación daemon que Jad. 56 00:04:09,440 --> 00:04:17,100 Entonces, ahora que tenemos nuestro servidor en ejecución, vamos a verlo y lo abriré en pantalla completa aquí. 57 00:04:18,110 --> 00:04:23,730 Y actualmente tenemos este H-1 y luego tenemos un botón y tenemos nuestros cinco elementos de lista. 58 00:04:23,870 --> 00:04:30,910 Entonces, lo que tenemos que hacer es volver atrás y Stuy todo esto para llegar al centro y estos elementos de la lista son todas 59 00:04:30,910 --> 00:04:36,170 las balas para que los elementos de la lista se oculten y luego se reemplacen por una imagen 60 00:04:36,170 --> 00:04:38,490 de fondo gigante que ocupa todo el página. 61 00:04:38,510 --> 00:04:42,680 Notarás que ya no tenemos la barra de navegación en la parte superior porque en la página de 62 00:04:42,680 --> 00:04:43,490 inicio no la necesitamos. 63 00:04:43,670 --> 00:04:47,870 Podemos ir a ver todos los campamentos y luego el usuario quiere firmarlo y puede registrarse o iniciar 64 00:04:47,870 --> 00:04:48,510 sesión desde allí.