1
00:00:00,210 --> 00:00:06,390
Hasta este momento, nuestros representantes expresos han enviado completamente sin grabar h t m l no hay javascript incluido sin

2
00:00:06,390 --> 00:00:08,740
C Ss solo ht m l puro.

3
00:00:08,830 --> 00:00:14,160
En este video, voy a mostrarte cómo podemos comenzar a incluir elementos como una hoja de estilo o algo de Javascript.

4
00:00:14,730 --> 00:00:19,650
Y también voy a mostrarte cómo podemos secar nuestras plantillas usando lo que se conoce como Parshall's.

5
00:00:19,650 --> 00:00:20,730
Entonces empecemos.

6
00:00:20,740 --> 00:00:24,530
Estoy usando la misma aplicación que he estado usando para los últimos dos videos donde tenemos nuestra aplicación.

7
00:00:24,630 --> 00:00:26,920
Sí y tenemos tres rutas principales.

8
00:00:27,060 --> 00:00:34,380
una H1 y la adorable imagen de la Palm C y luego también nos enamoramos de Slash.

9
00:00:34,380 --> 00:00:40,140
Tenemos la ruta que hace que la casa que tiene Ejay como plantilla tenga

10
00:00:40,170 --> 00:00:46,890
La ruta de la cosa variable que luego mostrará el amor hacia cada plantilla y mostrará que te enamoraste y

11
00:00:46,890 --> 00:00:49,540
luego todo lo que escribimos en la ruta.

12
00:00:49,770 --> 00:00:55,800
Y luego, si la declaración y luego un pequeño párrafo en la parte inferior y luego también tenemos la ruta de barras de

13
00:00:55,800 --> 00:01:00,230
publicación que representa los mensajes E. J. como plantilla y dentro de eso.

14
00:01:00,330 --> 00:01:01,740
Tenemos dos bucles.

15
00:01:01,950 --> 00:01:04,290
Ahora digamos que queremos incluir algunos estilos.

16
00:01:04,560 --> 00:01:07,250
Entonces, como ya saben, me gusta el color violeta.

17
00:01:07,380 --> 00:01:13,410
Digamos que quería hacer que todos los cuerpos sean purpúreos, todo el color del texto en todas las diferentes

18
00:01:13,500 --> 00:01:14,760
plantillas debe ser morado.

19
00:01:14,760 --> 00:01:22,950
Comencemos con la página de Correos y lo que podría hacer es incluir una etiqueta de estilo para que se abran y

20
00:01:22,950 --> 00:01:30,990
cierren los estilos y luego puedo escribir mi estilo en este cuerpo y haré un color púrpura así y lo guardaré.

21
00:01:31,440 --> 00:01:36,390
Y recuerde que esta no es realmente la forma ideal de incluir estilos y se lo estoy mostrando

22
00:01:36,390 --> 00:01:41,220
primero por una razón, porque vamos a refaccionarlo y mejorarlo en un momento, pero solo debemos asegurarnos

23
00:01:41,220 --> 00:01:41,970
de que funcione.

24
00:01:41,970 --> 00:01:43,880
Así que colorea el cuerpo de color púrpura.

25
00:01:44,010 --> 00:01:46,920
Comencemos la aplicación del nodo del servidor.

26
00:01:47,010 --> 00:01:55,150
Sí, vamos al navegador y actualizaremos en la página de la publicación y verá que obtenemos púrpura.

27
00:01:55,830 --> 00:01:59,210
Y si fui a otra ruta, no me pongo violeta.

28
00:01:59,360 --> 00:02:04,650
Y eso es porque son plantillas totalmente separadas y solo agregamos la etiqueta de estilo a la plantilla de publicación.

29
00:02:05,340 --> 00:02:11,820
Entonces, si quiero que todo sea violeta en las tres plantillas, podría agregar otra etiqueta de estilo en el hogar

30
00:02:11,820 --> 00:02:15,710
que nos muestre y la misma etiqueta de estilo sobre el amor.

31
00:02:15,900 --> 00:02:25,500
Sí y guarde el reinicio del servidor, actualice mi página y obtengo un H-1 morado aquí y si me enamoro de Rusty,

32
00:02:25,500 --> 00:02:30,040
también recibo texto púrpura aquí de esa etiqueta de estilo.

33
00:02:30,090 --> 00:02:32,320
Hay dos problemas principales que enfrentamos aquí.

34
00:02:32,340 --> 00:02:36,810
Uno es el problema de que este código se repita tres veces diferentes.

35
00:02:36,810 --> 00:02:41,640
Si desea estilos idénticos en tres plantillas diferentes, tiene que haber una mejor manera de lograr

36
00:02:41,640 --> 00:02:42,020
eso.

37
00:02:42,060 --> 00:02:42,710
Y ahí está.

38
00:02:42,810 --> 00:02:44,560
Y vamos a abordar ese segundo.

39
00:02:44,610 --> 00:02:49,330
Comenzaremos abordando este tema del uso de la etiqueta de estilo, que no es una buena idea.

40
00:02:49,500 --> 00:02:56,130
queremos hacer es usar una hoja de estilo externa y vincularla a esa hoja de estilo usando la etiqueta de enlace.

41
00:02:56,130 --> 00:02:56,900
Lo que

42
00:02:57,330 --> 00:03:02,010
Así que primero voy a escribir esa etiqueta de enlace, lo que no funcionará porque aún no tenemos una hoja de

43
00:03:02,010 --> 00:03:03,150
estilo, pero crearemos esa segunda.

44
00:03:03,340 --> 00:03:08,990
Así que enlace y tenemos que proporcionar una hoja de estilo igual de raĂşl y luego.

45
00:03:09,090 --> 00:03:14,300
Y este debe ser el nombre de nuestra hoja de estilo y lo llamaremos Dot.

46
00:03:14,340 --> 00:03:20,580
SS Ok así que esto solo está en la E. del Correo. J. como plantilla ahorrará ahora

47
00:03:20,700 --> 00:03:22,390
Y vamos a crear ese apt.

48
00:03:22,430 --> 00:03:28,860
a llamarlo público y se les puede nombrar cualquier cosa menos public es un nombre muy común y convencional para este directorio.

49
00:03:28,860 --> 00:03:34,010
C Ss excepto en lugar de crearlo en el mismo directorio que son aptos J Sí, de hecho

50
00:03:34,010 --> 00:03:38,400
vamos a hacer otro directorio donde pondremos todas nuestras hojas de estilo con todos los

51
00:03:38,430 --> 00:03:42,340
javascript que escribimos y luego cualquier otro activo que queramos sea disponible y vamos

52
00:03:42,430 --> 00:03:43,660
Bueno, asegúrate de cuando el lugar correcto.

53
00:03:43,800 --> 00:03:53,280
Y luego haga que el directorio sea público y también cree dentro de una aplicación de barra pública pública que vea evaluar cuál es el

54
00:03:53,400 --> 00:03:59,220
nombre de nuestro archivo aquí y guarde, y usted podría estar pensando en Aceptar, espere un

55
00:03:59,220 --> 00:04:01,060
minuto, ¿no debería ser público?

56
00:04:01,180 --> 00:04:02,720
Slash evaluar.

57
00:04:03,180 --> 00:04:04,940
Y lamentablemente la respuesta es no.

58
00:04:05,010 --> 00:04:10,500
Lo dejaremos como un apt upsy. SS dirá expreso que nuestras hojas de estilo y javascript están dentro del

59
00:04:10,500 --> 00:04:15,840
directorio público y nos servirá el directorio público para que podamos vincular las cosas con solo usar los nombres

60
00:04:15,960 --> 00:04:19,250
de los archivos, así lo haré te lo mostraré en un momento.

61
00:04:19,500 --> 00:04:26,370
Vamos a abrir la aplicación de barra pública que ve el archivo SS y agrega algunos estilos.

62
00:04:26,600 --> 00:04:27,920
Hagamos algo diferente.

63
00:04:28,020 --> 00:04:30,290
Hará cuerpo o fondo.

64
00:04:30,510 --> 00:04:31,290
Va a ser horrible.

65
00:04:31,290 --> 00:04:35,540
Haremos fondo nosotros amarillo y el color todavía morado.

66
00:04:35,900 --> 00:04:41,130
De acuerdo, ahora tenemos un estilo realmente grosero que ella definió que podemos cerrar de aquí y sabremos si está funcionando.

67
00:04:41,400 --> 00:04:47,430
Si esta publicación E. J. a medida que la plantilla aparece con un horrible fondo

68
00:04:47,430 --> 00:04:51,760
amarillo en texto morado, no va a funcionar todavía, pero te mostraré solo para que lo veas por ti mismo.

69
00:04:51,780 --> 00:04:53,270
Así que Noad apt.

70
00:04:53,370 --> 00:05:01,250
J. S. y volvemos y actualizamos la página y tenemos que ir a la página de publicación y no obtenemos nada.

71
00:05:01,600 --> 00:05:05,880
Y si abro el cónsul aquí, aparece un error que dice que no se pudo cargar la investigación.

72
00:05:05,950 --> 00:05:11,040
El servidor respondió el estado de 404 y no pudo encontrar el éxito de apparat.

73
00:05:11,110 --> 00:05:13,040
Y la razón para esto es bastante simple.

74
00:05:13,180 --> 00:05:18,550
Cuando creas una aplicación web y utilizamos Express para iniciar un servidor web, no solo sirve

75
00:05:18,610 --> 00:05:22,610
automáticamente cada archivo que ve que no sabe que queremos hacer eso.

76
00:05:22,660 --> 00:05:25,360
Y el valor predeterminado es no servir nada en absoluto.

77
00:05:25,360 --> 00:05:27,370
Aparte del directorio de vistas.

78
00:05:27,670 --> 00:05:33,940
Entonces, si queremos algo más, tenemos que decir explícitamente, oye, necesito que prestes servicio en mi directorio público o

79
00:05:34,120 --> 00:05:36,030
en cualquier otro director que tengamos.

80
00:05:36,250 --> 00:05:41,470
express que haga eso y probablemente express nos brinde una manera fácil de hacerlo dentro de nuestro acto.

81
00:05:41,470 --> 00:05:42,390
Necesitamos decirle a

82
00:05:42,430 --> 00:05:48,490
Sí arriba arriba Voy a agregar una aplicación para usar y luego entre paréntesis.

83
00:05:48,700 --> 00:05:50,290
EXPRESS Does static.

84
00:05:50,440 --> 00:05:54,950
Y luego entre paréntesis nuevamente la palabra public, que es el nombre de nuestro directorio.

85
00:05:55,180 --> 00:05:59,530
Y esto indicará a express que sirva el contenido del directorio público.

86
00:05:59,530 --> 00:06:07,690
Y ahora, si reinicio mi servidor y actualizo la página, cierro el consulado, obtenemos nuestro fondo amarillo

87
00:06:07,690 --> 00:06:13,840
y nuestra fuente púrpura, y no obtenemos ningún error en el consejo.

88
00:06:13,840 --> 00:06:18,910
de estilo en otras páginas, simplemente vaya y copie esta etiqueta de enlace y colóquela arriba.

89
00:06:20,440 --> 00:06:22,250
Y si desea incluir esas hojas

90
00:06:22,450 --> 00:06:26,560
Y, por supuesto, también podríamos tener varias hojas de estilo si quisiéramos y podríamos

91
00:06:26,560 --> 00:06:30,800
vincularlas dándoles diferentes nombres y asegurándonos de que estén ambas en el directorio público.

92
00:06:30,910 --> 00:06:35,830
Antes de pasar a Parshall queremos tomar un momento para mostrarle algo muy rápido que podemos hacer para que su código se note un poco

93
00:06:35,830 --> 00:06:41,020
antes de que escriba a máquina que cada E. J. si amado

94
00:06:41,050 --> 00:06:43,180
MI. J. ha publicado E. J. Sí, esto

95
00:06:43,180 --> 00:06:48,630
es realmente poco importante, pero podemos decirle a express que vamos a usar Ejay us antes de

96
00:06:49,000 --> 00:06:55,240
tiempo y podemos dejarlo y escribir a casa y evolucionar, y automáticamente esperará que los archivos sean archivos Ejaz.

97
00:06:55,240 --> 00:06:56,840
Y para hacer eso usamos el motor de vista del conjunto de datos de la aplicación y luego pasamos el segundo argumento como E. J. Es

98
00:06:57,040 --> 00:07:06,040
solo así.

99
00:07:06,040 --> 00:07:06,670
Y si guardamos el reinicio del servidor, ahora espera que esos archivos sean archivos Ejaz.

100
00:07:06,790 --> 00:07:13,440
Y si refrescamos

101
00:07:13,450 --> 00:07:14,470
Nada debería cambiar en absoluto.

102
00:07:14,470 --> 00:07:16,560
Aún funciona.

103
00:07:16,560 --> 00:07:17,510
Y ahora no tenemos que decir explícitamente que Ejay nosotros.

104
00:07:17,650 --> 00:07:21,240
Entonces ese es un cambio muy pequeño.

105
00:07:21,310 --> 00:07:22,930
Lo próximo que quiero mostrarles

106
00:07:22,930 --> 00:07:26,920
es un poco más significativo y nos ayudará a agotar nuestra plantilla.

107
00:07:26,920 --> 00:07:27,650
En este momento tenemos esta hoja de estilo.

108
00:07:28,000 --> 00:07:29,730
Este enlace a la hoja de estilo

109
00:07:29,740 --> 00:07:35,680
se repite en todas las plantillas, pero también hay algo mucho más significativo que nos falta, que es nuestra placa de calderas de tiempo completo.

110
00:07:35,680 --> 00:07:39,570
Nos falta la cinta adhesiva aquí.

111
00:07:39,860 --> 00:07:43,250
A Andrew le faltan las etiquetas antiguas y

112
00:07:43,420 --> 00:07:49,960
todas las repeticiones normales que esperamos que sean de cabeza y dentro de la cabeza.

113
00:07:49,960 --> 00:07:51,120
Necesitamos el título y le daremos el título a nuestra aplicación.

114
00:07:51,310 --> 00:07:54,220
Llámalo aplicación de demostración y luego necesitamos el cuerpo también.

115
00:07:54,220 --> 00:08:00,550
Y luego, dentro del cuerpo deberíamos poner este contenido y

116
00:08:00,550 --> 00:08:08,200
luego tenemos que hacer exactamente lo mismo en todos los otros archivos.

117
00:08:08,590 --> 00:08:09,760
Y no voy a hacer

118
00:08:09,760 --> 00:08:15,160
eso porque es una pérdida de tiempo y hay una solución más fácil donde no tenemos que copiar este código y ponerlo

119
00:08:15,160 --> 00:08:20,230
en cada plantilla como no deberíamos tener que copiar esta etiqueta de enlace único y poner eso en cada plantilla también.

120
00:08:20,230 --> 00:08:23,840
otras plantillas crearán una plantilla que se verá así.

121
00:08:23,950 --> 00:08:28,870
Y la forma en que obtenemos esto es usando lo que se

122
00:08:28,870 --> 00:08:35,500
llama Parshall's y Parshall's. Básicamente, las plantillas de archivos que podemos escribir y que podemos incluir en

123
00:08:35,500 --> 00:08:36,780
Así que tendremos la mitad superior de nuestra placa de caldera en la cabeza.

124
00:08:36,820 --> 00:08:41,080
Esto casi siempre será el mismo en cada página que creamos en un sitio determinado.

125
00:08:41,320 --> 00:08:46,030
Misma hoja de estilo del mismo título.

126
00:08:46,060 --> 00:08:47,970
Así que haremos que esta sea su propia plantilla.

127
00:08:48,160 --> 00:08:50,590
Y luego, en la parte inferior, haremos aquí su propia plantilla.

128
00:08:51,130 --> 00:08:54,680
estamos o según en qué página nos encontremos.

129
00:08:54,850 --> 00:09:00,790
Y luego, entre los dos, nuestro contenido cambia según la plantilla en la que

130
00:09:00,810 --> 00:09:02,220
Entonces, lo que haremos es básicamente convertir esto en su propia plantilla.

131
00:09:02,470 --> 00:09:05,680
Convierta esto en su propia plantilla y luego

132
00:09:05,860 --> 00:09:11,740
solo usemos las plantillas a las que nos referimos en cada uno de estos archivos.

133
00:09:11,740 --> 00:09:12,520
Así que diríamos

134
00:09:12,670 --> 00:09:19,930
algo como "Y este código no es válido, pero haríamos algo así como incluir una plantilla de encabezado y luego en la parte inferior haríamos lo mismo, excepto para el pie de página".

135
00:09:20,350 --> 00:09:27,330
Entonces, necesitamos crear esas plantillas o Parshall's y para hacerlo haremos un nuevo directorio

136
00:09:28,180 --> 00:09:33,130
en lugar de vistas y llamaremos a ese directorio Parshall's.

137
00:09:33,130 --> 00:09:37,110
Así que haremos y haremos que las vistas de directorio reduzcan Parshall así como así.

138
00:09:37,240 --> 00:09:42,830
Y luego, en lugar de Parshall, vamos a hacer dos archivos y el primero

139
00:09:42,970 --> 00:09:49,750
se usará con la barra diagonal de Parshall para cada uno de nosotros y luego haremos otra

140
00:09:50,200 --> 00:09:59,060
parte exactamente igual excepto el pie de página, y también podríamos llamarlos Ejaz superior e inferior. primero y segundo como sea que

141
00:09:59,060 --> 00:10:05,330
quieras llamarlos, pero el encabezado y pie de página es definitivamente el nombre estándar.

142
00:10:05,330 --> 00:10:07,530
Así que haré esos dos

143
00:10:07,700 --> 00:10:13,640
archivos y luego los abriré y esta vez en la escuela de aquí y

144
00:10:13,640 --> 00:10:21,770
abriré el encabezado y voy a copiar en esta repetición, simplemente recórtalo y ponlo aquí en vez de encabezamiento.

145
00:10:21,770 --> 00:10:22,330
Así que esto es

146
00:10:22,430 --> 00:10:28,280
lo que queremos en la parte superior de cada página y luego, en lugar de pie de página, todo lo que realmente queremos es la parte inferior de nuestra plantilla, que es solo el cuerpo y la etiqueta del equipo de cierre.

147
00:10:28,880 --> 00:10:35,850
Así.

148
00:10:35,930 --> 00:10:36,810
Y si quisiéramos algo más

149
00:10:36,970 --> 00:10:38,390
Entonces haré algo un poco más obvio.

150
00:10:38,390 --> 00:10:40,670
Hagamos un párrafo en la parte

151
00:10:40,790 --> 00:10:48,900
inferior que diga algo así como una marca registrada o algún otro texto de pie de página que veamos en un sitio web.

152
00:10:48,920 --> 00:10:50,250
Lo dejaremos así.

153
00:10:50,270 --> 00:10:51,460
Y entonces esperamos ver esto en cada página donde incluimos el pie de página.

154
00:10:51,530 --> 00:10:55,340
Parcial.

155
00:10:55,370 --> 00:10:56,090
DE ACUERDO.

156
00:10:56,310 --> 00:10:56,530
Entonces los dos parciales están listos.

157
00:10:56,540 --> 00:10:58,010
Ciérralas.

158
00:10:58,010 --> 00:10:59,400
Arregle este como este.

159
00:10:59,570 --> 00:11:03,560
Está bien, salva.

160
00:11:03,580 --> 00:11:05,110
Y ahora queremos incluir los parciales.

161
00:11:05,480 --> 00:11:07,660
Comencemos con nuestro amor

162
00:11:07,760 --> 00:11:09,200
Cada uno de nosotros y ahora incluiremos ese encabezado parcial.

163
00:11:09,240 --> 00:11:12,500
Entonces, necesitamos usar un código nuevo en Ejay, como las etiquetas que incluyen.

164
00:11:12,500 --> 00:11:18,640
Y luego, el nombre del archivo que está más allá y no tenemos que

165
00:11:19,070 --> 00:11:23,680
agregar que Ejay usamos porque ya está buscando archivos Ejaz.

166
00:11:23,680 --> 00:11:25,620
Así que solo incluye encabezado y esto realmente no funcionará de inmediato y te mostraré por qué.

167
00:11:25,790 --> 00:11:30,620
Déjame poner el pie de página también aquí.

168
00:11:30,680 --> 00:11:34,680
Y si inicio el servidor, asegúrate de que borraré un espacio aquí y luego el nodo.

169
00:11:35,510 --> 00:11:42,040
Apogeo Sí.

170
00:11:42,140 --> 00:11:43,400
Y si actualiza la página y esto solo se incluye en el estudio de amor J. S. modelo.

171
00:11:43,550 --> 00:11:47,910
Entonces tenemos que ir a la barra.

172
00:11:48,140 --> 00:11:50,450
Enamórate de resti y obtenemos un error.

173
00:11:50,450 --> 00:11:53,680
El fichero o directorio no existe.

174
00:11:53,780 --> 00:11:55,420
Sí, las barras de demostración tienen una barra inclinada.

175
00:11:55,680 --> 00:11:58,420
MI. J. Sí.

176
00:11:58,430 --> 00:11:59,310
Entonces esto nos dice dos cosas.

177
00:11:59,330 --> 00:12:00,750
Uno sabe que se supone que es un archivo Ejaz.

178
00:12:00,770 --> 00:12:03,430
Está buscando un encabezado.

179
00:12:03,470 --> 00:12:04,590
Sí, pero está mirando directamente en el directorio de usuarios.

180
00:12:04,700 --> 00:12:07,920
Pero queremos que se vea desde puntos de vista que

181
00:12:08,000 --> 00:12:14,150
cortan a la heterodoxia de Parshall, Ejay us como se puede ver aquí, ve a la de Parshall.

182
00:12:14,150 --> 00:12:15,000
Así que tenemos que

183
00:12:15,110 --> 00:12:20,480
cambiar un poco nuestro camino aquí y tenemos que cambiarlo para decir que Parshall tiene el pie de barra cortado de Hetter y Parshall.

184
00:12:20,990 --> 00:12:23,660
Sin embargo, eso aún no lo va a arreglar.

185
00:12:23,660 --> 00:12:25,880
Y le mostraré una vez más lo

186
00:12:26,300 --> 00:12:31,790
que sucede cuando vuelva a iniciar esto y actualice el parcial que se ha incluido muy bien.

187
00:12:31,790 --> 00:12:33,010
Y si vamos a los elementos, puedes ver que tenemos el pie de página en la parte inferior y tenemos el cuerpo.

188
00:12:33,110 --> 00:12:39,100
Y cada vez que cierras etiquetas pero los estilos no se están aplicando.

189
00:12:39,170 --> 00:12:43,100
Debería ser morado y amarillo, y es solo blanco y negro.

190
00:12:43,100 --> 00:12:46,670
Y si miramos en la cabeza tenemos nuestra etiqueta de enlace y está vinculando a un archivo llamado apcupsd.

191
00:12:46,670 --> 00:12:52,210
SS Pero esto no está funcionando.

192
00:12:52,240 --> 00:12:53,940
contenido principal y también el pie de página.

193
00:12:54,140 --> 00:12:59,510
Y si miramos la pestaña de fuentes veremos que tenemos este archivo Rustie que fue enviado de vuelta y tiene nuestro encabezado, que tiene el

194
00:12:59,510 --> 00:13:05,290
Así que este es como el archivo ensamblado porque recuerda que enviamos una cosa a una respuesta.

195
00:13:05,300 --> 00:13:10,550
Así que este es un archivo para nosotros con nuestros tres Parshall's

196
00:13:10,550 --> 00:13:15,500
o dos Parshall's Plus nuestro contenido y lo envía de vuelta.

197
00:13:15,500 --> 00:13:16,660
Y luego también está este ACT-UP see dice que está totalmente vacío.

198
00:13:17,000 --> 00:13:20,710
Y lo que eso significa es que hemos vinculado a nuestro APS-C evaluado incorrectamente.

199
00:13:20,870 --> 00:13:25,020
Por lo tanto, solo aparece como un archivo vacío y es

200
00:13:25,100 --> 00:13:30,530
una solución realmente simple, aunque lo que tenemos que hacer es agregar una barra aquí.

201
00:13:30,530 --> 00:13:31,880
Repasé todo eso por una

202
00:13:32,120 --> 00:13:36,920
razón que es para mostrarte la importancia de los caminos y asegurarnos de que tenemos nuestros caminos configurados correctamente.

203
00:13:36,920 --> 00:13:38,710
Entonces, hay una diferencia entre el éxito de ACT-UP y la barra diagonal después de la evaluación cuando agregamos la barra inclinada.

204
00:13:38,840 --> 00:13:45,170
Básicamente dice que busque nos dice que no en el mismo directorio

205
00:13:45,170 --> 00:13:51,050
en el que se encuentra ahora, sino en el directorio raíz.

206
00:13:51,050 --> 00:13:51,930
Déjame mostrarte una mejor ilustración.

207
00:13:51,990 --> 00:13:53,930
En este momento está buscando el éxito en el mismo directorio que esta plantilla de Rusti.

208
00:13:53,930 --> 00:14:00,270
Ahora si voy a guardarlo con la barra y reiniciar el servidor, vuelvo aquí y actualizo ahora.

209
00:14:00,680 --> 00:14:08,550
Echar un vistazo.

210
00:14:09,290 --> 00:14:09,970
Nuestros estilos funcionan

211
00:14:09,980 --> 00:14:10,970
También observe que tenemos

212
00:14:11,000 --> 00:14:17,090
el archivo con el h t m l y tenemos nuestro apt the SS que está ahora fuera de ese directorio, no está en

213
00:14:17,090 --> 00:14:21,890
la misma carpeta y tiene los estilos correctos, lo que significa que encontró el archivo que necesitábamos encontrar.

214
00:14:21,890 --> 00:14:23,410
Entonces, ese granizado parece muy poco importante, pero en realidad es un detalle importante.

215
00:14:23,570 --> 00:14:27,360
Así que barra y luego el nombre de nuestra hoja de estilo cualquier cosa dentro del directorio público.

216
00:14:27,650 --> 00:14:31,940
etiqueta de script donde tenemos nuestro código fuente para reducir scripts slash maynt.

217
00:14:32,060 --> 00:14:38,570
Por lo tanto, con el tiempo se verá algo como Slash stylesheets slash ACT-UP ver evaluar y luego tendremos una

218
00:14:38,630 --> 00:14:46,370
Sí.

219
00:14:46,430 --> 00:14:46,990
Y entonces tendremos dentro del directorio de scripts del directorio público y el directorio de hojas de estilo.

220
00:14:47,150 --> 00:14:52,720
Por ahora, aunque solo tenemos una hoja de estilo, la dejaremos así.

221
00:14:52,940 --> 00:14:56,760
Acabemos rápidamente y agreguemos los parciales a los otros archivos también.

222
00:14:57,440 --> 00:15:01,900
Entonces en este nuestro hogar que cada uno de nosotros pagará se establecerá y luego

223
00:15:02,330 --> 00:15:09,650
en el fondo se pegará en un oleaje y lo cambiará para que sea el pie de página y lo guarde y luego lo publique.

224
00:15:09,650 --> 00:15:13,800
Sí.

225
00:15:13,850 --> 00:15:14,410
La misma cosa.

226
00:15:14,630 --> 00:15:15,520
Queremos el encabezado y el pie de página.

227
00:15:15,920 --> 00:15:17,630
Deshágase de eso también en todos los archivos.

228
00:15:17,680 --> 00:15:20,690
Pie de página del pie derecho de Parshall.

229
00:15:20,900 --> 00:15:22,650
Y eso debería ser bueno para nosotros.

230
00:15:23,270 --> 00:15:24,700
Vamos a actualizar reinicie el servidor aquí y esto debería tener el mismo aspecto.

231
00:15:24,710 --> 00:15:30,920
Ahora, si vamos al camino correcto, también obtenemos nuestros

232
00:15:30,920 --> 00:15:39,440
estilos y, si vamos a las publicaciones de corte, también obtenemos los estilos.

233
00:15:39,440 --> 00:15:41,470
Todo bien.

234
00:15:41,480 --> 00:15:41,890
Así que recapitulamos todo esto.

235
00:15:42,020 --> 00:15:43,550
Una de las primeras cosas que hicimos fue crear el

236
00:15:43,610 --> 00:15:47,900
directorio público y agregar una hoja de estilo dentro de él y para que eso funcione, tuvimos que asegurarnos de decirle a express que sirva al directorio público.

237
00:15:47,900 --> 00:15:54,080
Luego, una vez que lo hicimos, realizamos un pequeño cambio que consistía en decir expreso

238
00:15:54,380 --> 00:15:59,690
que todas nuestras plantillas serán sí a menos que se indique lo contrario.

239
00:15:59,690 --> 00:16:02,480
Así que no tenemos que escribir cada Sí después de cada nombre de plantilla.

240
00:16:02,540 --> 00:16:05,960
Y luego el gran cambio que hicimos fue introducir Parshall's.

241
00:16:06,410 --> 00:16:09,380
Así que hicimos un directorio llamado Parshall's que puede llamarse cualquier cosa.

242
00:16:09,530 --> 00:16:12,650
Algunas personas lo llaman diseños de Parshall también es muy común.

243
00:16:12,650 --> 00:16:16,130
Y luego teníamos dos archivos o encabezado y pie de página, y

244
00:16:16,130 --> 00:16:21,890
el objetivo de esto era simplemente ayudarnos a secar nuestro código para que no tuviéramos que agregar esto a cada plantilla.

245
00:16:21,890 --> 00:16:25,510
En su lugar, vamos a nuestra plantilla y todo lo que

246
00:16:25,880 --> 00:16:32,300
tenemos que hacer es escribir incluir Parshall's slash hetter y no estamos limitados solo a encabezado y pie de página,

247
00:16:32,300 --> 00:16:37,610
podríamos tener uno para la barra de navegación si tenemos una barra de navegación en cada página.

248
00:16:37,610 --> 00:16:38,750
Podríamos tener otro parcial de que incluyamos la barra oblicua del viejo Parshall.

249
00:16:38,840 --> 00:16:42,880
Entonces no hay reglas sobre lo que podemos y no podemos hacer.

250
00:16:42,970 --> 00:16:45,300
Pero los más comunes son encabezado y pie de página.

251
00:16:45,410 --> 00:16:49,080
Está bien, eso es todo

252
00:16:49,610 --> 00:16:50,520