1 00:00:00,190 --> 00:00:04,280 Bien, bienvenidos de vuelta en este video vamos a continuar con el campamento. 2 00:00:04,300 --> 00:00:08,970 Vamos a agregar en nuestro encabezado y pie de página Parshall para que podamos secar el código para 3 00:00:08,970 --> 00:00:15,300 que podamos tener el equipo de h básico fuera de la placa de la caldera que estamos tan ausentes por lo que necesitamos el título 4 00:00:15,300 --> 00:00:19,490 del título pero también Quiero ser capaz de incluir Bootstrap, que es nuestro segundo objetivo aquí. 5 00:00:19,560 --> 00:00:24,150 Así que vamos a configurar el encabezado y el pie de página de Parshall en nuestra salida y 6 00:00:24,150 --> 00:00:28,150 todo eso, luego vamos a incluir bootstrap y luego haremos un estilo muy simple usando bootstrap. 7 00:00:28,510 --> 00:00:28,980 DE ACUERDO. 8 00:00:29,190 --> 00:00:30,560 Entonces comenzaremos aquí. 9 00:00:30,610 --> 00:00:32,490 Estoy dentro de V-1 todavía. 10 00:00:32,580 --> 00:00:34,840 Te lo haré saber cuando vaya a la próxima versión. 11 00:00:34,890 --> 00:00:38,710 Pero todavía estamos haciendo algunas cosas muy básicas que estoy considerando la configuración básica. 12 00:00:38,820 --> 00:00:40,170 Entonces sigue siendo la versión 1. 13 00:00:40,200 --> 00:00:46,820 Lo primero que haré es dentro de nosotros agregaremos el directorio de Parshall para que podamos hacerlo desde aquí. 14 00:00:46,890 --> 00:00:54,740 Hace que las vistas de directorio muestren una barra inclinada en Parshall y luego agregaremos un encabezado y un pie de página Ejay como el 15 00:00:54,750 --> 00:00:58,710 archivo lo hará con el uso de barra de slash Parshall's slash Hetter. 16 00:00:58,730 --> 00:00:59,030 MI. J. Sí. 17 00:00:59,100 --> 00:01:00,090 Y luego usaré la flecha hacia arriba y haré lo mismo, excepto el pie de página que nos usa. 18 00:01:00,450 --> 00:01:05,920 Entonces tenemos eso. 19 00:01:06,240 --> 00:01:07,200 Ahora trabajemos en completar el encabezado. 20 00:01:07,410 --> 00:01:09,960 Entonces C9 usa Parshall's Hetter. Y no olvides usar la función de autocompletar. 21 00:01:09,960 --> 00:01:15,170 Lo hace mucho más fácil y lo agregaremos en nuestra placa de caldera básica. 22 00:01:15,180 --> 00:01:20,240 Entonces, necesitamos documentación y siempre es bueno practicar esto desde cero. 23 00:01:20,280 --> 00:01:25,620 Es un tipo de documento HMO. 24 00:01:25,620 --> 00:01:27,570 Y luego necesitamos las etiquetas HTML. 25 00:01:27,570 --> 00:01:29,520 Y luego necesitamos una cabeza dentro de la cabeza. 26 00:01:29,730 --> 00:01:34,000 Pon un título y escribiremos todo el campamento. 27 00:01:34,050 --> 00:01:37,340 Y luego necesitamos un cuerpo también, pero recuerde que 28 00:01:37,560 --> 00:01:44,310 no todo esto va en el archivo de encabezado porque queremos que este sea el encabezado de cada página 29 00:01:44,340 --> 00:01:50,310 y luego queremos que nuestro contenido vaya aquí al contenido de la plantilla que va directamente aquí. 30 00:01:50,310 --> 00:01:51,220 Y luego queremos que esto esté en el pie de página. 31 00:01:51,480 --> 00:01:53,320 Así que hagámoslo ahora. 32 00:01:53,580 --> 00:01:55,030 Copia esto o recórtalo. 33 00:01:55,080 --> 00:01:57,280 Entonces este es nuestro encabezado. 34 00:01:57,360 --> 00:01:58,700 Y luego vamos a abrir el archivo de pie de página y poner eso allí. 35 00:01:59,010 --> 00:02:06,060 Y solo para asegurarnos de que funciona bien al final del 36 00:02:06,510 --> 00:02:13,790 cuerpo, colocaremos otra marca comercial de párrafo en el campo superior 2015. 37 00:02:13,980 --> 00:02:15,720 Nuevamente, realmente no sé si eso es lo que se supone 38 00:02:15,870 --> 00:02:19,530 que debe hacer una marca comercial y dónde se supone que debe ir, pero solo queremos un texto en la parte inferior. 39 00:02:19,560 --> 00:02:21,720 Entonces haremos eso. 40 00:02:21,720 --> 00:02:22,590 Guarda el archivo. 41 00:02:22,620 --> 00:02:24,290 Ahora vamos a incluir este 42 00:02:24,450 --> 00:02:29,670 parcial dentro de la página de inicio para asegurarnos de tenerlo abierto y en la parte superior. 43 00:02:29,670 --> 00:02:30,460 Queremos agregar en nuestra etiqueta de inclusión que recordar es y Ejay tiene etiqueta y leer reescribir incluir. 44 00:02:30,630 --> 00:02:37,310 Y luego el camino hacia ese parcial, que es si simplemente comprobamos que estamos dentro del directorio de Parshall. 45 00:02:37,620 --> 00:02:44,310 Entonces queremos el encabezado de barra de Parshall y no necesitamos ese Ejay. 46 00:02:44,820 --> 00:02:51,380 Y hagamos lo mismo en la parte inferior con el pie de página. 47 00:02:51,870 --> 00:02:55,890 Ahí vamos y agreguemos algo de espacio aquí y ahorremos. 48 00:02:55,890 --> 00:03:00,490 Así que esto debería darnos todo hasta el primer cuerpo hasta la etiqueta de apertura. 49 00:03:00,510 --> 00:03:05,310 Y esto debería darnos todo lo que en realidad son solo tres líneas hasta ahora. 50 00:03:05,310 --> 00:03:08,500 El párrafo de la marca registrada, la etiqueta corporal final y el cierre lo superaron. 51 00:03:08,640 --> 00:03:13,830 Y veamos si eso funciona. 52 00:03:14,130 --> 00:03:15,550 Por lo tanto, reinicie el servidor o simplemente inicie en primer lugar el nodo apt. 53 00:03:15,930 --> 00:03:20,440 Sí, esto solo está en la página de destino. 54 00:03:20,520 --> 00:03:23,190 Entonces, tenemos que volver a la página de destino y 55 00:03:23,430 --> 00:03:28,440 tenemos un pequeño problema, es decir, que nos hemos vinculado incorrectamente y que es un problema realmente simple de solucionar. 56 00:03:28,470 --> 00:03:31,640 Solo queremos cambiar esto para que no sea con la barra. 57 00:03:31,650 --> 00:03:34,610 Así que incluye una barra parcial Hetter y un pie de página parcialmente cortante. 58 00:03:34,770 --> 00:03:38,820 Recuerde que la barra como vimos es realmente importante. 59 00:03:38,820 --> 00:03:41,810 Eso le dice que regrese a la ruta que no es lo que queremos, así que intentemos de nuevo actualizar la página. 60 00:03:41,820 --> 00:03:47,850 Ahora tenemos nuestra marca registrada en la parte inferior. 61 00:03:48,630 --> 00:03:50,720 Yup camp 2015. 62 00:03:50,730 --> 00:03:52,310 Y también tenemos que realmente no puedes verlo. 63 00:03:52,560 --> 00:03:55,070 También tenemos la cabeza y el cuerpo y el título que se ha establecido para nosotros aquí. 64 00:03:55,080 --> 00:03:59,590 Hagamos lo mismo para el archivo de campamentos. 65 00:04:00,090 --> 00:04:03,780 Así que retomémoslos desde cero. 66 00:04:03,810 --> 00:04:07,350 Siempre es una buena práctica. 67 00:04:07,560 --> 00:04:08,700 Así que quieres 68 00:04:08,700 --> 00:04:18,450 incluir la barra inclinada de Parshall y luego copiaré esta y reducirla aquí. Haz más espacio en el pie de página del pie derecho de Parshall así. 69 00:04:19,770 --> 00:04:25,620 Reinicie el servidor ahora en la página de destino aún recibimos la marca comercial. 70 00:04:25,710 --> 00:04:30,940 Pero también, aunque ni siquiera tenga que hacer eso, haré clic en el enlace que agregamos. 71 00:04:31,200 --> 00:04:36,560 También recibo nuestro campamento de Yelp de marca 2015. 72 00:04:36,690 --> 00:04:39,990 Entonces ahora tenemos un parcial para el encabezado y el pie de página. 73 00:04:40,500 --> 00:04:42,940 Incluyamos nuestra primera hoja de estilo. 74 00:04:43,230 --> 00:04:45,720 Comencemos por solo incluir bootstrap y tengo un 75 00:04:45,720 --> 00:04:51,930 CD abierto para que pueda usar este enlace exacto o simplemente puede Google bootstrap CDN e incluir ese enlace. 76 00:04:51,930 --> 00:04:55,980 Pero voy a hacer esto aquí arranca tres puntos tres punto 77 00:04:56,070 --> 00:05:01,080 cinco y luego cerrar de aquí y en lugar del archivo de encabezado dentro 78 00:05:01,650 --> 00:05:09,930 del encabezado voy a agregar un enlace y recordar para una etiqueta de enlace que Tref necesita ya que eres Elford bootstrap. 79 00:05:09,990 --> 00:05:14,270 Y también podemos agregarla en la hoja de estilo de Roll Call, y eso debería 80 00:05:14,550 --> 00:05:21,420 proporcionarnos bootstrap para que siempre podamos asegurarnos de que al reiniciar el servidor y al actualizar en cualquiera de estas páginas, notará la diferencia. 81 00:05:21,420 --> 00:05:28,230 Aquí vamos. 82 00:05:28,530 --> 00:05:29,290 Entonces me divierto o el espaciado ha cambiado un poco. 83 00:05:29,550 --> 00:05:32,830 También puede mirar la página de destino y 84 00:05:32,850 --> 00:05:39,120 eso ha cambiado el color de nuestros enlaces al tamaño de fuente de las cosas. 85 00:05:39,120 --> 00:05:39,830 Todavía no se ve bien, pero al menos nos muestra que el bootstrap está incluido con éxito. 86 00:05:39,870 --> 00:05:45,780