1
00:00:00,390 --> 00:00:07,540
歡迎回來，我們中的一些視頻中，我們得到了博客的應用程序建立在我們的博客模式，我們在這個視頻添加索引模板。

2
00:00:07,560 --> 00:00:10,070
我們實際上不會增加任何新的路線，只是還沒有。

3
00:00:10,090 --> 00:00:13,590
這將是非常快的，但我們希望在我們的頁眉和頁腳巴歇爾的補充。

4
00:00:13,680 --> 00:00:16,030
然後，我想包括語義UI為好。

5
00:00:16,040 --> 00:00:18,980
然後最後，我們會在頂部添加一個非常簡單的導航欄。

6
00:00:19,380 --> 00:00:23,990
因此，讓我們開始我們要建立我們的頁眉和頁腳作為EJAY文件。

7
00:00:24,660 --> 00:00:26,810
如果查看目錄，應該是內部的。

8
00:00:26,820 --> 00:00:40,990
因此，我們會做一個make目錄，使用斜線巴歇爾的然後觸摸意見斜線巴歇爾的斜線Hetter EJAY那我們，然後觸摸意見斜線巴歇爾的斜線頁腳E.J ..

9
00:00:41,430 --> 00:00:42,060
大。

10
00:00:42,060 --> 00:00:45,990
現在，讓我們打開這些了。

11
00:00:46,290 --> 00:00:47,960
讓我們先從頭部。

12
00:00:48,570 --> 00:00:54,990
而為什麼沒有基本骨架所以高清金屬頭標題。

13
00:00:55,470 --> 00:01:07,010
我們叫它博客應用程序，然後我們需要我們的身體就這樣，我們會提出這個頁腳，所以我們可以切斷了這一點，現在，然後只是讓我們知道它的工作。

14
00:01:07,140 --> 00:01:16,710
讓我們在從頭文件中說，頂部添加在短短一個段落，如果我們看到，在每一頁上都知道，我們正確地做到了。

15
00:01:16,710 --> 00:01:30,110
現在，讓我們打開頁腳粘貼的，我們可以從頁腳保存做同樣的事情。

16
00:01:30,450 --> 00:01:33,890
現在，我們需要鏈接這一點，讓我們做吧在我們的索引開始。

17
00:01:34,140 --> 00:01:42,600
因此，在頂部，我們需要有我們包括我們的路徑是，我們不是在索引文件中使用。

18
00:01:42,780 --> 00:01:47,780
所以，我們只是想要一個點斜線巴歇爾的斜線表頭。

19
00:01:48,240 --> 00:01:53,280
然後同樣的事情到這裡巴歇爾的為它的斜線。

20
00:01:53,700 --> 00:02:02,130
讓我們來測試一下沒有問題的，到目前為止，我們從腳或五頭文件中獲取。

21
00:02:02,430 --> 00:02:02,990
大。

22
00:02:03,180 --> 00:02:05,530
現在，讓我們在語義UI添加。

23
00:02:05,880 --> 00:02:10,590
所以，我中有你點com這個語義UI網站開放語義Dasch。

24
00:02:10,620 --> 00:02:18,080
就如同我們的引導可以下載的文件，或者我們可以包括CDN語義UI CDN。

25
00:02:18,530 --> 00:02:24,630
只需點擊第一個例子中，你會發現有很多不同的文件，我們可以從挑選。

26
00:02:24,810 --> 00:02:39,000
這是因為語義UI組織它的設計方式的方式是不同的引導，​​如果你想要的是我們的後段，或者你只是想你可以採取單組分成分斜線形成我們的表格。

27
00:02:39,000 --> 00:02:46,510
SS所以你不需要是引導的批評之一是，如果你只想要一小塊，你還是要整個庫整個事情。

28
00:02:46,770 --> 00:02:48,420
但我們又希望整個庫。

29
00:02:48,420 --> 00:03:05,920
所以，如果你對所有這些成語向下滾動，你想，說是語義CDN其中，如果你只是做一個搜索或語義GOT重新評估是在這裡很難找到，如果你不知道，或者你正在尋找，但一只是做一個搜索。

30
00:03:06,000 --> 00:03:09,320
其實沒有花一分鐘田間的版本，使事情更快。

31
00:03:09,360 --> 00:03:20,040
所以這是語義的男人請參閱評估，我們在複製您Erl的，我們打算把它頂在頭上裡面我們的頭文件。

32
00:03:20,490 --> 00:03:22,300
這是一個長的標籤。

33
00:03:22,950 --> 00:03:29,030
我們希望它是鏈接，然後REF等於那個在那裡。

34
00:03:29,120 --> 00:03:30,260
是的是的。

35
00:03:30,420 --> 00:03:34,900
而且我們還應該添加在相對樣式表類型等於文本斜線。

36
00:03:34,940 --> 00:03:40,500
çSS所以，現在我們再次保存並重新啟動服務器。

37
00:03:41,640 --> 00:03:49,070
看看我們的主頁，你會看到一些小的改動，就像當我們第一次安裝引導字體改變一點點。

38
00:03:49,560 --> 00:03:49,830
好。

39
00:03:49,830 --> 00:04:01,180
所以這意味著我們有工作，讓我們擺脫了我們在頁眉和頁腳段落，而是讓我們在隊列中的一個簡單的導航欄添加。

40
00:04:01,230 --> 00:04:03,740
當然現在被稱為菜單。

41
00:04:03,990 --> 00:04:16,170
因此，如果我們走在這裡單擊菜單中的所有不同的組件上，我們希望找到菜單，正在集​​合的菜單。

42
00:04:16,170 --> 00:04:18,630
你可以看到有很多不同類型的菜單。

43
00:04:18,860 --> 00:04:22,190
有菜單，就是你在這裡看到。

44
00:04:22,500 --> 00:04:32,090
有一個印亭菜單中有製表文本垂直的創想。

45
00:04:32,470 --> 00:04:43,170
並有不少更一切，我們需要的，雖然是讓我們的身體的div的頂部，讓我們得到這個正常。

46
00:04:43,170 --> 00:04:46,340
凱特確實類等同於你。

47
00:04:46,340 --> 00:04:52,170
我固定的，我們會做一個倒置的菜單，只是改變顏色就像在自舉。

48
00:04:52,170 --> 00:04:57,410
你可以在詩說，然後還有裡面，我們需要另一個div。

49
00:04:58,020 --> 00:05:03,830
而這一次將有類等於你的容器，就像自舉容器。

50
00:05:04,260 --> 00:05:10,030
然後，而不是在那裡我將有另一個div而這一次將有類等於Hetter項目。

51
00:05:10,320 --> 00:05:13,550
這就好比導航欄上的品牌引導。

52
00:05:13,560 --> 00:05:18,920
因此，所有我們想要孩子的博客網站或任何我們希望被稱為我們的應用程序。

53
00:05:19,050 --> 00:05:45,350
並在那之後我們將添加一個錨標記為主頁，我們只是把它回家，我們將在課堂上等於添加項目，然後我們會做同樣的事情，除了，而不是去削減它會去削減削減記錄其新的不存在，這將是寒冷的新帖或新博客。

54
00:05:45,410 --> 00:05:47,470
這將是我們所看到的文字。

55
00:05:48,350 --> 00:05:51,760
OK，所以你是不固定的倒菜單。

56
00:05:51,900 --> 00:05:53,460
容器替代那種。

57
00:05:53,670 --> 00:06:00,010
然後在容器內，我們實際上應該有所有這些小錯誤在我的一部分。

58
00:06:00,060 --> 00:06:02,670
因此，我們希望這將在那裡。

59
00:06:03,360 --> 00:06:04,850
這一切都在容器中。

60
00:06:05,160 --> 00:06:10,250
然後，我們有我們的標題，然後我們有錨定德州兩個項目。

61
00:06:10,260 --> 00:06:12,200
讓我們來看看現在。

62
00:06:13,500 --> 00:06:15,200
而我們得到了簡單的數學吧。

63
00:06:15,520 --> 00:06:17,720
是的，我們在這裡有一個問題，有些間距。

64
00:06:17,730 --> 00:06:21,450
我們會處理，在短短的時刻，但我們有一個現在在哪裡它工作得很好。

65
00:06:21,660 --> 00:06:27,450
讓我們在一個簡單的圖標，這在語義你只是叫圖標添加。

66
00:06:28,070 --> 00:06:30,690
有一個在我所使用的一群人。

67
00:06:30,720 --> 00:06:32,960
這就是所謂的代碼。

68
00:06:33,120 --> 00:06:35,500
嘗試並找到它這裡只是做一個搜索。

69
00:06:35,550 --> 00:06:36,310
它就在那裡。

70
00:06:36,480 --> 00:06:39,760
但是，如果你喜歡評論隨意選擇自己。

71
00:06:39,810 --> 00:06:43,560
當時的想法是，這是一個基於代碼的博客，但有可能是別的東西。

72
00:06:43,560 --> 00:06:44,900
我喜歡這個主意之一，也是。

73
00:06:44,920 --> 00:06:46,190
反正有一群人。

74
00:06:46,350 --> 00:06:51,980
什麼是好的是，他們也有企業一堆圖標，這是非常有用的。

75
00:06:52,020 --> 00:06:59,100
最底部我認為他們有他們，我們去噸不同品牌和普通的公司，你必須鏈接到你的應用程序。

76
00:06:59,430 --> 00:07:00,070
好。

77
00:07:00,300 --> 00:07:07,160
因此，它的代碼圖標的名稱和我要在這裡旁邊添加到博客上的標題。

78
00:07:07,470 --> 00:07:11,190
所以，在這裡有她的項目，我們需要的是一個眼睛標記。

79
00:07:11,670 --> 00:07:17,400
它需要有一個類的代碼和一個圖標。

80
00:07:17,400 --> 00:07:26,290
所以真的只是簡單的圖標的名稱，然後類圖標保存刷新和我們有一些代碼。

81
00:07:26,280 --> 00:07:27,340
我去那裡。

82
00:07:27,660 --> 00:07:31,830
讓我們做一個小的變化，這是使這個圖標有點大。

83
00:07:31,860 --> 00:07:40,630
要做到這一點，我們可以只寫一個樣式標記偉大的，但在這裡，而不是這樣做，我們將使用我們設置的公共目錄。

84
00:07:40,680 --> 00:07:41,930
我們還需要做出的目錄。

85
00:07:41,940 --> 00:07:44,570
但是，我們成立了一個事實，即它是被服務。

86
00:07:44,700 --> 00:07:51,340
所以我們會做的樣式削減和我們只是把它容易ÇSS還不存在。

87
00:07:51,690 --> 00:08:16,710
因此，我們需要做一個化妝公開目錄，然後也使公開目錄，斜線樣式表終於觸及公眾斜線樣式表斜線應用Dotsie SS，我們也想開拓，使公眾樣式APTOS的SS tab完成，絕對是你的朋友在那裡。

88
00:08:16,740 --> 00:08:19,990
而為了讓所有的圖標有點大。

89
00:08:20,400 --> 00:08:39,250
乾脆你實際上而不是有類圖標的所有圖標和stewe圖標只是為了更具體一點，我們將設置字體大小BE2入耳就像這樣雙重的父保存的容器尺寸或兩倍大小。

90
00:08:39,560 --> 00:08:45,180
好，現在我們開始服務器備份，我們刷新頁面。

91
00:08:45,180 --> 00:08:49,530
我們應該看到，圖標變大這僅僅是一個個人喜好的問題。

92
00:08:49,530 --> 00:08:52,340
但我認為它看起來更好一點時，它的大。

93
00:08:52,710 --> 00:08:52,940
好。

94
00:08:52,950 --> 00:08:56,850
現在，我們有做我們正在與我們所需要的這個視頻做的一切完成。

95
00:08:56,850 --> 00:09:13,580
所以，我只是想設置頁眉頁腳文件添加添加在自己的自定義綜援文件的導航欄，即使它只是一條線，現在我們可以很容易地添加自定義綜援每一個模板的每一個文件，我想向您展示如何我們可以包括語義UI。

96
00:09:13,860 --> 00:09:19,420
OK，所以我們會拿起新的下一個視頻，並創建使我們實際上可以創造新的博客。