1
00:00:00,190 --> 00:00:04,280
No witamy z powrotem w tym filmie mamy zamiar kontynuować obozie.

2
00:00:04,300 --> 00:00:19,490
Mamy zamiar dodać w naszej nagłówek i stopkę Parshall jest tak, że możemy wysychają kod tak, że możemy mieć podstawowy zespół godz zewnątrz kotła płytkę, że jesteśmy tak daleko brakuje więc musimy głowę ciału tytuł, ale także mamy aby móc to Bootstrap, która jest naszym drugim celem tutaj.

3
00:00:19,560 --> 00:00:28,150
Więc mamy zamiar ustawić nagłówek i stopka Parshall w naszym out i wszystko to czym będziemy obejmować bootstrap, a następnie zrobić bardzo prostą stylizację z wykorzystaniem startowej.

4
00:00:28,510 --> 00:00:28,980
OK.

5
00:00:29,190 --> 00:00:30,560
Więc zaczniemy tutaj.

6
00:00:30,610 --> 00:00:32,490
Jestem wewnątrz V-1 nadal.

7
00:00:32,580 --> 00:00:34,840
Dam ci znać, kiedy idę do następnej wersji.

8
00:00:34,890 --> 00:00:38,710
Ale my wciąż robi pewne bardzo podstawowe rzeczy, które Zastanawiam podstawową konfigurację.

9
00:00:38,820 --> 00:00:40,170
Więc jest to wciąż wersja 1.

10
00:00:40,200 --> 00:00:46,820
Pierwszą rzeczą, jaką zrobię to w nas dodamy katalog naszego Parshall tak, możemy to zrobić tutaj.

11
00:00:46,890 --> 00:00:58,710
Sprawia widoki katalogów slash Parshall, a następnie dodamy w nagłówku i stopce Ejay Plik będzie dotykać użycie slash slash Parshall za Hetter.

12
00:00:58,730 --> 00:00:59,030
E.J ..

13
00:00:59,100 --> 00:01:00,090
Tak.

14
00:01:00,450 --> 00:01:05,920
A potem będę używać strzałki w górę i zrobić to samo z wyjątkiem stopki eJay nas.

15
00:01:06,240 --> 00:01:07,200
Więc mamy to.

16
00:01:07,410 --> 00:01:09,960
Teraz działa na wypełnieniu nagłówka.

17
00:01:09,960 --> 00:01:15,170
Więc C9 używać Parshall za Hetter I nie zapomnij użyć tam zakładka autouzupełniania.

18
00:01:15,180 --> 00:01:20,240
Sprawia, że ​​dużo łatwiej i dodamy w naszym podstawowym h płyty tim l kotła.

19
00:01:20,280 --> 00:01:25,620
Więc musimy doc i to zawsze dobrze jest ćwiczyć od podstaw.

20
00:01:25,620 --> 00:01:27,570
Jest to typ doc HMO.

21
00:01:27,570 --> 00:01:29,520
A potem musimy znaczników HTML.

22
00:01:29,730 --> 00:01:34,000
A potem musimy główkę wewnątrz głowy.

23
00:01:34,050 --> 00:01:37,340
Wskaż tytuł, a my po prostu napisać cały obóz.

24
00:01:37,560 --> 00:01:51,220
A potem musimy ciała, jak również, ale nie pamiętam, to wszystko idzie w pliku nagłówka, ponieważ chcemy, aby w nagłówku każdej strony, a następnie chcemy, aby nasza treść idzie tu treść z szablonu idzie tutaj.

25
00:01:51,480 --> 00:01:53,320
A potem, żeby to było w stopce.

26
00:01:53,580 --> 00:01:55,030
Więc zróbmy to teraz.

27
00:01:55,080 --> 00:01:57,280
Skopiuj to na zewnątrz lub wyciąć.

28
00:01:57,360 --> 00:01:58,700
Więc to jest nasz nagłówek.

29
00:01:59,010 --> 00:02:06,060
A potem niech otworzy plik i umieścić stopkę, że tam jest.

30
00:02:06,510 --> 00:02:15,720
I tak, aby upewnić się, że działa ok na końcu korpusu Umieścimy kolejnego akapitu towarowy górną obóz 2015.

31
00:02:15,870 --> 00:02:21,720
Znowu ja naprawdę nie wiem, czy to właśnie znak towarowy ma robić i gdzie to ma iść, ale chcemy tylko jakiś tekst na dole.

32
00:02:21,720 --> 00:02:22,590
Więc zrobimy to.

33
00:02:22,620 --> 00:02:24,290
Zapisz plik.

34
00:02:24,450 --> 00:02:30,460
Teraz to ta częściowa wewnątrz strony docelowej, aby upewnić się, że mamy otwarte, a na samym szczycie.

35
00:02:30,630 --> 00:02:37,310
Chcemy, aby dodać w naszym zawierają znacznik, który jest zapamiętania i Ejay ma znacznik i czytać to przepisać.

36
00:02:37,620 --> 00:02:44,590
A potem droga do tego, co jest częściowa jeśli tylko dokładnie sprawdzić czy jesteśmy wewnątrz katalogu Parshall jest.

37
00:02:44,820 --> 00:02:51,380
Dlatego chcemy slash nagłówek Parshall i nie musimy, że eJay.

38
00:02:51,870 --> 00:02:55,890
I zróbmy to samo u dołu stopce.

39
00:02:55,890 --> 00:03:00,490
Nie idziemy i niech to wystarczy dodać trochę przestrzeni tu i oszczędzać.

40
00:03:00,510 --> 00:03:05,310
Tak to powinno dać nam wszystko, aż do pierwszego korpusu do znacznika otwierającego.

41
00:03:05,310 --> 00:03:08,500
I to powinno dać nam wszystko, co jest naprawdę tylko trzy linie do tej pory.

42
00:03:08,640 --> 00:03:13,830
Znak towarowy pkt zakończenie tag ciała i zamykanie go na krawędziach.

43
00:03:14,130 --> 00:03:15,550
I zobaczmy, czy zadziała.

44
00:03:15,930 --> 00:03:20,440
Więc zrestartować serwer lub po prostu zaczęło się w pierwszej kolejności węzła apt.

45
00:03:20,520 --> 00:03:23,190
Tak to jest tylko na stronie docelowej.

46
00:03:23,430 --> 00:03:31,640
Więc musimy wrócić do strony docelowej i mamy mały problem, który jest, że związana z nią niewłaściwie i to jest naprawdę proste zagadnienie naprawić.

47
00:03:31,650 --> 00:03:34,610
Chcemy tylko, aby to zmienić, tak, że nie jest z kreską.

48
00:03:34,770 --> 00:03:38,820
Więc to częściowe ukośnik Hetter i częściowo slash stopkę.

49
00:03:38,820 --> 00:03:41,810
Pamiętaj ukośnik jak widzieliśmy to naprawdę ważne.

50
00:03:41,820 --> 00:03:48,560
To mówi mu wrócić na trasę, która nie jest to, co chcemy, więc spróbujmy ponownie odśwież stronę.

51
00:03:48,630 --> 00:03:50,720
Teraz mamy towarowy na dole.

52
00:03:50,730 --> 00:03:52,310
Obóz Yup 2015.

53
00:03:52,560 --> 00:03:55,070
I mamy też naprawdę nie można go zobaczyć.

54
00:03:55,080 --> 00:03:59,590
Mamy również głowę i ciało i tytuł, który został ustanowiony dla nas tutaj.

55
00:04:00,090 --> 00:04:03,780
Zróbmy to samo dla pliku campingów.

56
00:04:03,810 --> 00:04:07,350
Więc weźmy je ponownie od zera.

57
00:04:07,560 --> 00:04:08,700
Zawsze dobra praktyka.

58
00:04:08,700 --> 00:04:25,620
Więc chcesz to Parshall za ukośnik Hetter a następnie będę skopiować ten jeden w dół, a zmniejszają się tu zarobić trochę więcej przestrzeni Parshall za ukośnik stopkę tak po prostu.

59
00:04:25,710 --> 00:04:30,940
Uruchom ponownie serwer teraz na stronie docelowej wciąż uzyskania znaku towarowego.

60
00:04:31,200 --> 00:04:36,560
Ale także, a ja nawet nie trzeba zrobić, że będę kliknąć na link, który dodaliśmy.

61
00:04:36,690 --> 00:04:39,990
Ja też się naszym znakiem Yelp obóz 2015.

62
00:04:40,500 --> 00:04:42,940
Więc teraz mamy częściowy dla nagłówka i stopki.

63
00:04:43,230 --> 00:04:45,720
Powiedzmy to nasz pierwszy arkusz stylów.

64
00:04:45,720 --> 00:04:55,980
Więc zacznijmy po prostu w tym bootstrap i mam CD i otwarty, dzięki czemu można użyć dokładnie ten link, lub można po prostu Google bootstrap CDN i umieść ten link.

65
00:04:56,070 --> 00:05:14,270
Ale mam zamiar zrobić ten jeden tutaj bootstrapped trzypunktowego Trzypunktowy pięć i następnie zamknij stąd i zamiast pliku nagłówka wewnątrz głowicy mam zamiar dodać link i pamiętać o znaczniku łącza to Tref potrzebuje możliwe, że jesteś Elford bootstrap.

66
00:05:14,550 --> 00:05:28,510
I możemy również dodać Apel arkusza stylów i to powinno dać nam bootstrap więc możemy zawsze upewnić się poprzez ponowne uruchomienie serwera i po prostu orzeźwiający na żadnej z tych stron powinno się zauważyć różnicę.

67
00:05:28,530 --> 00:05:29,290
No to jedziemy.

68
00:05:29,550 --> 00:05:32,830
Więc mam zabawne lub odstęp zmienił się trochę.

69
00:05:32,850 --> 00:05:39,830
Możesz zajrzeć na stronę docelową, jak również i to się zmieniło kolor z naszych linków rozmiar czcionki rzeczy.

70
00:05:39,870 --> 00:05:45,780
Nadal nie wygląda dobrze, ale to przynajmniej pokazuje nam, że bootstrap powodzeniem włączone.