1
00:00:00,210 --> 00:00:06,390
Até este ponto, nossos representantes expressos enviaram completamente desconhecidos. Não há javascript incluído, não C Ss

2
00:00:06,390 --> 00:00:08,740
apenas puro h t m l.

3
00:00:08,830 --> 00:00:14,160
Neste vídeo, vou mostrar-lhe como podemos começar a incluir ativos como uma folha de estilo ou algum Javascript.

4
00:00:14,730 --> 00:00:19,650
E eu também vou mostrar-lhe como podemos secar nossos modelos usando o que são conhecidos como Parshall's.

5
00:00:19,650 --> 00:00:20,730
Então vamos começar.

6
00:00:20,740 --> 00:00:24,530
Estou usando o mesmo aplicativo que eu tenho usado nos últimos dois vídeos, onde temos nosso aplicativo.

7
00:00:24,630 --> 00:00:26,920
Sim e temos três rotas principais.

8
00:00:27,060 --> 00:00:34,380
tem um H1 e a adorável imagem do Palm C e depois também nos apaixonamos por Slash.

9
00:00:34,380 --> 00:00:40,140
Nós temos a rota rota que torna a casa que Ejay como modelo que

10
00:00:40,170 --> 00:00:46,890
A variável coisa rota que irá renderizar o amor em relação a cada modelo e mostrará que você se apaixonou e,

11
00:00:46,890 --> 00:00:49,540
então, o que quer que escrevemos na rota.

12
00:00:49,770 --> 00:00:55,800
E, em seguida, se declaração e, em seguida, um pequeno parágrafo na parte inferior e, em seguida, também temos a rota de mensagens em

13
00:00:55,800 --> 00:01:00,230
barra que faz as postagens E. J. como modelo e dentro disso.

14
00:01:00,330 --> 00:01:01,740
Nós temos dois loops.

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

16
00:01:04,560 --> 00:01:07,250
Então, como você sabe, eu gosto da cor roxa.

17
00:01:07,380 --> 00:01:13,410
Digamos que eu queria fazer todos os corpos roxos toda a cor do texto em todos os modelos

18
00:01:13,500 --> 00:01:14,760
diferentes devem ser roxos.

19
00:01:14,760 --> 00:01:22,950
Vamos começar com a página Post e o que eu poderia fazer é incluir uma etiqueta de estilo para que o

20
00:01:22,950 --> 00:01:30,990
estilo abrisse e feche e então eu posso escrever meu estilo aqui corpo e farei cor prateada assim e salve.

21
00:01:31,440 --> 00:01:36,390
E lembre-se de que esta não é realmente a maneira ideal de incluir estilos e eu estou mostrando isso

22
00:01:36,390 --> 00:01:41,220
para você primeiro por um motivo, porque vamos refatorá-lo e melhorá-lo em apenas um momento, mas vamos garantir

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

24
00:01:41,970 --> 00:01:43,880
Então, cor roxa no corpo.

25
00:01:44,010 --> 00:01:46,920
Vamos começar o aplicativo do nó do servidor.

26
00:01:47,010 --> 00:01:55,150
Sim, vamos ao navegador e atualizamos na página do Post e você pode ver que ficamos roxos.

27
00:01:55,830 --> 00:01:59,210
E se eu fosse para outra rota eu não ficava com roxo.

28
00:01:59,360 --> 00:02:04,650
E é porque eles são modelos totalmente separados e nós só adicionamos a tag de estilo ao modelo de postagem.

29
00:02:05,340 --> 00:02:11,820
Então, se eu quiser que tudo seja púrpura em todos os três modelos, eu poderia adicionar em outra etiqueta de estilo

30
00:02:11,820 --> 00:02:15,710
em casa que Ejay nós e a mesma tag de estilo em amor.

31
00:02:15,900 --> 00:02:25,500
Sim e salve a reinicialização do servidor atualizar minha página e recebo um H-1 roxo aqui e se eu me apaixonar por Rusty eu

32
00:02:25,500 --> 00:02:30,040
também recebo texto roxo aqui a partir dessa etiqueta de estilo.

33
00:02:30,090 --> 00:02:32,320
Há dois principais problemas que enfrentamos aqui.

34
00:02:32,340 --> 00:02:36,810
Um deles é o problema que este código está sendo repetido três vezes diferentes.

35
00:02:36,810 --> 00:02:41,640
Se você quiser estilos idênticos em três modelos diferentes, tem que haver uma maneira melhor de conseguir

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

37
00:02:42,060 --> 00:02:42,710
E aqui está.

38
00:02:42,810 --> 00:02:44,560
E vamos abordar esse segundo.

39
00:02:44,610 --> 00:02:49,330
Vamos começar abordando esta questão de usar a tag de estilo, o que não é uma boa idéia.

40
00:02:49,500 --> 00:02:56,130
fazer em vez disso, é usar uma folha de estilo externa e vinculada a essa folha de estilo usando a tag de link.

41
00:02:56,130 --> 00:02:56,900
O que queremos

42
00:02:57,330 --> 00:03:02,010
Então, vou escrever essa tag de link primeiro, o que não funcionará porque ainda não temos uma folha de estilo,

43
00:03:02,010 --> 00:03:03,150
mas vamos criar esse segundo.

44
00:03:03,340 --> 00:03:08,990
Então, faça o link e precisamos fornecer uma folha de estilo igual e então.

45
00:03:09,090 --> 00:03:14,300
E isso precisa ser o nome da nossa folha de estilo e nós apenas chamaremos Dot.

46
00:03:14,340 --> 00:03:20,580
SS Ok, então isso é apenas no E. do Correio. J. Como o modelo economizará agora.

47
00:03:20,700 --> 00:03:22,390
E vamos criar esse apt.

48
00:03:22,430 --> 00:03:28,860
vamos chamá-lo de público e eles podem ser nomeados, mas o público é um nome muito comum e convencional para este diretório.

49
00:03:28,860 --> 00:03:34,010
C Ss, exceto em vez de criá-lo no mesmo diretório que é ap J Sim, nós realmente

50
00:03:34,010 --> 00:03:38,400
vamos fazer outro diretório onde colocaremos todas as nossas folhas de estilo todos os javascript

51
00:03:38,430 --> 00:03:42,340
que escrevemos e, em seguida, quaisquer outros ativos que queremos são disponíveis e

52
00:03:42,430 --> 00:03:43,660
Bem, certifique-se de onde é o lugar certo.

53
00:03:43,800 --> 00:03:53,280
E, em seguida, faça o diretório público e também crie dentro de um aplicativo de barra pública pública público que veja avaliar qual é o

54
00:03:53,400 --> 00:03:59,220
nome do nosso arquivo aqui e salvar e você pode estar pensando OK, aguarde um

55
00:03:59,220 --> 00:04:01,060
minuto, não seja isso público.

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

57
00:04:03,180 --> 00:04:04,940
E, infelizmente, a resposta é não.

58
00:04:05,010 --> 00:04:10,500
Vamos deixá-lo como apto upsy SS vai dizer expressar que nossas folhas de estilo e javascript estão dentro do diretório

59
00:04:10,500 --> 00:04:15,840
público e ele servirá o diretório público para nós para que possamos ligar para as coisas apenas usando os

60
00:04:15,960 --> 00:04:19,250
nomes dos arquivos, então eu vou mostre isso em apenas um momento.

61
00:04:19,500 --> 00:04:26,370
Abrimos o aplicativo barra pública que vê o arquivo SS e adiciona alguns estilos.

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

63
00:04:28,020 --> 00:04:30,290
Vai fazer corpo ou fundo.

64
00:04:30,510 --> 00:04:31,290
Vai ser horrível.

65
00:04:31,290 --> 00:04:35,540
Vamos fazer o fundo amarelo e cor ainda roxo.

66
00:04:35,900 --> 00:04:41,130
Ok então agora temos um estilo realmente grosseiro que ela definiu, podemos fechar daqui e saberemos se está funcionando.

67
00:04:41,400 --> 00:04:47,430
Se esta postagem E. J. Como o modelo aparece com um horrível fundo amarelo

68
00:04:47,430 --> 00:04:51,760
no texto roxo, não vai funcionar ainda, mas vou mostrar-lhe apenas para que você veja isso por si mesmo.

69
00:04:51,780 --> 00:04:53,270
Então, Noad apt.

70
00:04:53,370 --> 00:05:01,250
J. S. e voltamos e atualizamos a página e precisamos ir para a página da publicação e não recebemos nada.

71
00:05:01,600 --> 00:05:05,880
E se abrir o cônsul aqui recebo um erro que diz que não foi possível carregar pesquisas.

72
00:05:05,950 --> 00:05:11,040
O servidor respondeu o status de 404 e não conseguiu encontrar o sucesso do apparat.

73
00:05:11,110 --> 00:05:13,040
E o motivo disso é bem direto.

74
00:05:13,180 --> 00:05:18,550
Quando você cria um aplicativo da Web e usamos o Express para iniciar um servidor web, ele não serve

75
00:05:18,610 --> 00:05:22,610
apenas automaticamente todos os arquivos que ele vê, não sabe que queremos fazer isso.

76
00:05:22,660 --> 00:05:25,360
E o padrão é não servir nada.

77
00:05:25,360 --> 00:05:27,370
Além do diretório de visualizações.

78
00:05:27,670 --> 00:05:33,940
Então, se queremos mais alguma coisa, precisamos dizer expressamente explicitamente, eu preciso que você sirva meu diretório público

79
00:05:34,120 --> 00:05:36,030
ou qualquer outro diretor que possamos.

80
00:05:36,250 --> 00:05:41,470
expresso que faça isso e, provavelmente, expressar uma maneira fácil de fazer isso dentro de nosso ato.

81
00:05:41,470 --> 00:05:42,390
Precisamos dizer ao

82
00:05:42,430 --> 00:05:48,490
Sim, eu vou adicionar um aplicativo para usar e depois entre parênteses.

83
00:05:48,700 --> 00:05:50,290
EXPRESSE é estático.

84
00:05:50,440 --> 00:05:54,950
E, em parênteses novamente, a palavra público, que é o nome do nosso diretório.

85
00:05:55,180 --> 00:05:59,530
E isso indicará expressar para servir o conteúdo do diretório público.

86
00:05:59,530 --> 00:06:07,690
E agora, se eu reiniciar meu servidor e atualizar a página aqui, feche o consulado, obtemos o

87
00:06:07,690 --> 00:06:13,840
nosso fundo amarelo e nossa fonte roxa e não temos erros no conselho.

88
00:06:13,840 --> 00:06:18,910
folhas de estilo em outras páginas, basta ir e copiar essa tag de link e colocá-la no topo.

89
00:06:20,440 --> 00:06:22,250
E se você deseja incluir essas

90
00:06:22,450 --> 00:06:26,560
E é claro que poderíamos ter vários tipos de estilos também se desejássemos e

91
00:06:26,560 --> 00:06:30,800
pudéssemos apenas relacioná-los, dando-lhes nomes diferentes e assegurando-se de que ambos estejam no diretório público.

92
00:06:30,910 --> 00:06:35,830
Antes de passar para a Parshall, queremos dar um momento para lhe mostrar uma coisa muito rápida que podemos fazer para que seu código seja um pouco

93
00:06:35,830 --> 00:06:41,020
mais curto que estamos escrevendo para casa que cada E. J. sim amado.

94
00:06:41,050 --> 00:06:43,180
E. J. publicou E. J. Sim, isso

95
00:06:43,180 --> 00:06:48,630
é realmente menor, mas podemos realmente dizer expressar que vamos usar o Ejay com antecedência e podemos

96
00:06:49,000 --> 00:06:55,240
deixar isso e simplesmente escrever em casa e evoluir e esperará automaticamente que os arquivos sejam arquivos do Ejaz.

97
00:06:55,240 --> 00:06:56,840
E para fazer isso, usamos o mecanismo de exibição de conjunto de dados do aplicativo e então passamos o segundo argumento como E. J. é

98
00:06:57,040 --> 00:07:06,040
assim.

99
00:07:06,040 --> 00:07:06,670
E se conservarmos o reinício, o servidor agora espera que esses arquivos sejam arquivos Ejaz.

100
00:07:06,790 --> 00:07:13,440
E se atualizarmos.

101
00:07:13,450 --> 00:07:14,470
Nada deve mudar.

102
00:07:14,470 --> 00:07:16,560
Ainda funciona.

103
00:07:16,560 --> 00:07:17,510
E agora não precisamos dizer explicitamente que a Usay nós.

104
00:07:17,650 --> 00:07:21,240
Então, essa é uma mudança muito pequena.

105
00:07:21,310 --> 00:07:22,930
A próxima coisa que quero te

106
00:07:22,930 --> 00:07:26,920
mostrar é um pouco mais significativa e nos ajudará a esconder o nosso modelo.

107
00:07:26,920 --> 00:07:27,650
Agora, temos essa folha de estilo.

108
00:07:28,000 --> 00:07:29,730
Este link para a folha de estilo

109
00:07:29,740 --> 00:07:35,680
repetido em todos os modelos, mas também há algo muito mais significativo que estamos perdendo, que é toda a nossa placa de caldeira do tempo.

110
00:07:35,680 --> 00:07:39,570
Nós estamos perdendo a fita adesiva aqui.

111
00:07:39,860 --> 00:07:43,250
Andrew faltam estão envelhecendo com etiquetas antigas

112
00:07:43,420 --> 00:07:49,960
e com todos os boilerplate regulares que esperamos cabeça e dentro da cabeça.

113
00:07:49,960 --> 00:07:51,120
Precisamos do título e daremos ao nosso aplicativo o título.

114
00:07:51,310 --> 00:07:54,220
Ligue para o aplicativo de demonstração e então precisamos do corpo também.

115
00:07:54,220 --> 00:08:00,550
E, em seguida, dentro do corpo, devemos colocar esse conteúdo

116
00:08:00,550 --> 00:08:08,200
e então precisamos fazer exatamente o mesmo em todos os outros arquivos.

117
00:08:08,590 --> 00:08:09,760
E não vou fazer isso

118
00:08:09,760 --> 00:08:15,160
porque é uma perda de tempo e há uma solução mais fácil, na qual não precisamos copiar este código e colocá-lo em

119
00:08:15,160 --> 00:08:20,230
cada modelo, assim como não devemos copiar essa tag de link único e coloque isso em cada modelo único também.

120
00:08:20,230 --> 00:08:23,840
modelos criará um modelo que se parece com isso.

121
00:08:23,950 --> 00:08:28,870
E a maneira como nos deparamos é usando o que chamamos de

122
00:08:28,870 --> 00:08:35,500
Parshall e Parshall são basicamente modelos de arquivos que podemos escrever que podemos incluir em outros

123
00:08:35,500 --> 00:08:36,780
Então, teremos a metade superior da nossa placa de caldeira tudo na cabeça.

124
00:08:36,820 --> 00:08:41,080
Isso quase sempre será o mesmo em cada página que criamos em um determinado site.

125
00:08:41,320 --> 00:08:46,030
A mesma folha de estilo do mesmo título.

126
00:08:46,060 --> 00:08:47,970
Então, vamos fazer deste modelo próprio.

127
00:08:48,160 --> 00:08:50,590
E então, na parte inferior, vamos fazer deste seu próprio modelo aqui.

128
00:08:51,130 --> 00:08:54,680
que estamos ou dependendo da página em que estamos.

129
00:08:54,850 --> 00:09:00,790
E, então, entre os dois, nosso conteúdo será alterado de acordo com o modelo em

130
00:09:00,810 --> 00:09:02,220
Então, o que faremos é basicamente transformar este em seu próprio modelo.

131
00:09:02,470 --> 00:09:05,680
Transforme isso em seu próprio modelo e, em

132
00:09:05,860 --> 00:09:11,740
seguida, nós apenas usamos os modelos que nos referimos a eles em cada um desses arquivos.

133
00:09:11,740 --> 00:09:12,520
Então, nós diriamos

134
00:09:12,670 --> 00:09:19,930
algo como E este não é um código válido, mas nós faremos algo como incluir o modelo de cabeçalho e, em seguida, na parte inferior faria a mesma coisa, exceto para o rodapé.

135
00:09:20,350 --> 00:09:27,330
Então, precisamos criar esses modelos ou o Parshall e fazer isso, faremos um novo

136
00:09:28,180 --> 00:09:33,130
diretório em vez de visualizações e chamaremos esse diretório Parshall's.

137
00:09:33,130 --> 00:09:37,110
Então, vamos fazer e fazer as visualizações do diretório cortar o Parshall assim.

138
00:09:37,240 --> 00:09:42,830
E então, em vez de Parshall, vamos fazer dois arquivos e o primeiro

139
00:09:42,970 --> 00:09:49,750
será o uso da barra de compartilhamento da Parshall, que cada um de nós e, em

140
00:09:50,200 --> 00:09:59,060
seguida, faremos outra exceção parcial, exceto o rodapé, e você também pode chamar isso como superior e inferior Ejaz primeiro e

141
00:09:59,060 --> 00:10:05,330
segundo o que você quer chamá-los, mas cabeçalho e rodapé é definitivamente o nome padrão.

142
00:10:05,330 --> 00:10:07,530
Então eu vou fazer esses

143
00:10:07,700 --> 00:10:13,640
dois arquivos e depois vou abri-los e desta vez na escola por aqui e

144
00:10:13,640 --> 00:10:21,770
abrir o cabeçalho e eu vou copiar neste boilerplate basta cortá-lo e colocar isso aqui em vez de cabeçalho.

145
00:10:21,770 --> 00:10:22,330
Então, isso é

146
00:10:22,430 --> 00:10:28,280
o que queremos no topo de cada página e, em vez do rodapé, tudo o que realmente queremos é a parte inferior do nosso modelo, que é apenas o corpo e a etiqueta final da equipe.

147
00:10:28,880 --> 00:10:35,850
Bem desse jeito.

148
00:10:35,930 --> 00:10:36,810
E se queríamos algo mais.

149
00:10:36,970 --> 00:10:38,390
Então farei algo um pouco mais óbvio.

150
00:10:38,390 --> 00:10:40,670
Vamos apenas fazer um parágrafo

151
00:10:40,790 --> 00:10:48,900
na parte inferior que diz algo como marca registrada ou algum outro texto no rodapé que veríamos em um site.

152
00:10:48,920 --> 00:10:50,250
Vamos deixar isso com isso.

153
00:10:50,270 --> 00:10:51,460
E então esperamos ver isso em todas as páginas onde incluímos o rodapé.

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

155
00:10:55,370 --> 00:10:56,090
ESTÁ BEM.

156
00:10:56,310 --> 00:10:56,530
Então, os dois parciais estão concluídos.

157
00:10:56,540 --> 00:10:58,010
Feche isso.

158
00:10:58,010 --> 00:10:59,400
Corrija isso assim.

159
00:10:59,570 --> 00:11:03,560
Tudo bem, salve.

160
00:11:03,580 --> 00:11:05,110
E agora queremos incluir os parciais.

161
00:11:05,480 --> 00:11:07,660
Então vamos começar com nosso amor.

162
00:11:07,760 --> 00:11:09,200
Cada um de nós e agora vamos incluir esse cabeçalho parcial.

163
00:11:09,240 --> 00:11:12,500
Então, precisamos usar um novo código no Ejay, como incluem etiquetas.

164
00:11:12,500 --> 00:11:18,640
E, em seguida, o nome do arquivo que é apenas o mais importante e não

165
00:11:19,070 --> 00:11:23,680
temos que adicionar aquele Ejay porque já está procurando por arquivos Ejaz.

166
00:11:23,680 --> 00:11:25,620
Então, apenas inclua cabeçalho e isso realmente não funcionará imediatamente e vou mostrar-lhe o porquê.

167
00:11:25,790 --> 00:11:30,620
Deixe-me colocar o rodapé um aqui dentro.

168
00:11:30,680 --> 00:11:34,680
E se eu começar o servidor, certifique-se de limpar um pouco de espaço aqui e depois nó.

169
00:11:35,510 --> 00:11:42,040
Apogee Sim.

170
00:11:42,140 --> 00:11:43,400
E se você atualizar a página e isso só está incluído no estudo do amor J. S. modelo.

171
00:11:43,550 --> 00:11:47,910
Então, precisamos ir para cortar.

172
00:11:48,140 --> 00:11:50,450
Apaixonar-se por resti e cometemos um erro.

173
00:11:50,450 --> 00:11:53,680
Não existe tal arquivo ou diretório.

174
00:11:53,780 --> 00:11:55,420
Sim, as barras de demonstração visualizam a barra.

175
00:11:55,680 --> 00:11:58,420
E. J. Sim.

176
00:11:58,430 --> 00:11:59,310
Então isso nos diz duas coisas.

177
00:11:59,330 --> 00:12:00,750
Um sabe que é suposto ser um arquivo Ejaz.

178
00:12:00,770 --> 00:12:03,430
Está procurando um cabeçalho.

179
00:12:03,470 --> 00:12:04,590
Sim, mas está olhando diretamente no diretório do usuário.

180
00:12:04,700 --> 00:12:07,920
Mas queremos que ele veja as barras de vista

181
00:12:08,000 --> 00:12:14,150
da barra de Parshall, o heterodoxo, e, como você pode ver aqui, as barras de vista da Parshall.

182
00:12:14,150 --> 00:12:15,000
Então, precisamos mudar

183
00:12:15,110 --> 00:12:20,480
nosso caminho aqui um pouco e precisamos mudá-lo para dizer a barraca de Parshall e o rodapé da barraca de Parshall.

184
00:12:20,990 --> 00:12:23,660
No entanto, isso ainda não vai consertá-lo.

185
00:12:23,660 --> 00:12:25,880
E eu vou te mostrar uma vez

186
00:12:26,300 --> 00:12:31,790
mais o que acontece quando eu começar isso novamente e atualizar o parcial foi incluído bem.

187
00:12:31,790 --> 00:12:33,010
E se nós vamos aos elementos, você pode ver que nós temos o rodapé na parte inferior e nós temos o corpo.

188
00:12:33,110 --> 00:12:39,100
E cada vez que fecham as tags, mas os estilos não estão sendo aplicados.

189
00:12:39,170 --> 00:12:43,100
Deve ser roxo e amarelo e é apenas preto e branco.

190
00:12:43,100 --> 00:12:46,670
E se olharmos na cabeça, temos nossa marca de link e está vinculando um arquivo chamado apcupsd.

191
00:12:46,670 --> 00:12:52,210
SS Mas isso não está funcionando.

192
00:12:52,240 --> 00:12:53,940
o conteúdo principal e também tem o rodapé.

193
00:12:54,140 --> 00:12:59,510
E se olharmos para a guia de fontes, você verá que temos esse arquivo Rustie que foi enviado de volta e tem nosso cabeçalho e tem

194
00:12:59,510 --> 00:13:05,290
Então, este é como o arquivo montado porque lembre-se de enviar uma coisa de volta a uma resposta.

195
00:13:05,300 --> 00:13:10,550
Então, isso torna este um arquivo para nós com os nossos três parshall's

196
00:13:10,550 --> 00:13:15,500
ou dois Parshall's Plus nosso conteúdo e ele envia isso de volta.

197
00:13:15,500 --> 00:13:16,660
E então também há este ACT-UP veja diz que está totalmente vazio.

198
00:13:17,000 --> 00:13:20,710
E o que isso significa é que nós ligamos ao nosso APS-C avaliado incorretamente.

199
00:13:20,870 --> 00:13:25,020
Então está aparecendo como um arquivo vazio e é

200
00:13:25,100 --> 00:13:30,530
uma solução muito simples, embora precisemos fazer é adicionar uma barra aqui.

201
00:13:30,530 --> 00:13:31,880
Passo por tudo isso por

202
00:13:32,120 --> 00:13:36,920
uma razão que é mostrar-lhe a importância dos caminhos e garantir que tenhamos nossos caminhos configurados corretamente.

203
00:13:36,920 --> 00:13:38,710
Portanto, há uma diferença entre o sucesso ACT-UP e a barra depois da avaliação quando adicionamos a barra.

204
00:13:38,840 --> 00:13:45,170
Ele basicamente diz que nos busca diz não no mesmo

205
00:13:45,170 --> 00:13:51,050
diretório que você está agora, mas no diretório raiz.

206
00:13:51,050 --> 00:13:51,930
Deixe-me mostrar uma ilustração melhor.

207
00:13:51,990 --> 00:13:53,930
Agora, está procurando sucesso no mesmo diretório que esse modelo Rusti.

208
00:13:53,930 --> 00:14:00,270
Agora, se eu salvar-lo com a barra e reiniciar o servidor, eles voltarão aqui e eu atualizo agora.

209
00:14:00,680 --> 00:14:08,550
Dê uma olhada.

210
00:14:09,290 --> 00:14:09,970
Nossos estilos funcionam.

211
00:14:09,980 --> 00:14:10,970
Observe também que temos

212
00:14:11,000 --> 00:14:17,090
o arquivo com o h t m l e nós temos o nosso apt o SS que agora está fora desse diretório, não está

213
00:14:17,090 --> 00:14:21,890
na mesma pasta e tem os estilos corretos, o que significa que ele encontrou o arquivo que precisávamos encontrar.

214
00:14:21,890 --> 00:14:23,410
Então, essa lama parece ser muito pequena, mas é realmente um detalhe importante.

215
00:14:23,570 --> 00:14:27,360
Então corte e, em seguida, o nome da nossa folha de estilo qualquer coisa dentro do diretório público.

216
00:14:27,650 --> 00:14:31,940
onde nós temos o nosso código fonte para cortar scripts slash maynt.

217
00:14:32,060 --> 00:14:38,570
Então, eventualmente, parecerá algo como Slash stylesheets slash ACT-UP veja avaliar e então teremos uma tag de script

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

219
00:14:46,430 --> 00:14:46,990
E assim teremos dentro do diretório de scripts de diretório público e diretório de folhas de estilo.

220
00:14:47,150 --> 00:14:52,720
Por enquanto, apenas temos uma folha de estilo para que a deixemos assim.

221
00:14:52,940 --> 00:14:56,760
Vamos terminar rapidamente e adicionar os parciais aos outros arquivos também.

222
00:14:57,440 --> 00:15:01,900
Então, neste neste nosso lar, que cada um de nós pagará,

223
00:15:02,330 --> 00:15:09,650
e então, no fundo, colado em uma inundação e alterá-lo para rodar e salvar e depois publicá-lo.

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

225
00:15:13,850 --> 00:15:14,410
Mesma coisa.

226
00:15:14,630 --> 00:15:15,520
Queremos o cabeçalho e o rodapé.

227
00:15:15,920 --> 00:15:17,630
Livrar-se disso também em todos os arquivos.

228
00:15:17,680 --> 00:15:20,690
Parshall's slash footer.

229
00:15:20,900 --> 00:15:22,650
E isso deve ser bom para nós.

230
00:15:23,270 --> 00:15:24,700
Vamos voltar a reiniciar o servidor aqui e isso deve parecer o mesmo.

231
00:15:24,710 --> 00:15:30,920
Agora, se vamos ao caminho certo, também obtemos

232
00:15:30,920 --> 00:15:39,440
nossos estilos e, se formos a barras, também obtemos os estilos.

233
00:15:39,440 --> 00:15:41,470
Tudo bem.

234
00:15:41,480 --> 00:15:41,890
Então vamos recapitular tudo isso.

235
00:15:42,020 --> 00:15:43,550
Uma das primeiras coisas que fizemos foi criar o diretório

236
00:15:43,610 --> 00:15:47,900
público e adicionar uma folha de estilo dentro dela e para que isso funcionasse, nós precisávamos ter certeza de dizer ao expresso para servir o diretório público.

237
00:15:47,900 --> 00:15:54,080
Então, uma vez que fizemos, fizemos uma pequena mudança, que era dizer expressar

238
00:15:54,380 --> 00:15:59,690
que todos os nossos modelos serão sim, a menos que seja indicado.

239
00:15:59,690 --> 00:16:02,480
Portanto, não precisamos escrever cada Sim após cada nome do modelo.

240
00:16:02,540 --> 00:16:05,960
E então, a grande mudança que fizemos foi a introdução do Parshall's.

241
00:16:06,410 --> 00:16:09,380
Então, fizemos um diretório chamado Parshall, pode ser nomeado qualquer coisa.

242
00:16:09,530 --> 00:16:12,650
Algumas pessoas chamam de layouts Parshall's também é muito comum.

243
00:16:12,650 --> 00:16:16,130
E então nós tínhamos dois arquivos ou cabeçalho e rodapé e todo

244
00:16:16,130 --> 00:16:21,890
o objetivo disso era apenas ajudar a esconder nosso código para que não tivéssemos que adicionar isso a cada modelo.

245
00:16:21,890 --> 00:16:25,510
Em vez disso, nós vamos para o nosso modelo e tudo o

246
00:16:25,880 --> 00:16:32,300
que temos a fazer é escrever incluir o bloqueio da Parshall e não estamos limitados apenas ao cabeçalho e rodapé, nós

247
00:16:32,300 --> 00:16:37,610
podemos ter um para a barra de navegação se tivermos uma barra de navegação em cada página.

248
00:16:37,610 --> 00:16:38,750
Poderíamos ter outro parcial que incluíssemos a antiga barraca de Parshall.

249
00:16:38,840 --> 00:16:42,880
Portanto, não há regras sobre o que podemos e não podemos fazer.

250
00:16:42,970 --> 00:16:45,300
Mas o mais comum é cabeçalho e rodapé.

251
00:16:45,410 --> 00:16:49,080
Tudo bem, então é isso

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