1
00:00:00,210 --> 00:00:08,740
直到此時我們明確的代表已經發回完全不分級H T M L沒有包含的JavaScript沒有C SS只是單純的H T M L。

2
00:00:08,830 --> 00:00:14,730
在這部影片中，我將告訴你如何可以開始包括像一個樣式表或者一些JavaScript的資產。

3
00:00:14,730 --> 00:00:19,650
而且我還要告訴你如何，我們可以使用所謂的巴歇爾的乾涸我們的模板。

4
00:00:19,650 --> 00:00:20,730
所以，讓我們開始吧。

5
00:00:20,740 --> 00:00:24,530
我使用，我已經使用了近兩年的影片，我們有我們的應用程序相同的應用程序。

6
00:00:24,630 --> 00:00:26,920
是的，我們有三個主要途徑。

7
00:00:27,060 --> 00:00:40,140
我們有這使得家庭EJAY那作為一個具有H1和Palm C的可愛形象模板，然後我們也有在愛的秋天斜線的事情路線的路線。

8
00:00:40,170 --> 00:00:49,540
可變的事情路線然後將呈現向每個模板的愛，它會顯示你愛上了，然後不管我們在路由中寫道。

9
00:00:49,770 --> 00:01:00,230
然後if語句，然後在底部的一個小段落，然後我們也有呈現的職位斜線帖子路線E.J.作為模板和的裡面。

10
00:01:00,330 --> 00:01:01,740
我們有兩個循環。

11
00:01:01,950 --> 00:01:04,290
現在，讓我們說，我們希望包括一些風格。

12
00:01:04,560 --> 00:01:07,250
所以你現在知道我喜歡紫色。

13
00:01:07,380 --> 00:01:14,760
比方說，我希望讓所有的所有不同模板的屍體紫所有的文字顏色應該是紫色。

14
00:01:14,760 --> 00:01:31,230
讓我們開始與郵政頁面，我可以做的是包括一種風格標記，這樣風格的開幕式和閉幕式，然後我可以寫我的風格在這裡身體，並會盡色紫就這樣和保存。

15
00:01:31,440 --> 00:01:41,970
請記住，這是不是真的，包括風格的理想方式，我首先向您顯示是有原因的，因為我們要重構它，提高它在短短的時刻，但我們只是要確保它的作品。

16
00:01:41,970 --> 00:01:43,880
所以顏色就全身發紫。

17
00:01:44,010 --> 00:01:46,920
讓我們先從服務器節點的應用程序。

18
00:01:47,010 --> 00:01:55,150
是的，讓我們去到瀏覽器並刷新後的頁面上，你可以看到我們得到紫色。

19
00:01:55,830 --> 00:01:59,210
如果我去了另一條路我沒有得到紫色。

20
00:01:59,360 --> 00:02:04,900
那是因為他們是完全獨立的模板，我們只增加了風格標記後的模板。

21
00:02:05,340 --> 00:02:15,710
所以，如果我想要的一切是紫色在所有三個模板，我可以在家裡另一種風格的標籤添加我們EJAY和愛同樣的風格標籤。

22
00:02:15,900 --> 00:02:30,040
是的，保存重新啟動服務器刷新我的網頁，我得到一個紫色的H-1這裡如果我去愛上生鏽這裡我也從風格標籤得到紫色的文本。

23
00:02:30,090 --> 00:02:32,320
還有我們在這裡面臨的兩個主要問題。

24
00:02:32,340 --> 00:02:36,810
一個是問題，這段代碼被重複三個不同的時間。

25
00:02:36,810 --> 00:02:42,020
如果你想在三個不同的模板相同的風格，必須有一個更好的方式來實現這一目標。

26
00:02:42,060 --> 00:02:42,710
有。

27
00:02:42,810 --> 00:02:44,560
而我們要解決的第二個。

28
00:02:44,610 --> 00:02:49,330
我們要通過解決使用樣式標籤，它是不是一個好主意這個問題開始。

29
00:02:49,500 --> 00:02:56,900
我們想要做的，而不是什麼是使用一個外部的樣式表並鏈接到使用鏈接標記，樣式表。

30
00:02:57,330 --> 00:03:03,150
所以我打算先寫該鏈接的標籤，這將無法工作，因為我們沒有一個樣式表還沒有，但我們將創建第二。

31
00:03:03,340 --> 00:03:08,990
所以，鏈接，我們需要提供raĂşl平等的樣式表，然後。

32
00:03:09,090 --> 00:03:14,300
而這必須成為我們的樣式表的名字，我們就稱它為點。

33
00:03:14,340 --> 00:03:20,580
SS好了，所以這僅僅是對郵政的E.J.作為模板現在將保存。

34
00:03:20,700 --> 00:03:22,390
讓我們去建立一個貼切。

35
00:03:22,430 --> 00:03:42,340
çSS除，而不是在同一目錄中創建它易於Ĵ是的，我們實際上是要再拍目錄，我們會把所有的樣式表所有我們寫JavaScript的，然後，我們希望任何其他資產可用，我們將稱之為公眾，他們可以任意命名，但公眾是此目錄一個很常見和常規的名字。

36
00:03:42,430 --> 00:03:43,660
那麼請確保在正確的地方。

37
00:03:43,800 --> 00:04:01,060
然後進行公開目錄，也將創造一個公開的公共斜線的應用程序，請參閱評估這是我們這裡的文件名和保存內部，你可能會想確定等一下不是這應該是公開的。

38
00:04:01,180 --> 00:04:02,720
斜線評估。

39
00:04:03,180 --> 00:04:04,940
不幸的是，答案是否定的。

40
00:04:05,010 --> 00:04:19,250
我們將會把它作為易upsy SS會告訴表達我們的樣式表和JavaScript的是公共目錄內，這將有助於為我們的公共目錄了，這樣我們就可以通過只使用文件名，所以我會鏈接到的東西告訴你，一會兒就好了。

41
00:04:19,500 --> 00:04:26,370
讓我們打開了公眾斜線的應用程序，看到SS文件，並添加一些樣式。

42
00:04:26,600 --> 00:04:27,920
讓我們做不同的事情。

43
00:04:28,020 --> 00:04:30,290
會做身體或背景。

44
00:04:30,510 --> 00:04:31,290
這將是可怕的。

45
00:04:31,290 --> 00:04:35,540
我們將盡我們的背景黃色和彩色靜止紫色。

46
00:04:35,900 --> 00:04:41,290
OK，現在我們有一個真正的總風格定義她，我們可以關閉離開這裡，如果它的工作，我們就知道了。

47
00:04:41,400 --> 00:04:51,760
如果這個職位E.J.為模板，顯示了紫色文本可怕的黃色背景它不會只是還沒有工作，但我會告訴你只是讓你看到了自己。

48
00:04:51,780 --> 00:04:53,270
所以Noad貼切。

49
00:04:53,370 --> 00:05:01,470
J.S.我們回去刷新頁面，我們需要去的帖子頁面，我們沒有得到任何東西。

50
00:05:01,600 --> 00:05:05,880
如果我在這兒開了領事我拿到那說加載失敗研究的一個錯誤。

51
00:05:05,950 --> 00:05:11,040
服務器響應的404的狀態和它不能找到apparat成功。

52
00:05:11,110 --> 00:05:13,040
而這樣做的原因很簡單。

53
00:05:13,180 --> 00:05:22,610
當您創建一個Web應用程序，我們使用快速啟動Web服務器並不只是自動服務，它認為它不知道我們想做的事情，每一個文件。

54
00:05:22,660 --> 00:05:25,360
並且默認是不服務於任何東西。

55
00:05:25,360 --> 00:05:27,370
除了views目錄。

56
00:05:27,670 --> 00:05:36,030
因此，如果我們想別的，我們需要告訴表達明確嘿，我需要你為我的公共目錄或任何其他董事，我們有。

57
00:05:36,250 --> 00:05:42,390
我們需要告訴快遞做到這一點，可能Express為我們做我們的行為，這裡面一個簡單的方法。

58
00:05:42,430 --> 00:05:48,490
是向上頂我要添加一個應用程序來使用，然後在括號中。

59
00:05:48,700 --> 00:05:50,290
表達的意思是靜態的。

60
00:05:50,440 --> 00:05:54,950
然後在括號中再次字公這是我們的目錄名。

61
00:05:55,180 --> 00:05:59,530
這會告訴快遞服務公眾目錄的內容。

62
00:05:59,530 --> 00:06:13,840
現在，如果我重新啟動我的服務器，並刷新頁面在這裡結束，我們得到我們的黃色背景和我們的紫色字體領事館，我們沒有在議會得到任何錯誤。

63
00:06:13,840 --> 00:06:22,250
如果你想包括其它頁面的樣式表你只是去複製此鏈接標籤，並把它往上頂。

64
00:06:22,450 --> 00:06:30,800
當然，我們可以有多個樣式表，以及如果我們想，我們可以只給他們不同的名字，使鏈接到他們確信他們是在公共目錄中。

65
00:06:30,910 --> 00:06:41,020
在我們進入到巴歇爾的想花點時間向您展示一個非常快速的事情，我們可以做，使你的代碼一點點較短的通知，我們正在打字的家，每個E.J.是的喜愛。

66
00:06:41,050 --> 00:06:43,180
E.J.已發布E.J ..

67
00:06:43,180 --> 00:06:56,840
是的，這確實是次要的，但實際上我們可以告訴表達了我們要提前EJAY使用我們，我們可以將這些關閉，只寫家庭和進化，它會自動希望文件是埃賈茲文件。

68
00:06:57,040 --> 00:07:06,670
要做到這一點，我們使用的應用程序的數據集的視圖引擎，然後我們通過第二個參數作為E.J.只是這樣。

69
00:07:06,790 --> 00:07:13,440
如果我們保存重啟服務器，現在會希望這些文件是埃賈茲文件。

70
00:07:13,450 --> 00:07:14,470
如果我們刷新。

71
00:07:14,470 --> 00:07:16,560
沒有什麼應該有任何變化。

72
00:07:16,560 --> 00:07:17,510
它仍然有效。

73
00:07:17,650 --> 00:07:21,240
而現在我們沒有明確地說，我們EJAY。

74
00:07:21,310 --> 00:07:22,930
所以這是一個非常微小的變化。

75
00:07:22,930 --> 00:07:27,650
我想告訴你，接下來的事情就是多一點顯著，它會幫助我們幹我們的模板。

76
00:07:28,000 --> 00:07:29,730
現在，我們有這個樣式表。

77
00:07:29,740 --> 00:07:39,570
此鏈接到樣式表中重複所有模板但也有一些更顯著我們正在失去它是我們整個時間鍋爐板。

78
00:07:39,860 --> 00:07:43,250
我們在這裡失踪的膠帶。

79
00:07:43,420 --> 00:07:51,120
安德魯在失踪歲的他老標籤和所有的常規樣板，我們預計頭與頭內。

80
00:07:51,310 --> 00:07:54,220
我們需要的冠軍，我們會給我們的應用程序標題。

81
00:07:54,220 --> 00:08:00,550
說它演示應用程序，然後我們所需要的身體。

82
00:08:00,550 --> 00:08:09,760
然後身體裡面，我們應該把這個內容，然後我們需要做的所有其他文件，這些文件完全一樣的事情。

83
00:08:09,760 --> 00:08:23,840
而且我不打算這樣做，因為它是浪費時間，有一個更簡單的解決方案，我們不必複製此代碼，並把它放在每一個模板，就像我們不應該複製此單鏈路標籤並把那每一個模板中。

84
00:08:23,950 --> 00:08:36,780
而我們周圍的獲得方法是使用所謂的巴歇爾的和巴歇爾的基本上都是文件，我們可以寫，我們可以包括其他模板將創建一個模板，看起來像這樣的模板。

85
00:08:36,820 --> 00:08:41,080
因此，我們將有我們的樣板一切都在頭部的上半部分。

86
00:08:41,320 --> 00:08:46,030
這幾乎永遠是我們在指定網站上創建的每一個頁面上是相同的。

87
00:08:46,060 --> 00:08:47,970
相同的樣式表相同的標題。

88
00:08:48,160 --> 00:08:50,590
所以我們就做這個自己的模板。

89
00:08:51,130 --> 00:08:54,680
然後在底部，我們將在這裡做這個自己的模板。

90
00:08:54,850 --> 00:09:02,220
然後在兩者之間將有取決於我們什麼模板或取決於我們在哪一頁改變了我們的內容。

91
00:09:02,470 --> 00:09:05,680
因此，我們將做什麼，基本上變成了自己的模板這一點。

92
00:09:05,860 --> 00:09:12,520
把它變成自己的模板，然後我們只使用那些我們稱它們在這些文件中的每一個模板。

93
00:09:12,670 --> 00:09:27,330
所以我們說，像這是不是有效的代碼，但我們會做這樣的事情包括頭模板，然後在底部會做同樣的事情，除了頁腳。

94
00:09:28,180 --> 00:09:37,110
因此，我們需要創建這些模板或巴歇爾的要做到這一點，我們將建立一個新的目錄，而不是觀點和我們稱之為該目錄巴歇爾的。

95
00:09:37,240 --> 00:09:42,830
所以我們會做，使目錄看法削減巴歇爾的就是這樣。

96
00:09:42,970 --> 00:10:07,530
然後，而不是巴歇爾的，我們要作出兩個文件並第一個將使用斜線巴歇爾的斜線hetter，我們每個人，然後我們會讓除了頁腳另一部分完全一樣，你也可以調用這些像的頂部和底部埃賈茲第一和第二無論你想打電話給他們，但頁眉和頁腳絕對是標準名稱。

97
00:10:07,700 --> 00:10:22,330
所以，我會讓這兩個文件，然後我就在這裡打開它們，這一次對學校和開拓頭，我要去這個樣板複製只是把它剪把這個在這裡，而不是頭。

98
00:10:22,430 --> 00:10:35,850
所以這就是我們要在每個頁面的頂部，然後代替頁腳的一切，我們真正想要的是我們的模板底部這只是身體和結束標記隊。

99
00:10:35,930 --> 00:10:36,810
就這樣。

100
00:10:36,970 --> 00:10:38,390
如果我們想別的東西。

101
00:10:38,390 --> 00:10:40,670
所以，我會做一些更明顯。

102
00:10:40,790 --> 00:10:50,250
我們只是做在說像商標，我們會看到在一個網站上其他一些頁腳文本底部的一個段落。

103
00:10:50,270 --> 00:10:51,460
我們只停留在這一點。

104
00:10:51,530 --> 00:10:55,340
因此，我們希望看到這個每一頁，我們包括頁腳上。

105
00:10:55,370 --> 00:10:56,090
部分。

106
00:10:56,310 --> 00:10:56,530
好。

107
00:10:56,540 --> 00:10:58,010
於是兩人諧音完成。

108
00:10:58,010 --> 00:10:59,400
關閉這些了。

109
00:10:59,570 --> 00:11:03,560
解決這一個就這樣。

110
00:11:03,580 --> 00:11:05,110
好吧保存。

111
00:11:05,480 --> 00:11:07,660
現在，我們希望包括諧音。

112
00:11:07,760 --> 00:11:09,200
所以，讓我們開始我們的愛情。

113
00:11:09,240 --> 00:11:12,500
我們每個人，現在我們將包括頭部分。

114
00:11:12,500 --> 00:11:18,640
因此，我們需要用新的代碼位作為EJAY中心提供全方位的標籤包含。

115
00:11:19,070 --> 00:11:25,620
然後將該文件的名稱這只是hetter，我們沒有要補充一點，我們EJAY，因為它已經在尋找埃賈茲文件。

116
00:11:25,790 --> 00:11:30,620
因此，只要有頭這實際上不會馬上工作，我會告訴你為什麼。

117
00:11:30,680 --> 00:11:34,680
讓我把腳註1藏漢在這裡了。

118
00:11:35,510 --> 00:11:42,040
如果我啟動服務器，確保我就清楚了一些空間，在這裡，然後節點。

119
00:11:42,140 --> 00:11:43,400
遠地點是。

120
00:11:43,550 --> 00:11:47,910
如果您刷新頁面，這只是包含在愛情研究J.S.模板。

121
00:11:48,140 --> 00:11:50,450
因此，我們需要去兇多吉少。

122
00:11:50,450 --> 00:11:53,680
愛上resti，我們得到一個錯誤。

123
00:11:53,780 --> 00:11:55,420
無此文件或目錄。

124
00:11:55,680 --> 00:11:58,420
是的演示斜線意見斜線hetter。

125
00:11:58,430 --> 00:11:59,310
E.J.是。

126
00:11:59,330 --> 00:12:00,750
所以這告訴我們兩件事情。

127
00:12:00,770 --> 00:12:03,430
其中它知道它應該是一個埃賈茲文件。

128
00:12:03,470 --> 00:12:04,590
它正在尋找一個標題。

129
00:12:04,700 --> 00:12:07,920
是的，但它是在用戶目錄直視。

130
00:12:08,000 --> 00:12:15,000
但是，我們希望它看起來在削減意見巴歇爾的斜線EJAY異端我們，你可以在這裡看到的看法削減巴歇爾的。

131
00:12:15,110 --> 00:12:23,660
因此，我們需要改變我們這裡的道路一點點，我們需要改變它說巴歇爾的斜線Hetter和巴歇爾的斜線頁腳。

132
00:12:23,660 --> 00:12:25,880
但是這仍然不會解決它。

133
00:12:26,300 --> 00:12:33,010
我會告訴你一次，當我再次啟動這件事並刷新部分已被列入就好了會發生什麼。

134
00:12:33,110 --> 00:12:39,100
如果我們去的元素，你可以看到，我們得到頁腳在底部，我們有身體。

135
00:12:39,170 --> 00:12:43,100
而每一次關閉標籤，但不被應用的樣式。

136
00:12:43,100 --> 00:12:46,670
它應該是紫色和黃色的，它只是黑色和白色。

137
00:12:46,670 --> 00:12:52,210
如果我們在頭部看起來我們有我們的鏈接標記，它鏈接到一個名為apcupsd包。

138
00:12:52,240 --> 00:12:53,940
SS但是這是行不通的。

139
00:12:54,140 --> 00:13:05,290
如果我們看一下源標籤，你會看到我們有被送回該Rustie文件，它有我們的頭，它具有的主要內容，它也有頁腳。

140
00:13:05,300 --> 00:13:10,550
所以，這就像一個組裝的文件，因為記住我們發送的一件事回一個響應。

141
00:13:10,550 --> 00:13:16,660
因此，它使這個文件我們我們的三個巴歇爾的兩個巴歇爾的加我們的內容並把它發送回本。

142
00:13:17,000 --> 00:13:20,710
再有就是這也是ACT-UP見說，這完全是空的。

143
00:13:20,870 --> 00:13:25,020
而這是什麼意思是，我們已經聯繫到我們的評估不正確的APS-C。

144
00:13:25,100 --> 00:13:31,880
所以它只是顯示為一個空白文件，這是一個非常簡單的修復，雖然我們需要做的就是添加斜線就在這裡。

145
00:13:32,120 --> 00:13:38,710
我經歷了所有參加的一個原因是給你看的路徑的重要性，並確保我們有我們的路徑設置正確。

146
00:13:38,840 --> 00:13:45,170
因此，有當我們添加斜線的評估後，ACT-UP的成功和斜線之間的差異。

147
00:13:45,170 --> 00:13:51,930
它基本上說，尋找我們，你在正確的，但現在根目錄是同一個目錄說不。

148
00:13:51,990 --> 00:13:53,930
讓我告訴你一個更好的例證。

149
00:13:53,930 --> 00:14:00,270
現在它是尋找在同一個目錄，因為這Rusti模板成功。

150
00:14:00,680 --> 00:14:08,550
現在，如果我去的斜線保存並重新啟動，他們回到這裡去，我現在刷新服務器。

151
00:14:09,290 --> 00:14:09,970
看一看。

152
00:14:09,980 --> 00:14:10,970
我們的工作風格。

153
00:14:11,000 --> 00:14:23,410
還要注意我們與H T M L文件，我們有我們傾向於SS的，現在是該目錄是不是在同一個文件夾之外，它具有正確的風格，這意味著它發現我們需要找到該文件。

154
00:14:23,570 --> 00:14:27,360
這樣搪塑好像它是非常小的，但它實際上是一個重要的細節。

155
00:14:27,650 --> 00:14:31,940
所以斜線，然後我們的公共目錄中的樣式表什麼的名稱。

156
00:14:32,060 --> 00:14:46,370
所以最終它看起來像斜線樣式表削減ACT-UP請參閱評估，然後我們將有一個腳本標記，我們有我們的源代碼，以削減削減腳本maynt。

157
00:14:46,430 --> 00:14:46,990
是。

158
00:14:47,150 --> 00:14:52,720
因此，我們將有公共目錄scripts目錄和樣式表目錄中。

159
00:14:52,940 --> 00:14:56,760
不過現在，我們只有一個樣式表，所以我們會離開它這樣。

160
00:14:57,440 --> 00:15:01,900
讓我們快速完成了和諧音加入到其他的文件。

161
00:15:02,330 --> 00:15:13,800
所以在這一塊我們家，我們每個人都會在油層組，然後在一個膨脹粘貼底部，並改變它是頁腳和保存，然後張貼。

162
00:15:13,850 --> 00:15:14,410
是。

163
00:15:14,630 --> 00:15:15,520
一樣。

164
00:15:15,920 --> 00:15:17,630
我們希望頁眉和頁腳。

165
00:15:17,680 --> 00:15:20,690
擺脫了以及所有的文件。

166
00:15:20,900 --> 00:15:22,650
巴歇爾的斜線頁腳。

167
00:15:23,270 --> 00:15:24,700
這應該是對我們有好處。

168
00:15:24,710 --> 00:15:30,920
讓我們刷新重新啟動服務器回到這裡，這看起來應該是一樣的。

169
00:15:30,920 --> 00:15:41,470
現在，如果我們去正確的道路，我們還可以得到我們的風格，如果我們去削減的職位，我們得到的樣式有作為。

170
00:15:41,480 --> 00:15:41,890
好吧。

171
00:15:42,020 --> 00:15:43,550
因此，讓我們回顧一下這一切。

172
00:15:43,610 --> 00:15:54,080
其中一個是我們做的第一件事就是創建公共目錄，並添加一個樣式表在它的內部，為了要做到這工作，我們不得不作出一定要告訴快遞服務大眾的目錄。

173
00:15:54,380 --> 00:16:02,480
然後，一旦我們做到了，我們做了一個小的變化，這就是告訴表達我們所有的模板將是肯定的，除非另有說明。

174
00:16:02,540 --> 00:16:05,960
所以，我們不必每個模板名稱後寫的每一個是。

175
00:16:06,410 --> 00:16:09,380
然後，我們取得了很大的改變是引入巴歇爾的。

176
00:16:09,530 --> 00:16:12,650
所以我們做了一個叫巴歇爾的可以任意取名目錄。

177
00:16:12,650 --> 00:16:16,130
有人稱它為佈局巴歇爾的也很常見。

178
00:16:16,130 --> 00:16:25,510
然後我們有兩個文件或頁眉和頁腳和本整點只是為了吸乾我們的代碼，使我們沒有把它添加到每一個模板。

179
00:16:25,880 --> 00:16:38,750
相反，我們去我們的模板，所有我們要做的就是寫包括巴歇爾的斜線hetter，我們不會只是局限於頁眉和頁腳，我們可能有一個導航欄，如果我們每一個頁面上的導航欄。

180
00:16:38,840 --> 00:16:42,880
我們可以有其他的部分，我們有舊巴歇爾的斜線NEPH。

181
00:16:42,970 --> 00:16:45,300
因此，有沒有什麼我們不能做任何規則。

182
00:16:45,410 --> 00:16:49,080
但最常見的是頁眉和頁腳。