1
00:00:00,190 --> 00:00:04,280
Nou welkom terug in deze video gaan we verder met het kamp.

2
00:00:04,300 --> 00:00:19,490
We gaan aan onze kop- en voettekst Parshall, zodat we kunnen opdrogen van de code, zodat we de basis h team, kunnen uit de ketel plaat die we tot nu toe ontbreekt, dus we moeten het hoofd van het lichaam van de titel, maar ook wij willen in staat zijn om Bootstrap dat is ons tweede doel hier op te nemen.

3
00:00:19,560 --> 00:00:28,150
Dus we gaan het opzetten van de kop- en voettekst Parshall in onze out en dat alles dan gaan we bootstrap omvatten en dan doen een aantal zeer eenvoudige styling met behulp van bootstrap.

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

5
00:00:29,190 --> 00:00:30,560
Dus we hier aan de slag.

6
00:00:30,610 --> 00:00:32,490
Ik ben de binnenkant van V-1 nog steeds.

7
00:00:32,580 --> 00:00:34,840
Ik laat je weten wanneer ik ga naar de volgende versie.

8
00:00:34,890 --> 00:00:38,710
Maar we zijn nog steeds bezig een aantal zeer fundamentele dingen die ik overweeg basisinstellingen.

9
00:00:38,820 --> 00:00:40,170
Dus het is nog steeds versie 1.

10
00:00:40,200 --> 00:00:46,820
Het eerste wat ik doe is de binnenkant van ons dat we onze Parshall's directory zullen voegen, zodat we dat kunnen doen vanaf hier.

11
00:00:46,890 --> 00:00:58,710
Maakt uitzicht directory slash Parshall's en dan zullen we voegen in een kop- en voettekst Ejay als file zal doen aanraking gebruik slash Parshall's slash Hetter.

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

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

14
00:01:00,450 --> 00:01:05,920
En dan zal ik de pijl omhoog gebruiken en hetzelfde doen, behalve footer dat Ejay ons.

15
00:01:06,240 --> 00:01:07,200
Dus we hebben dat.

16
00:01:07,410 --> 00:01:09,960
Laten we nu werken aan het invullen van de kop.

17
00:01:09,960 --> 00:01:15,170
Dus C9 gebruiken Parshall's Hetter En vergeet niet om het tabblad autocomplete daar te gebruiken.

18
00:01:15,180 --> 00:01:20,240
Maakt het een stuk makkelijker en we zullen aan onze fundamentele h tim l boiler plaat.

19
00:01:20,280 --> 00:01:25,620
Dus we moeten doc en het is altijd goed om dit te oefenen vanaf nul.

20
00:01:25,620 --> 00:01:27,570
Het is een soort doc HMO.

21
00:01:27,570 --> 00:01:29,520
En dan moeten we de HTML-tags.

22
00:01:29,730 --> 00:01:34,000
En dan moeten we een kop in het hoofd.

23
00:01:34,050 --> 00:01:37,340
Zet een titel en we zullen gewoon schrijven het hele kamp.

24
00:01:37,560 --> 00:01:51,220
En dan moeten we een lichaam ook maar vergeet niet dit alles gaat in de header-bestand, omdat we willen dat dit de header van elke pagina en dan willen we onze content gaat hier om de inhoud van de sjabloon gaat hier.

25
00:01:51,480 --> 00:01:53,320
En dan willen we dit in de voettekst.

26
00:01:53,580 --> 00:01:55,030
Dus laten we dat nu doen.

27
00:01:55,080 --> 00:01:57,280
Kopieer deze out of knip het uit.

28
00:01:57,360 --> 00:01:58,700
Dus dit is onze header.

29
00:01:59,010 --> 00:02:06,060
En dan laten we het openstellen van de voettekst bestand en zet dat in daar.

30
00:02:06,510 --> 00:02:15,720
En alleen maar om ervoor te zorgen dat het werkt ok op het einde van het lichaam zullen we een andere paragraaf handelsmerk van de bovenste kamp 2015 te zetten.

31
00:02:15,870 --> 00:02:21,720
Nogmaals, ik weet niet echt als dat is wat een merk geacht wordt te doen en waar het hoort te gaan, maar we willen gewoon wat tekst op de bodem.

32
00:02:21,720 --> 00:02:22,590
Dus zullen we dat doen.

33
00:02:22,620 --> 00:02:24,290
Sla het bestand op.

34
00:02:24,450 --> 00:02:30,460
Laten we nu onder deze gedeeltelijke binnen de landing page om ervoor te zorgen dat we die open en aan de top.

35
00:02:30,630 --> 00:02:37,310
We willen aan onze omvatten tag die onthouden is en Ejay heeft tag en lees herschrijven bevatten.

36
00:02:37,620 --> 00:02:44,590
En dan is de weg naar dat de gedeeltelijke wat als we alleen maar dubbel controleren we binnen de Parshall's directory.

37
00:02:44,820 --> 00:02:51,380
Dus willen we Parshall's slash header en we hebben dat niet nodig Ejay.

38
00:02:51,870 --> 00:02:55,890
En laten we hetzelfde doen aan de onderkant met voettekst.

39
00:02:55,890 --> 00:03:00,490
Daar gaan we en laten we hier toe gewoon wat ruimte en op te slaan.

40
00:03:00,510 --> 00:03:05,310
Dus dit moet ons alles tot aan het eerste lichaam om de opening tag geven.

41
00:03:05,310 --> 00:03:08,500
En dit moet ons alles wat die eigenlijk gewoon drie lijnen tot nu toe te geven.

42
00:03:08,640 --> 00:03:13,830
Het merk paragraaf het einde body-tag en de afsluitende randen hem uit.

43
00:03:14,130 --> 00:03:15,550
En laten we eens kijken of dat werkt.

44
00:03:15,930 --> 00:03:20,440
Zo start u de server of net begonnen in de eerste plaats knooppunt apt.

45
00:03:20,520 --> 00:03:23,190
Ja, dit is alleen de landing page.

46
00:03:23,430 --> 00:03:31,640
Dus moeten we terug naar de landing page te gaan en we hebben een klein probleem en dat is dat we verbonden is onjuist en dat is een heel eenvoudig probleem op te lossen.

47
00:03:31,650 --> 00:03:34,610
We willen alleen maar om dit te veranderen, zodat het niet met de slash.

48
00:03:34,770 --> 00:03:38,820
Zo zijn onder andere gedeeltelijke slash Hetter en gedeeltelijk slash voettekst.

49
00:03:38,820 --> 00:03:41,810
Vergeet de slash zoals we zagen is echt belangrijk.

50
00:03:41,820 --> 00:03:48,560
Dat vertelt hij om terug te gaan in de route dat is niet wat we willen dus laten we proberen opnieuw Vernieuw de pagina.

51
00:03:48,630 --> 00:03:50,720
Nu hebben we ons handelsmerk aan de onderkant.

52
00:03:50,730 --> 00:03:52,310
Yup camp 2015.

53
00:03:52,560 --> 00:03:55,070
En we hebben ook kun je niet echt zien.

54
00:03:55,080 --> 00:03:59,590
We hebben ook het hoofd en het lichaam en de titel die is opgezet voor ons hier.

55
00:04:00,090 --> 00:04:03,780
Laten we hetzelfde doen voor het bestand campings.

56
00:04:03,810 --> 00:04:07,350
Dus laten we hen opnieuw te nemen van de grond af.

57
00:04:07,560 --> 00:04:08,700
Altijd goede praktijken.

58
00:04:08,700 --> 00:04:25,620
Dus je wilt behoren Parshall's slash Hetter en dan zal ik deze naar beneden te kopiëren en te verminderen die naar beneden hier te maken wat meer ruimte Parshall's slash footer net als dat.

59
00:04:25,710 --> 00:04:30,940
Start de server nu op de landing page we nog steeds het handelsmerk.

60
00:04:31,200 --> 00:04:36,560
Maar ook terwijl ik niet eens hoeft te doen dat ik op de link die we hebben toegevoegd zullen klikken.

61
00:04:36,690 --> 00:04:39,990
Ik krijg ook ons ​​handelsmerk Yelp camp 2015.

62
00:04:40,500 --> 00:04:42,940
Dus nu hebben we een gedeeltelijke voor de kop- en voettekst.

63
00:04:43,230 --> 00:04:45,720
Laten we onder andere onze eerste stylesheet.

64
00:04:45,720 --> 00:04:55,980
Dus laten we beginnen door gewoon met inbegrip van bootstrap en ik heb een cd en open zodat kunt u ofwel exacte gebruik deze link of u kunt gewoon Google bootstrap CDN en omvatten die link.

65
00:04:56,070 --> 00:05:14,270
Maar ik ga dit doen hier bootstrap drie punt drie komma vijf en sluit hier weg en in plaats van de header-bestand in het hoofd Ik ga toe te voegen in een link en onthouden voor een link tag het is Tref moet zijn dat je Elford bootstrap.

66
00:05:14,550 --> 00:05:28,510
En we kunnen ook toevoegen in Roll Call style sheet en dat zou ons bootstrappen zodat we kunnen altijd voor zorgen dat door de server opnieuw op te starten en gewoon met het opfrissen op een van deze pagina's moet je een verschil te zien.

67
00:05:28,530 --> 00:05:29,290
Daar gaan we.

68
00:05:29,550 --> 00:05:32,830
Dus ik heb geen plezier of spatiëring is een beetje veranderd.

69
00:05:32,850 --> 00:05:39,830
U kunt kijken naar de landing page als goed en dat is veranderd de kleur van onze banden de lettergrootte van de dingen.

70
00:05:39,870 --> 00:05:45,780
Nog steeds niet goed uit, maar het is in ieder geval toont ons dat bootstrap is met succes opgenomen.