直到此時我們明確的代表已經發回完全不分級H T M L沒有包含的JavaScript沒有C SS只是單純的H T M L。
在這部影片中，我將告訴你如何可以開始包括像一個樣式表或者一些JavaScript的資產。
而且我還要告訴你如何，我們可以使用所謂的巴歇爾的乾涸我們的模板。
所以，讓我們開始吧。
我使用，我已經使用了近兩年的影片，我們有我們的應用程序相同的應用程序。
是的，我們有三個主要途徑。
我們有這使得家庭EJAY那作為一個具有H1和Palm C的可愛形象模板，然後我們也有在愛的秋天斜線的事情路線的路線。
可變的事情路線然後將呈現向每個模板的愛，它會顯示你愛上了，然後不管我們在路由中寫道。
然後if語句，然後在底部的一個小段落，然後我們也有呈現的職位斜線帖子路線E.J.作為模板和的裡面。
我們有兩個循環。
現在，讓我們說，我們希望包括一些風格。
所以你現在知道我喜歡紫色。
比方說，我希望讓所有的所有不同模板的屍體紫所有的文字顏色應該是紫色。
讓我們開始與郵政頁面，我可以做的是包括一種風格標記，這樣風格的開幕式和閉幕式，然後我可以寫我的風格在這裡身體，並會盡色紫就這樣和保存。
請記住，這是不是真的，包括風格的理想方式，我首先向您顯示是有原因的，因為我們要重構它，提高它在短短的時刻，但我們只是要確保它的作品。
所以顏色就全身發紫。
讓我們先從服務器節點的應用程序。
是的，讓我們去到瀏覽器並刷新後的頁面上，你可以看到我們得到紫色。
如果我去了另一條路我沒有得到紫色。
那是因為他們是完全獨立的模板，我們只增加了風格標記後的模板。
所以，如果我想要的一切是紫色在所有三個模板，我可以在家裡另一種風格的標籤添加我們EJAY和愛同樣的風格標籤。
是的，保存重新啟動服務器刷新我的網頁，我得到一個紫色的H-1這裡如果我去愛上生鏽這裡我也從風格標籤得到紫色的文本。
還有我們在這裡面臨的兩個主要問題。
一個是問題，這段代碼被重複三個不同的時間。
如果你想在三個不同的模板相同的風格，必須有一個更好的方式來實現這一目標。
有。
而我們要解決的第二個。
我們要通過解決使用樣式標籤，它是不是一個好主意這個問題開始。
我們想要做的，而不是什麼是使用一個外部的樣式表並鏈接到使用鏈接標記，樣式表。
所以我打算先寫該鏈接的標籤，這將無法工作，因為我們沒有一個樣式表還沒有，但我們將創建第二。
所以，鏈接，我們需要提供raĂşl平等的樣式表，然後。
而這必須成為我們的樣式表的名字，我們就稱它為點。
SS好了，所以這僅僅是對郵政的E.J.作為模板現在將保存。
讓我們去建立一個貼切。
çSS除，而不是在同一目錄中創建它易於Ĵ是的，我們實際上是要再拍目錄，我們會把所有的樣式表所有我們寫JavaScript的，然後，我們希望任何其他資產可用，我們將稱之為公眾，他們可以任意命名，但公眾是此目錄一個很常見和常規的名字。
那麼請確保在正確的地方。
然後進行公開目錄，也將創造一個公開的公共斜線的應用程序，請參閱評估這是我們這裡的文件名和保存內部，你可能會想確定等一下不是這應該是公開的。
斜線評估。
不幸的是，答案是否定的。
我們將會把它作為易upsy SS會告訴表達我們的樣式表和JavaScript的是公共目錄內，這將有助於為我們的公共目錄了，這樣我們就可以通過只使用文件名，所以我會鏈接到的東西告訴你，一會兒就好了。
讓我們打開了公眾斜線的應用程序，看到SS文件，並添加一些樣式。
讓我們做不同的事情。
會做身體或背景。
這將是可怕的。
我們將盡我們的背景黃色和彩色靜止紫色。
OK，現在我們有一個真正的總風格定義她，我們可以關閉離開這裡，如果它的工作，我們就知道了。
如果這個職位E.J.為模板，顯示了紫色文本可怕的黃色背景它不會只是還沒有工作，但我會告訴你只是讓你看到了自己。
所以Noad貼切。
J.S.我們回去刷新頁面，我們需要去的帖子頁面，我們沒有得到任何東西。
如果我在這兒開了領事我拿到那說加載失敗研究的一個錯誤。
服務器響應的404的狀態和它不能找到apparat成功。
而這樣做的原因很簡單。
當您創建一個Web應用程序，我們使用快速啟動Web服務器並不只是自動服務，它認為它不知道我們想做的事情，每一個文件。
並且默認是不服務於任何東西。
除了views目錄。
因此，如果我們想別的，我們需要告訴表達明確嘿，我需要你為我的公共目錄或任何其他董事，我們有。
我們需要告訴快遞做到這一點，可能Express為我們做我們的行為，這裡面一個簡單的方法。
是向上頂我要添加一個應用程序來使用，然後在括號中。
表達的意思是靜態的。
然後在括號中再次字公這是我們的目錄名。
這會告訴快遞服務公眾目錄的內容。
現在，如果我重新啟動我的服務器，並刷新頁面在這裡結束，我們得到我們的黃色背景和我們的紫色字體領事館，我們沒有在議會得到任何錯誤。
如果你想包括其它頁面的樣式表你只是去複製此鏈接標籤，並把它往上頂。
當然，我們可以有多個樣式表，以及如果我們想，我們可以只給他們不同的名字，使鏈接到他們確信他們是在公共目錄中。
在我們進入到巴歇爾的想花點時間向您展示一個非常快速的事情，我們可以做，使你的代碼一點點較短的通知，我們正在打字的家，每個E.J.是的喜愛。
E.J.已發布E.J ..
是的，這確實是次要的，但實際上我們可以告訴表達了我們要提前EJAY使用我們，我們可以將這些關閉，只寫家庭和進化，它會自動希望文件是埃賈茲文件。
要做到這一點，我們使用的應用程序的數據集的視圖引擎，然後我們通過第二個參數作為E.J.只是這樣。
如果我們保存重啟服務器，現在會希望這些文件是埃賈茲文件。
如果我們刷新。
沒有什麼應該有任何變化。
它仍然有效。
而現在我們沒有明確地說，我們EJAY。
所以這是一個非常微小的變化。
我想告訴你，接下來的事情就是多一點顯著，它會幫助我們幹我們的模板。
現在，我們有這個樣式表。
此鏈接到樣式表中重複所有模板但也有一些更顯著我們正在失去它是我們整個時間鍋爐板。
我們在這裡失踪的膠帶。
安德魯在失踪歲的他老標籤和所有的常規樣板，我們預計頭與頭內。
我們需要的冠軍，我們會給我們的應用程序標題。
說它演示應用程序，然後我們所需要的身體。
然後身體裡面，我們應該把這個內容，然後我們需要做的所有其他文件，這些文件完全一樣的事情。
而且我不打算這樣做，因為它是浪費時間，有一個更簡單的解決方案，我們不必複製此代碼，並把它放在每一個模板，就像我們不應該複製此單鏈路標籤並把那每一個模板中。
而我們周圍的獲得方法是使用所謂的巴歇爾的和巴歇爾的基本上都是文件，我們可以寫，我們可以包括其他模板將創建一個模板，看起來像這樣的模板。
因此，我們將有我們的樣板一切都在頭部的上半部分。
這幾乎永遠是我們在指定網站上創建的每一個頁面上是相同的。
相同的樣式表相同的標題。
所以我們就做這個自己的模板。
然後在底部，我們將在這裡做這個自己的模板。
然後在兩者之間將有取決於我們什麼模板或取決於我們在哪一頁改變了我們的內容。
因此，我們將做什麼，基本上變成了自己的模板這一點。
把它變成自己的模板，然後我們只使用那些我們稱它們在這些文件中的每一個模板。
所以我們說，像這是不是有效的代碼，但我們會做這樣的事情包括頭模板，然後在底部會做同樣的事情，除了頁腳。
因此，我們需要創建這些模板或巴歇爾的要做到這一點，我們將建立一個新的目錄，而不是觀點和我們稱之為該目錄巴歇爾的。
所以我們會做，使目錄看法削減巴歇爾的就是這樣。
然後，而不是巴歇爾的，我們要作出兩個文件並第一個將使用斜線巴歇爾的斜線hetter，我們每個人，然後我們會讓除了頁腳另一部分完全一樣，你也可以調用這些像的頂部和底部埃賈茲第一和第二無論你想打電話給他們，但頁眉和頁腳絕對是標準名稱。
所以，我會讓這兩個文件，然後我就在這裡打開它們，這一次對學校和開拓頭，我要去這個樣板複製只是把它剪把這個在這裡，而不是頭。
所以這就是我們要在每個頁面的頂部，然後代替頁腳的一切，我們真正想要的是我們的模板底部這只是身體和結束標記隊。
就這樣。
如果我們想別的東西。
所以，我會做一些更明顯。
我們只是做在說像商標，我們會看到在一個網站上其他一些頁腳文本底部的一個段落。
我們只停留在這一點。
因此，我們希望看到這個每一頁，我們包括頁腳上。
部分。
好。
於是兩人諧音完成。
關閉這些了。
解決這一個就這樣。
好吧保存。
現在，我們希望包括諧音。
所以，讓我們開始我們的愛情。
我們每個人，現在我們將包括頭部分。
因此，我們需要用新的代碼位作為EJAY中心提供全方位的標籤包含。
然後將該文件的名稱這只是hetter，我們沒有要補充一點，我們EJAY，因為它已經在尋找埃賈茲文件。
因此，只要有頭這實際上不會馬上工作，我會告訴你為什麼。
讓我把腳註1藏漢在這裡了。
如果我啟動服務器，確保我就清楚了一些空間，在這裡，然後節點。
遠地點是。
如果您刷新頁面，這只是包含在愛情研究J.S.模板。
因此，我們需要去兇多吉少。
愛上resti，我們得到一個錯誤。
無此文件或目錄。
是的演示斜線意見斜線hetter。
E.J.是。
所以這告訴我們兩件事情。
其中它知道它應該是一個埃賈茲文件。
它正在尋找一個標題。
是的，但它是在用戶目錄直視。
但是，我們希望它看起來在削減意見巴歇爾的斜線EJAY異端我們，你可以在這裡看到的看法削減巴歇爾的。
因此，我們需要改變我們這裡的道路一點點，我們需要改變它說巴歇爾的斜線Hetter和巴歇爾的斜線頁腳。
但是這仍然不會解決它。
我會告訴你一次，當我再次啟動這件事並刷新部分已被列入就好了會發生什麼。
如果我們去的元素，你可以看到，我們得到頁腳在底部，我們有身體。
而每一次關閉標籤，但不被應用的樣式。
它應該是紫色和黃色的，它只是黑色和白色。
如果我們在頭部看起來我們有我們的鏈接標記，它鏈接到一個名為apcupsd包。
SS但是這是行不通的。
如果我們看一下源標籤，你會看到我們有被送回該Rustie文件，它有我們的頭，它具有的主要內容，它也有頁腳。
所以，這就像一個組裝的文件，因為記住我們發送的一件事回一個響應。
因此，它使這個文件我們我們的三個巴歇爾的兩個巴歇爾的加我們的內容並把它發送回本。
再有就是這也是ACT-UP見說，這完全是空的。
而這是什麼意思是，我們已經聯繫到我們的評估不正確的APS-C。
所以它只是顯示為一個空白文件，這是一個非常簡單的修復，雖然我們需要做的就是添加斜線就在這裡。
我經歷了所有參加的一個原因是給你看的路徑的重要性，並確保我們有我們的路徑設置正確。
因此，有當我們添加斜線的評估後，ACT-UP的成功和斜線之間的差異。
它基本上說，尋找我們，你在正確的，但現在根目錄是同一個目錄說不。
讓我告訴你一個更好的例證。
現在它是尋找在同一個目錄，因為這Rusti模板成功。
現在，如果我去的斜線保存並重新啟動，他們回到這裡去，我現在刷新服務器。
看一看。
我們的工作風格。
還要注意我們與H T M L文件，我們有我們傾向於SS的，現在是該目錄是不是在同一個文件夾之外，它具有正確的風格，這意味著它發現我們需要找到該文件。
這樣搪塑好像它是非常小的，但它實際上是一個重要的細節。
所以斜線，然後我們的公共目錄中的樣式表什麼的名稱。
所以最終它看起來像斜線樣式表削減ACT-UP請參閱評估，然後我們將有一個腳本標記，我們有我們的源代碼，以削減削減腳本maynt。
是。
因此，我們將有公共目錄scripts目錄和樣式表目錄中。
不過現在，我們只有一個樣式表，所以我們會離開它這樣。
讓我們快速完成了和諧音加入到其他的文件。
所以在這一塊我們家，我們每個人都會在油層組，然後在一個膨脹粘貼底部，並改變它是頁腳和保存，然後張貼。
是。
一樣。
我們希望頁眉和頁腳。
擺脫了以及所有的文件。
巴歇爾的斜線頁腳。
這應該是對我們有好處。
讓我們刷新重新啟動服務器回到這裡，這看起來應該是一樣的。
現在，如果我們去正確的道路，我們還可以得到我們的風格，如果我們去削減的職位，我們得到的樣式有作為。
好吧。
因此，讓我們回顧一下這一切。
其中一個是我們做的第一件事就是創建公共目錄，並添加一個樣式表在它的內部，為了要做到這工作，我們不得不作出一定要告訴快遞服務大眾的目錄。
然後，一旦我們做到了，我們做了一個小的變化，這就是告訴表達我們所有的模板將是肯定的，除非另有說明。
所以，我們不必每個模板名稱後寫的每一個是。
然後，我們取得了很大的改變是引入巴歇爾的。
所以我們做了一個叫巴歇爾的可以任意取名目錄。
有人稱它為佈局巴歇爾的也很常見。
然後我們有兩個文件或頁眉和頁腳和本整點只是為了吸乾我們的代碼，使我們沒有把它添加到每一個模板。
相反，我們去我們的模板，所有我們要做的就是寫包括巴歇爾的斜線hetter，我們不會只是局限於頁眉和頁腳，我們可能有一個導航欄，如果我們每一個頁面上的導航欄。
我們可以有其他的部分，我們有舊巴歇爾的斜線NEPH。
因此，有沒有什麼我們不能做任何規則。
但最常見的是頁眉和頁腳。