1
00:00:00,390 --> 00:00:07,540
Witamy z powrotem niektóre z nas film Mamy app blog skonfigurować stworzył nasz blog model i dodaliśmy szablon indeksu w tym filmie.

2
00:00:07,560 --> 00:00:10,070
Nie będą faktycznie dodając tylko jeszcze żadnych nowych tras.

3
00:00:10,090 --> 00:00:13,590
To będzie bardzo szybki, ale chcemy dodać do naszej nagłówek i stopkę Parshall jest.

4
00:00:13,680 --> 00:00:16,030
A potem chcę to semantyczne UI również.

5
00:00:16,040 --> 00:00:18,980
I w końcu dodamy bardzo prosty pasku nawigacyjnym na górze.

6
00:00:19,380 --> 00:00:23,990
Zacznijmy więc chcemy stworzyć nasz nagłówek i stopkę eJay jako pliki.

7
00:00:24,660 --> 00:00:26,810
I tak powinno być w środku, jeśli oglądany katalogów.

8
00:00:26,820 --> 00:00:40,990
Więc zrobimy Zastosowanie katalogu make slash następnie dotknij poglądy w Parshall Parshall za slash slash Hetter że eJay us a następnie dotknij poglądy ukośnik Parshall za ukośnik stopki E.J ..

9
00:00:41,430 --> 00:00:42,060
Wspaniały.

10
00:00:42,060 --> 00:00:45,990
Teraz otwórz te góry.

11
00:00:46,290 --> 00:00:47,960
Zacznijmy cel.

12
00:00:48,570 --> 00:00:54,990
I dlaczego nie podstawowy szkielet więc HD A tytuł metalowa głowica.

13
00:00:55,470 --> 00:01:07,010
Zadzwonimy to blog aplikację, a następnie musimy nasze ciało tak po prostu i będziemy się poruszać w tym do stopki, dzięki czemu możemy wyciąć, które się teraz, a potem po prostu tak, że my wiemy, że to działa.

14
00:01:07,140 --> 00:01:16,710
Dodajmy w zaledwie punkt na szczycie, który mówi z pliku nagłówka, a jeśli widzimy, że na każdej stronie będzie wiedział, że to zrobiliśmy poprawnie.

15
00:01:16,710 --> 00:01:30,110
Teraz otwierają się stopka wklej to i możemy zrobić to samo ze stopki oszczędzania.

16
00:01:30,450 --> 00:01:33,890
Teraz musimy połączyć to i zróbmy to w naszym indeksie, aby rozpocząć.

17
00:01:34,140 --> 00:01:42,600
Więc na początku musimy mieć nasze obejmują a nasza ścieżka jest, że jesteśmy zamiast stosowania w pliku indeksu.

18
00:01:42,780 --> 00:01:47,780
Więc chcemy tylko kropka slash slash nagłówek Parshall jest.

19
00:01:48,240 --> 00:01:53,280
A potem to samo tutaj ukośnik Parshall za nim.

20
00:01:53,700 --> 00:02:02,130
Załóżmy, przetestować go bez problemu do tej pory, a my się z pliku nagłówka od stóp lub pięciu.

21
00:02:02,430 --> 00:02:02,990
Wspaniały.

22
00:02:03,180 --> 00:02:05,530
Teraz dodajmy w semantycznej UI.

23
00:02:05,880 --> 00:02:10,590
Więc mam ten UI semantycznej strony internetowej otwartej semantycznej Dasch Ci Dot Com.

24
00:02:10,620 --> 00:02:18,080
I podobnie jak bootstrap możemy albo pobierz pliki lub możemy zawierać CDN CDN semantycznej UI.

25
00:02:18,530 --> 00:02:24,630
Wystarczy kliknąć na tym pierwszym przykładzie, a zauważysz, istnieje wiele różnych plików, które możemy wybrać z.

26
00:02:24,810 --> 00:02:39,000
A to dlatego, że droga, która semantyczne UI jest zorganizowany tak, to jest to, że w odróżnieniu od zaprojektowanego bootstrap jeśli chcesz to po naszej sekcji lub chcesz tylko formularze można po prostu przyjąć, że elementem ukośnik jednoskładnikowa tworzą nas.

27
00:02:39,000 --> 00:02:46,510
SS Więc nie trzeba całą rzecz, która jest jednym z krytyki bootstrap jest, jeśli chcą tylko mały kawałek trzeba jeszcze wziąć całą bibliotekę.

28
00:02:46,770 --> 00:02:48,420
Ale chcemy całą bibliotekę.

29
00:02:48,420 --> 00:03:05,920
Więc jeśli przewinąć w dół na wszystkich tych idiomów chcesz taki, który mówi, że semantyczna CDN, które, jeśli tylko nie szukaj lub semantycznej dostał ponowną ocenę, która jest tu trudno znaleźć, jeśli nie wiesz, czy szukasz ale po prostu zrobić wyszukiwania.

30
00:03:06,000 --> 00:03:09,320
No faktycznie zająć minutę fied wersji do dokonywania rzeczy szybciej.

31
00:03:09,360 --> 00:03:20,040
Więc to, że mężczyźni semantyczne zobacz oceny i kopiowania, które Erl nad i mamy zamiar umieścić go w naszym top pliku nagłówka wewnątrz głowicy.

32
00:03:20,490 --> 00:03:22,300
Jest to znacznik długości.

33
00:03:22,950 --> 00:03:29,030
I chcemy to być link, a następnie sędzia odpowiada, że ​​właśnie tam.

34
00:03:29,120 --> 00:03:30,260
Tak tak.

35
00:03:30,420 --> 00:03:34,900
A my powinniśmy również dodać rel typu arkusza stylów równa ukośnik tekstu.

36
00:03:34,940 --> 00:03:40,500
C Ss Więc teraz możemy zapisać i ponownie zrestartować serwer.

37
00:03:41,640 --> 00:03:49,070
Spójrz na naszej stronie głównej zobaczysz kilka małych zmian, tak jak w przypadku najpierw zainstalować bootstrap czcionka zmienia trochę.

38
00:03:49,560 --> 00:03:49,830
OK.

39
00:03:49,830 --> 00:04:01,180
To znaczy, że mamy to działa pozbądźmy naszych punktach w nagłówku i stopce, a zamiast tego dodajmy w prosty nav barze w kolejce.

40
00:04:01,230 --> 00:04:03,740
Teraz oczywiście są nazywane menu.

41
00:04:03,990 --> 00:04:16,170
Więc jeśli pójdziemy tutaj kliknij menu wszystkich różnych składników i chcemy menu, które jest w menu kolekcji firmy znaleźć.

42
00:04:16,170 --> 00:04:18,630
Można tam zobaczyć sporo różnych typów menu.

43
00:04:18,860 --> 00:04:22,190
Nie ma menu, które jest to, co można zobaczyć tutaj.

44
00:04:22,500 --> 00:04:32,090
Jest menu Poyntinga jest tabelarycznych tekst pionowy Magi-Nation.

45
00:04:32,470 --> 00:04:43,170
I jest sporo więcej wszystko, czego potrzebujemy jest jednak, aby w górnej części naszego ciała div i miejmy to prawidłowo.

46
00:04:43,170 --> 00:04:46,340
Kate ma klasę równą Ciebie.

47
00:04:46,340 --> 00:04:52,170
Naprawiłem i zrobimy odwrócony menu, które zmienia kolor po prostu tak jak w bootstrapu.

48
00:04:52,170 --> 00:04:57,410
Można powiedzieć, że w wierszu, a następnie wewnątrz nie potrzebujemy innego div.

49
00:04:58,020 --> 00:05:03,830
A ten będzie miał klasę równa ci pojemnik, który jest podobnie jak bootstrapped pojemnika.

50
00:05:04,260 --> 00:05:10,030
A potem, zamiast nie będę miał innego div i ten będzie miał klasę równej pozycji Hetter.

51
00:05:10,320 --> 00:05:13,550
I to jest jak marki pasku nawigacyjnym na bootstrap.

52
00:05:13,560 --> 00:05:18,920
Więc wszystko, co chcemy witryny dzieci blogu lub cokolwiek chcemy, aby nasza aplikacja się nazywać.

53
00:05:19,050 --> 00:05:45,350
A potem, że dodamy znacznik zakotwiczenia na stronie głównej, a my po prostu zadzwonić do domu i dodamy w klasie równej pozycji, a potem zrobimy to samo z wyjątkiem a nie będzie go będzie ciąć przejdź do slash slash nowe dzienniki, które jeszcze nie istnieje i będzie zimno Nowy post lub Nowy Blog.

54
00:05:45,410 --> 00:05:47,470
To będzie tekst, który widzimy.

55
00:05:48,350 --> 00:05:51,760
OK, więc nie są stałe odwrócony menu.

56
00:05:51,900 --> 00:05:53,460
Pojemnik zamiast tego.

57
00:05:53,670 --> 00:06:00,010
A potem wewnątrz pojemnika tak naprawdę powinien mieć cały ten mały błąd z mojej strony.

58
00:06:00,060 --> 00:06:02,670
Dlatego chcemy, że będzie tam również.

59
00:06:03,360 --> 00:06:04,850
To wszystko jest w pojemniku.

60
00:06:05,160 --> 00:06:10,250
A potem mamy nagłówek i wtedy mamy dwa elementy, które są zakotwiczone tex.

61
00:06:10,260 --> 00:06:12,200
Rzućmy okiem na to teraz.

62
00:06:13,500 --> 00:06:15,200
I mamy naszego prostego paska matematyki.

63
00:06:15,520 --> 00:06:17,720
Tak, mamy tu problem z pewnym odstępem.

64
00:06:17,730 --> 00:06:21,450
Zajmiemy się, że za chwilę, ale mamy teraz gdzie to działa dobrze.

65
00:06:21,660 --> 00:06:27,450
Dodajmy w prosty ikonę która w semantycznej Jesteś po prostu o nazwie ikony.

66
00:06:28,070 --> 00:06:30,690
Istnieje kilka z nich w jednym, że użyłem.

67
00:06:30,720 --> 00:06:32,960
To się nazywa Code.

68
00:06:33,120 --> 00:06:35,500
Spróbuj znaleźć go tutaj i po prostu zrobić wyszukiwania.

69
00:06:35,550 --> 00:06:36,310
Tu jest.

70
00:06:36,480 --> 00:06:39,760
Ale nie krępuj się podnieść własne, jeśli chcesz zostawić komentarz.

71
00:06:39,810 --> 00:06:43,560
Chodziło o to, że był to blog oparty kodu, ale może być coś innego.

72
00:06:43,560 --> 00:06:44,900
Podoba mi się jeden pomysł, jak również.

73
00:06:44,920 --> 00:06:46,190
W każdym razie jest tam kilka z nich.

74
00:06:46,350 --> 00:06:51,980
Co jest miłe jest to, że mają one również kilka ikon dla firm, które są przydatne.

75
00:06:52,020 --> 00:06:59,100
Samo dno myślę, że mają je i idziemy ton różnych marek i wspólnych przedsiębiorstw, które musiałbyś związanych od aplikacji.

76
00:06:59,430 --> 00:07:00,070
OK.

77
00:07:00,300 --> 00:07:07,160
Więc to jest kod nazwę ikonie i zamierzam je dodać tutaj obok blogu czy pokazanie cel.

78
00:07:07,470 --> 00:07:11,190
Dlatego właśnie tu miała pozycję i wszystko, czego potrzebujemy jest tag oka.

79
00:07:11,670 --> 00:07:17,400
I to musi mieć klasę kodu i ikoną.

80
00:07:17,400 --> 00:07:26,290
Tak naprawdę proste tylko nazwa ikony, a następnie ikonę klasy zapisać odświeżania i mamy trochę kodu.

81
00:07:26,280 --> 00:07:27,340
Przychodzę tam.

82
00:07:27,660 --> 00:07:31,830
Zróbmy małą zmianę, która jest, aby ta ikona trochę większe.

83
00:07:31,860 --> 00:07:40,630
Aby to zrobić, że możemy po prostu napisać tag styl świetnie tutaj, ale zamiast to robić użyjmy katalog publiczny, który założyliśmy.

84
00:07:40,680 --> 00:07:41,930
Musimy jeszcze zrobić katalog.

85
00:07:41,940 --> 00:07:44,570
Ale założyliśmy fakt, że to jest lepszy.

86
00:07:44,700 --> 00:07:51,340
Więc zrobimy stylów slash, a my po prostu nazwać to apt C Ss jeszcze nie istnieje.

87
00:07:51,690 --> 00:08:16,710
Musimy więc zrobić publiczną make katalogu, a następnie również arkusze katalog publiczny styl ukośnik i wreszcie dotknąć arkusze stylów ukośnik publicznego slash aplikacja Dotsie SS, który również chcemy otworzyć tak stylów publiczne Aptos zakończenie zakładka SS jest zdecydowanie Twój znajomy tam.

88
00:08:16,740 --> 00:08:19,990
I aby wszystkie ikony trochę większy.

89
00:08:20,400 --> 00:08:39,250
No po prostu rzeczywiście niż wszystkie ikony i stewe ikony, które mają tę klasę ikonę po prostu być trochę bardziej szczegółowy, a my ustawić rozmiar czcionki be2 iems podobnie jak tej podwójnej wielkości pojemnika lub podwójnej wielkości rodzica uratować.

90
00:08:39,560 --> 00:08:45,180
OK, więc teraz zaczęliśmy serwera kopii zapasowych i odświeżyć stronę.

91
00:08:45,180 --> 00:08:49,530
Należy zauważyć, że ikona staje się większy, który jest tylko kwestia osobistych preferencji.

92
00:08:49,530 --> 00:08:52,340
Ale myślę, że to wygląda trochę lepiej, kiedy jest większe.

93
00:08:52,710 --> 00:08:52,940
OK.

94
00:08:52,950 --> 00:08:56,850
Teraz, kiedy mamy to zrobić skończymy wszystko, co potrzebne do zrobienia w tym filmie.

95
00:08:56,850 --> 00:09:13,580
Więc po prostu chciał założyć pasek nav dodaną w plikach Stopka Nagłówek dodatek w naszym pliku niestandardowych CSSA mimo że jest tylko jedna linia teraz możemy łatwo dodać niestandardową CSSA do każdego pliku każdego szablonu i chciałem pokazać, jak możemy to semantyczne UI.

96
00:09:13,860 --> 00:09:19,420
OK, więc będziemy odebrać następny film z nowymi i stworzyć tak naprawdę możemy tworzyć nowe blogi.