1
00:00:00,210 --> 00:00:06,390
この時点まで、私たちの代理人は完全に無造作に戻ってきましたが、JavaScriptは含まれていませんでした。

2
00:00:06,390 --> 00:00:08,740
 

3
00:00:08,830 --> 00:00:14,160
このビデオでは、スタイルシートやJavascriptなどのアセットをどのように含めることができるかを説明します。

4
00:00:14,730 --> 00:00:19,650
また、私はParshall'sとして知られているものを使ってテンプレートをどのように枯渇させることができるかを示します。

5
00:00:19,650 --> 00:00:20,730
だから始めましょう。

6
00:00:20,740 --> 00:00:24,530
私は私たちのアプリを持っている過去2つのビデオのために私が使用しているのと同じアプリを使用しています。

7
00:00:24,630 --> 00:00:26,920
はい、3つの主要ルートがあります。

8
00:00:27,060 --> 00:00:34,380
Cの愛らしいイメージを持つテンプレートとして家をレンダリングするルートルートがあります。そしてスラッシュのものと恋をします。

9
00:00:34,380 --> 00:00:40,140
私たちには、EjayがH1とPalm

10
00:00:40,170 --> 00:00:46,890
それぞれのテンプレートに向かって愛を表現し、あなたが恋に落ちたことを表示し、そして私たちがそのルートに書いたものを表示します。

11
00:00:46,890 --> 00:00:49,540
 

12
00:00:49,770 --> 00:00:55,800
ステートメントをして、次に小さな段落を下にして、我々はまた、スラッシュポストルートを持っているので、ポストをレンダリングします。

13
00:00:55,800 --> 00:01:00,230
J. テンプレートとして、その内部に

14
00:01:00,330 --> 00:01:01,740
私たちは2つのループを持っています。

15
00:01:01,950 --> 00:01:04,290
さて、いくつかのスタイルを追加したいとしましょう。

16
00:01:04,560 --> 00:01:07,250
あなたが今知っているように、私は紫色が好きです。

17
00:01:07,380 --> 00:01:13,410
私はすべてのボディを紫色にしたいとしましょう。すべての異なるテンプレート上のすべてのテキストの色は紫色でなければなりません。

18
00:01:13,500 --> 00:01:14,760
 

19
00:01:14,760 --> 00:01:22,950
投稿ページから始めましょう。スタイルタグを入れてスタイルの開閉をしてから、自分のスタイルをここに書いて、それと同じように紫色にして保存します。

20
00:01:22,950 --> 00:01:30,990
 

21
00:01:31,440 --> 00:01:36,390
 

22
00:01:36,390 --> 00:01:41,220
 

23
00:01:41,220 --> 00:01:41,970
これは実際にはスタイルを組み込む理想的な方法ではないことを覚えておいてください。私たちはリファクタリングしてすぐに改良する予定ですが、最初に理由を示しています。

24
00:01:41,970 --> 00:01:43,880
体には紫色がかかっています。

25
00:01:44,010 --> 00:01:46,920
サーバーノードアプリケーションを起動しましょう。

26
00:01:47,010 --> 00:01:55,150
はい、ブラウザに行き、ポストのページでリフレッシュしてみましょう。紫色になっています。

27
00:01:55,830 --> 00:01:59,210
私が別のルートに行くと、私は紫色にならない。

28
00:01:59,360 --> 00:02:04,650
それは、それらが完全に別のテンプレートであり、スタ゗ルタグをポストテンプレートに追加しただけなのです。

29
00:02:05,340 --> 00:02:11,820
だから私がすべての3つのテンプレートですべて紫色にしたいなら、私はEjay私たちと愛の同じスタイルのタグを家で別のスタイルのタグで追加することができます。

30
00:02:11,820 --> 00:02:15,710
 

31
00:02:15,900 --> 00:02:25,500
はい、私のページをリフレッシュしてサーバーを再起動して保存してください。私はここで紫色のH-1を取得します。もし私がRustyと恋に落ちるなら、そのスタイルタグから紫色のテキストも取得します。

32
00:02:25,500 --> 00:02:30,040
 

33
00:02:30,090 --> 00:02:32,320
ここには2つの大きな問題があります。

34
00:02:32,340 --> 00:02:36,810
1つは、このコードが3回繰り返されるという問題です。

35
00:02:36,810 --> 00:02:41,640
3つの異なるテンプレートに同じスタイルが必要な場合は、それを達成するためのより良い方法が必要です。

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

37
00:02:42,060 --> 00:02:42,710
そこには。

38
00:02:42,810 --> 00:02:44,560
そして、私たちはそれに取り組んでいきます。

39
00:02:44,610 --> 00:02:49,330
私たちはスタイルタグを使用するというこの問題に取り組むことから始めます。これは良い考えではありません。

40
00:02:49,500 --> 00:02:56,130
その代わりに、外部スタイルシートを使用し、そのスタイルシートにリンクタグを使用してリンクします。

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

42
00:02:57,330 --> 00:03:02,010
だから、最初にスタイルシートを持っていないので動作しないリンクタグを書きますが、それを作成します。

43
00:03:02,010 --> 00:03:03,150
 

44
00:03:03,340 --> 00:03:08,990
だからリンクして、私たちはラウルシェルの同じスタイルシートを提供する必要があります。

45
00:03:09,090 --> 00:03:14,300
そして、これは私たちのスタイルシートの名前である必要があり、我々はそれをDotと呼ぶだけです。

46
00:03:14,340 --> 00:03:20,580
SSこれはPostのEだけです J. テンプレートは今すぐ保存されます。

47
00:03:20,700 --> 00:03:22,390
そしてそれを作成してみましょう。

48
00:03:22,430 --> 00:03:28,860
Ssはaptと同じディレクトリに作成するのを除いて同じです。Jはい、実際には、私たちが書いたすべてのスタイルシートと、必要な他のすべてのアセットを配置する別のディレクトリを作成します。私たちはそれを公開と呼びますが、名前は何でもかまいませんが、一般的ですが、このディレクトリの一般的な名前です。

49
00:03:28,860 --> 00:03:34,010
C

50
00:03:34,010 --> 00:03:38,400
 

51
00:03:38,430 --> 00:03:42,340
 

52
00:03:42,430 --> 00:03:43,660
いつ正しい場所にいるかを確認してください。

53
00:03:43,800 --> 00:03:53,280
ディレクトリを公開し、公開ファイルを作成して、ここでファイルの名前を確認して保存すると、これを公開しないでください。

54
00:03:53,400 --> 00:03:59,220
 

55
00:03:59,220 --> 00:04:01,060
 

56
00:04:01,180 --> 00:04:02,720
スラッシュアセスメント。

57
00:04:03,180 --> 00:04:04,940
残念ながら、答えは「いいえ」です。

58
00:04:05,010 --> 00:04:10,500
 

59
00:04:10,500 --> 00:04:15,840
 

60
00:04:15,960 --> 00:04:19,250
私たちはスタイルシートとjavascriptがパブリックディレクトリの中にあり、パブリックディレクトリを提供してファイル名を使用するだけでリンクすることができるようにSSが表現するようにSSを残しますそれをほんの一瞬で見せてください。

61
00:04:19,500 --> 00:04:26,370
SSファイルを参照してスタイルを追加するパブリックスラッシュアプ​​リを開きましょう。

62
00:04:26,600 --> 00:04:27,920
違うことをしよう。

63
00:04:28,020 --> 00:04:30,290
体や背景をします。

64
00:04:30,510 --> 00:04:31,290
それは恐ろしいことになるだろう。

65
00:04:31,290 --> 00:04:35,540
我々は黄色と色がまだ紫色の背景を行うだろう。

66
00:04:35,900 --> 00:04:41,130
それで、ここで私達はここで終わることができると定義した本当に総体的なスタイルを持っているので、それが動作しているかどうかわかります。

67
00:04:41,400 --> 00:04:47,430
この投稿があれば J.

68
00:04:47,430 --> 00:04:51,760
テンプレートが紫色のテキストではっきりとした黄色い背景で表示されますが、それはすぐには機能しませんが、私はあなた自身でそれを見ることができます。

69
00:04:51,780 --> 00:04:53,270
だからNoad apt。

70
00:04:53,370 --> 00:05:01,250
J. S. 私たちは戻ってページをリフレッシュし、ポストページに行く必要があり、私たちは何も取得しません。

71
00:05:01,600 --> 00:05:05,880
私がここで領事館を開くと、私は研究を読み込めなかったというエラーが出ます。

72
00:05:05,950 --> 00:05:11,040
サーバーは404の状態に応答し、うまくいくことはありませんでした。

73
00:05:11,110 --> 00:05:13,040
そして、この理由はかなり簡単です。

74
00:05:13,180 --> 00:05:18,550
Webアプリケーションを作成し、Expressを使用してWebサーバーを開始すると、Webサーバーが開始するとわからないすべてのファイルが自動的に配信されるだけではありません。

75
00:05:18,610 --> 00:05:22,610
 

76
00:05:22,660 --> 00:05:25,360
そして、デフォルトでは何も提供しないことです。

77
00:05:25,360 --> 00:05:27,370
viewsディレクトリとは別に。

78
00:05:27,670 --> 00:05:33,940
だから明示する必要があるものが他にも必要な場合は、私のパブリックディレクトリまたは他の取締役に奉仕する必要があります。

79
00:05:34,120 --> 00:05:36,030
 

80
00:05:36,250 --> 00:05:41,470
私たちはそれをするために急行する必要があり、可能性が高い表現は私たちの行為の中でそれを行うための簡単な方法を提供します。

81
00:05:41,470 --> 00:05:42,390
 

82
00:05:42,430 --> 00:05:48,490
はい、私は使用するアプリを追加してからカッコで追加します。

83
00:05:48,700 --> 00:05:50,290
EXPRESS静的です。

84
00:05:50,440 --> 00:05:54,950
そして、カッコ内に再び、私たちのディレクトリの名前であるpublicという単語があります。

85
00:05:55,180 --> 00:05:59,530
そして、これは公共のディレクトリの内容を提供するために明示されます。

86
00:05:59,530 --> 00:06:07,690
そして今、私のサーバーを再起動してページをリフレッシュして領事館を閉じると、私たちは黄色の背景と紫色のフォントを取得し、議会で何の誤りもありません。

87
00:06:07,690 --> 00:06:13,840
 

88
00:06:13,840 --> 00:06:18,910
これらのスタイルシートを他のページに含めるには、このリンクタグをコピーして上に置くだけです。

89
00:06:20,440 --> 00:06:22,250
 

90
00:06:22,450 --> 00:06:26,560
 

91
00:06:26,560 --> 00:06:30,800
もちろん、複数のスタイルシートを用意しておきたい場合は、別の名前を付けて、それらが公開ディレクトリにあることを確認してリンクすることもできます。

92
00:06:30,910 --> 00:06:35,830
私たちがParshallに移る前に、コードを少し短くして、それぞれのE.

93
00:06:35,830 --> 00:06:41,020
J. はい、愛されました。

94
00:06:41,050 --> 00:06:43,180
E. J. E.を投稿しました J.

95
00:06:43,180 --> 00:06:48,630
 

96
00:06:49,000 --> 00:06:55,240
はい、これは本当にマイナーですが、実際にEjayを使用する予定であることを明示することができます。これらを残してそのまま書き込んで進化させると、ファイルがEjazファイルであると自動的に予想されます。

97
00:06:55,240 --> 00:06:56,840
これを行うには、appデータセットビューエンジンを使用して、2番目の引数をEとして渡します。 J.

98
00:06:57,040 --> 00:07:06,040
ちょうどそれのように。

99
00:07:06,040 --> 00:07:06,670
そしてサーバを再起動して保存すると、それらのファイルがEjazファイルであることが期待されます。

100
00:07:06,790 --> 00:07:13,440
リフレッシュすれば

101
00:07:13,450 --> 00:07:14,470
何も変わるべきではありません。

102
00:07:14,470 --> 00:07:16,560
それでも動作します。

103
00:07:16,560 --> 00:07:17,510
そして今、我々は明示的にEjayと言う必要はありません。

104
00:07:17,650 --> 00:07:21,240
それは非常に小さな変化です。

105
00:07:21,310 --> 00:07:22,930
 

106
00:07:22,930 --> 00:07:26,920
次に私があなたに見せたいことは、もう少し重要なことです。それは、私たちがテンプレートを乾燥させる助けになるでしょう。

107
00:07:26,920 --> 00:07:27,650
今、私たちはこのスタイルシートを持っています。

108
00:07:28,000 --> 00:07:29,730
 

109
00:07:29,740 --> 00:07:35,680
このスタイルシートへのリンクは、すべてのテンプレートで繰り返されていますが、ボイラープレート全体が私たちが欠けている重要なものがあります。

110
00:07:35,680 --> 00:07:39,570
ここにダクトテープがありません。

111
00:07:39,860 --> 00:07:43,250
 

112
00:07:43,420 --> 00:07:49,960
Andrewの行方不明者は彼の古いタグと、私たちが頭と頭の内側を期待するすべての規則的な定型文を老化させます。

113
00:07:49,960 --> 00:07:51,120
タイトルが必要なので、アプリにタイトルを付けます。

114
00:07:51,310 --> 00:07:54,220
それをデモアプリと呼んで、体を必要とします。

115
00:07:54,220 --> 00:08:00,550
 

116
00:08:00,550 --> 00:08:08,200
そして、体の中にこのコンテンツを入れて、それから他のすべてのファイルでまったく同じことをする必要があります。

117
00:08:08,590 --> 00:08:09,760
 

118
00:08:09,760 --> 00:08:15,160
 

119
00:08:15,160 --> 00:08:20,230
それは時間の無駄だから、私はそれをやろうとはしません。このコードをコピーして、この単一のリンクタグをコピーする必要がないように、すべての単一のテンプレートに置く必要のない簡単なソリューションがありますそれをすべての単一テンプレートにも置きます。

120
00:08:20,230 --> 00:08:23,840
ParshallとParshallは基本的にはファイルテンプレートで、他のテンプレートに含めることができます。このようなテンプレートが作成されます。

121
00:08:23,950 --> 00:08:28,870
 

122
00:08:28,870 --> 00:08:35,500
 

123
00:08:35,500 --> 00:08:36,780
だから、私たちはボイラープレートの上半分をすべて頭に入れます。

124
00:08:36,820 --> 00:08:41,080
これは、特定のサイトで作成するすべてのページでほぼ同じになります。

125
00:08:41,320 --> 00:08:46,030
同じスタイルシートの同じタイトル。

126
00:08:46,060 --> 00:08:47,970
だから、これを独自のテンプレートにするだけです。

127
00:08:48,160 --> 00:08:50,590
そして最後に、ここで独自のテンプレートを作成します。

128
00:08:51,130 --> 00:08:54,680
 

129
00:08:54,850 --> 00:09:00,790
そして、2人の間には、私たちがどんなテンプレートを使っているのか、現在のページに応じて変化する私たちのコンテンツがあります。

130
00:09:00,810 --> 00:09:02,220
ですから、基本的にこれを独自のテンプレートに変えていくことになります。

131
00:09:02,470 --> 00:09:05,680
 

132
00:09:05,860 --> 00:09:11,740
これを独自のテンプレートにして、これらのファイルのそれぞれで参照するテンプレートを使用します。

133
00:09:11,740 --> 00:09:12,520
 

134
00:09:12,670 --> 00:09:19,930
だから私たちは何かを言うだろうそしてこれは有効なコードではありませんが、我々はヘッダーのインクルードのようなものを行い、そして底部はフッターを除いて同じことをするでしょう。

135
00:09:20,350 --> 00:09:27,330
だから私たちはそれらのテンプレートやParshallを作成する必要があり、そのためにはビューの代わりに新しいディレクトリを作成し、そのディレクトリParshall'sを呼び出します。

136
00:09:28,180 --> 00:09:33,130
 

137
00:09:33,130 --> 00:09:37,110
だから、私たちはディレクトリビューをParshallのようにスラッシュさせるようにします。

138
00:09:37,240 --> 00:09:42,830
 

139
00:09:42,970 --> 00:09:49,750
 

140
00:09:50,200 --> 00:09:59,060
 

141
00:09:59,060 --> 00:10:05,330
そして、Parshallの代わりに2つのファイルを作成し、最初のものはParshallのスラッシュヘッターを使用して、私たちはそれぞれ、そして我々はフッターを除いて全く同じ別の部分を作るでしょう、そしてあなたはこれらをトップとボトムのように呼ぶこともできます最初と2番目にあなたがそれらを呼び出すが、ヘッダーとフッターは間違いなく標準の名前です。

142
00:10:05,330 --> 00:10:07,530
 

143
00:10:07,700 --> 00:10:13,640
 

144
00:10:13,640 --> 00:10:21,770
だから、私はそれらの2つのファイルを作って、私はそれらを開いて今度は学校のここで開いてヘッダーを開き、この定型文をコピーしてそれを切り取って、これをヘッダ。

145
00:10:21,770 --> 00:10:22,330
 

146
00:10:22,430 --> 00:10:28,280
だからこれは私たちがすべてのページの最上部で欲しいものです。そして、フッターの代わりに、私たちが本当に望むのは、テンプレートとクローズチームのタグだけであるテンプレートの一番下です。

147
00:10:28,880 --> 00:10:35,850
ちょうどそれのように。

148
00:10:35,930 --> 00:10:36,810
私たちが他のものを求めていたら。

149
00:10:36,970 --> 00:10:38,390
だからもう少し明白なことをします。

150
00:10:38,390 --> 00:10:40,670
 

151
00:10:40,790 --> 00:10:48,900
一番下の段落に、商標やウェブサイト上に表示される他のフッターテキストなどを記載しましょう。

152
00:10:48,920 --> 00:10:50,250
私たちはそれをそのまま残します。

153
00:10:50,270 --> 00:10:51,460
そして、我々はフッタを含むすべてのページでこれを見ることが期待されます。

154
00:10:51,530 --> 00:10:55,340
部分的。

155
00:10:55,370 --> 00:10:56,090
OK。

156
00:10:56,310 --> 00:10:56,530
したがって、2つの部分的な処理が行われます。

157
00:10:56,540 --> 00:10:58,010
それらを閉じます。

158
00:10:58,010 --> 00:10:59,400
このように修正してください。

159
00:10:59,570 --> 00:11:03,560
すべて保存してください。

160
00:11:03,580 --> 00:11:05,110
そして今、我々は部分的なものを含めることを望みます。

161
00:11:05,480 --> 00:11:07,660
だから私たちの愛から始めましょう。

162
00:11:07,760 --> 00:11:09,200
私たち一人一人に、そのヘッダーの部分を含めます。

163
00:11:09,240 --> 00:11:12,500
だから、Ejayで新しいタグを使う必要があります。

164
00:11:12,500 --> 00:11:18,640
そして、ちょうどhetterであるファイルの名前とそれはすでにEjazファイルを探しているので、我々はそのEjayを追加する必要はありません。

165
00:11:19,070 --> 00:11:23,680
 

166
00:11:23,680 --> 00:11:25,620
ヘッダーを含めるだけです。これは実際にはうまくいきません。その理由を表示します。

167
00:11:25,790 --> 00:11:30,620
フッタもここに入れてみましょう。

168
00:11:30,680 --> 00:11:34,680
私がサーバーを起動した場合、ここでスペースを空けてからノードをクリアするようにしてください。

169
00:11:35,510 --> 00:11:42,040
Apogeeはい。

170
00:11:42,140 --> 00:11:43,400
あなたがページをリフレッシュすると、これはラブストーリーJにのみ含まれます。 S. テンプレート。

171
00:11:43,550 --> 00:11:47,910
だから私たちはスラッシュに行く必要があります。

172
00:11:48,140 --> 00:11:50,450
restiと恋に落ちると、エラーが発生します。

173
00:11:50,450 --> 00:11:53,680
そのようなファイル、又はディレクトリはありません。

174
00:11:53,780 --> 00:11:55,420
はいデモスラッシュビュースラッシュヘッター。

175
00:11:55,680 --> 00:11:58,420
E. J. はい。

176
00:11:58,430 --> 00:11:59,310
これは私たちに2つのことを教えてくれます。

177
00:11:59,330 --> 00:12:00,750
1つは、それがEjazファイルであることがわかっています。

178
00:12:00,770 --> 00:12:03,430
ヘッダーを探しています。

179
00:12:03,470 --> 00:12:04,590
はい、それはユーザーディレクトリで直接探しています。

180
00:12:04,700 --> 00:12:07,920
 

181
00:12:08,000 --> 00:12:14,150
しかし、私たちはParshallのスラッシュの異端のEjayを見下ろして見たいと思っています。

182
00:12:14,150 --> 00:12:15,000
 

183
00:12:15,110 --> 00:12:20,480
だからここで少し変更する必要があり、ParshallのスラッシュHetterとParshallのスラッシュフッターを言うために変更する必要があります。

184
00:12:20,990 --> 00:12:23,660
しかし、それはまだそれを修正するつもりはありません。

185
00:12:23,660 --> 00:12:25,880
 

186
00:12:26,300 --> 00:12:31,790
そしてもう一度これをやり直すと何が起こるかをもう一度見せてくれるでしょう。

187
00:12:31,790 --> 00:12:33,010
要素に行くと、フッターが底に表示され、体を持っていることがわかります。

188
00:12:33,110 --> 00:12:39,100
また、タグを閉じるたびにスタイルは適用されません。

189
00:12:39,170 --> 00:12:43,100
それは紫色と黄色でなければならず、単なる白黒です。

190
00:12:43,100 --> 00:12:46,670
頭の中を見るとリンクタグがあり、apcupsdというファイルにリンクしています。

191
00:12:46,670 --> 00:12:52,210
SSしかし、これは動作していません。

192
00:12:52,240 --> 00:12:53,940
 

193
00:12:54,140 --> 00:12:59,510
そして、ソースタブを見ると、返されたこのRustieファイルがあることがわかります。ヘッダーがあり、メインのコンテンツがあり、フッターもあります。

194
00:12:59,510 --> 00:13:05,290
これは、一つの組み立てられたファイルのようなものです。

195
00:13:05,300 --> 00:13:10,550
それで、私たちは3つのParshall'sまたは2つのParshall's

196
00:13:10,550 --> 00:13:15,500
Plusの内容でこのファイルを作成し、これを送り返します。

197
00:13:15,500 --> 00:13:16,660
そして、このACT-UPには、それが完全に空であるということもあります。

198
00:13:17,000 --> 00:13:20,710
APS-Cが正しく評価されていないことにつながっているということです。

199
00:13:20,870 --> 00:13:25,020
 

200
00:13:25,100 --> 00:13:30,530
だからちょうど空のファイルとして表示されていて、本当に簡単な修正ですが、ここにスラッシュを追加するだけです。

201
00:13:30,530 --> 00:13:31,880
 

202
00:13:32,120 --> 00:13:36,920
パスの重要性を示し、パスが正しく設定されていることを確認するという理由で、すべての作業を完了しました。

203
00:13:36,920 --> 00:13:38,710
したがって、ACT-UPの成功とスラッシュを追加した後のスラッシュには違いがあります。

204
00:13:38,840 --> 00:13:45,170
基本的には、あなたが現在いるのと同じディレクトリではなく、ルートディレクトリにあると私たちは見ています。

205
00:13:45,170 --> 00:13:51,050
 

206
00:13:51,050 --> 00:13:51,930
私はあなたに良いイラストを見せることができます。

207
00:13:51,990 --> 00:13:53,930
今、このRustiテンプレートと同じディレクトリで成功を狙っています。

208
00:13:53,930 --> 00:14:00,270
今すぐスラッシュで保存してサーバーを再起動すると、ここに戻り、今更新します。

209
00:14:00,680 --> 00:14:08,550
見てみましょう。

210
00:14:09,290 --> 00:14:09,970
私たちのスタイルは機能します。

211
00:14:09,980 --> 00:14:10,970
 

212
00:14:11,000 --> 00:14:17,090
また、私たちがファイルを持っていることに気がついたら、同じディレクトリにないSSのSSを入手しました.SSは適切なスタイルを持っています。つまり、見つけたファイルが見つかったということです。

213
00:14:17,090 --> 00:14:21,890
 

214
00:14:21,890 --> 00:14:23,410
だからスラッシュは非常にマイナーなようだが、それは実際には重要な詳細だ。

215
00:14:23,570 --> 00:14:27,360
だから私たちのスタイルシートの名前は、パブリックディレクトリ内の何かをスラッシュしてください。

216
00:14:27,650 --> 00:14:31,940
 

217
00:14:32,060 --> 00:14:38,570
最終的にはスラッシュスタイルシートのように見えますが、ACT-UPは評価を見てからスクリプトのタグをつけて、スクリプトをスラッシュしてmayntをスローします。

218
00:14:38,630 --> 00:14:46,370
はい。

219
00:14:46,430 --> 00:14:46,990
そして、私たちはパブリックディレクトリのスクリプトディレクトリとスタイルシートディレクトリの中に持っていきます。

220
00:14:47,150 --> 00:14:52,720
今のところ、1つのスタイルシートしか持っていないので、このままにしておきます。

221
00:14:52,940 --> 00:14:56,760
すぐに完成して、部分ファイルを他のファイルにも追加しましょう。

222
00:14:57,440 --> 00:15:01,900
 

223
00:15:02,330 --> 00:15:09,650
だから私たちの家では、私たち一人一人が払うことになり、一番下には膨らみがあり、それをフッターに変えて保存し、それを掲示します。

224
00:15:09,650 --> 00:15:13,800
はい。

225
00:15:13,850 --> 00:15:14,410
同じこと。

226
00:15:14,630 --> 00:15:15,520
ヘッダーとフッターが必要です。

227
00:15:15,920 --> 00:15:17,630
それをすべてのファイルでも取り除く。

228
00:15:17,680 --> 00:15:20,690
Parshallのスラッシュフッター。

229
00:15:20,900 --> 00:15:22,650
そして、それは私たちのために良いはずです。

230
00:15:23,270 --> 00:15:24,700
サーバーをここで再起動してみましょう。これは同じように見えます。

231
00:15:24,710 --> 00:15:30,920
 

232
00:15:30,920 --> 00:15:39,440
右の道に行くとスタイルも手に入り、スラッシュポストに行くとそこにもスタイルがあります。

233
00:15:39,440 --> 00:15:41,470
大丈夫。

234
00:15:41,480 --> 00:15:41,890
だから、これをすべて要約しましょう。

235
00:15:42,020 --> 00:15:43,550
 

236
00:15:43,610 --> 00:15:47,900
私たちが最初にしたことの1つは、パブリックディレクトリを作成し、その内部にスタイルシートを追加することでした。そのためには、エクスプレスにパブリックディレクトリを提供するように指示する必要がありました。

237
00:15:47,900 --> 00:15:54,080
その後、私たちがそれをした後、私たちは、特に明記しない限り、すべてのテンプレートがyesになることを明示するような小さな変更を行いました。

238
00:15:54,380 --> 00:15:59,690
 

239
00:15:59,690 --> 00:16:02,480
したがって、すべてのテンプレート名の後にそれぞれYesを書く必要はありません。

240
00:16:02,540 --> 00:16:05,960
そして、大きな変化はParshall'sを導入したことでした。

241
00:16:06,410 --> 00:16:09,380
そこで私たちはParshallという名前のディレクトリを作成しました。

242
00:16:09,530 --> 00:16:12,650
Parshallのレイアウトはとても一般的です。

243
00:16:12,650 --> 00:16:16,130
 

244
00:16:16,130 --> 00:16:21,890
そして、2つのファイルやヘッダーとフッターがありましたが、その全体のポイントは、私たちのコードを一掃して、すべての単一のテンプレートにこれを追加する必要はありませんでした。

245
00:16:21,890 --> 00:16:25,510
 

246
00:16:25,880 --> 00:16:32,300
 

247
00:16:32,300 --> 00:16:37,610
代わりに私たちのテンプレートに行くと、私たちがしなければならないのは、Parshallのスラッシュヘッターを書いているだけです。すべてのページにナビゲーションバーがあれば、ヘッダーとフッターに限定されません。

248
00:16:37,610 --> 00:16:38,750
私たちは、古いパシュールのスラッシュ・ネフを含むという別の部分を持つことができました。

249
00:16:38,840 --> 00:16:42,880
だから私たちができることとできないことには何のルールもありません。

250
00:16:42,970 --> 00:16:45,300
しかし、最も一般的なのはヘッダーとフッターです。

251
00:16:45,410 --> 00:16:49,080
それだけです

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