Nou welkom terug in deze video gaan we verder met het kamp.
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.
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.
OK.
Dus we hier aan de slag.
Ik ben de binnenkant van V-1 nog steeds.
Ik laat je weten wanneer ik ga naar de volgende versie.
Maar we zijn nog steeds bezig een aantal zeer fundamentele dingen die ik overweeg basisinstellingen.
Dus het is nog steeds versie 1.
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.
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.
E. J ..
Ja.
En dan zal ik de pijl omhoog gebruiken en hetzelfde doen, behalve footer dat Ejay ons.
Dus we hebben dat.
Laten we nu werken aan het invullen van de kop.
Dus C9 gebruiken Parshall's Hetter En vergeet niet om het tabblad autocomplete daar te gebruiken.
Maakt het een stuk makkelijker en we zullen aan onze fundamentele h tim l boiler plaat.
Dus we moeten doc en het is altijd goed om dit te oefenen vanaf nul.
Het is een soort doc HMO.
En dan moeten we de HTML-tags.
En dan moeten we een kop in het hoofd.
Zet een titel en we zullen gewoon schrijven het hele kamp.
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.
En dan willen we dit in de voettekst.
Dus laten we dat nu doen.
Kopieer deze out of knip het uit.
Dus dit is onze header.
En dan laten we het openstellen van de voettekst bestand en zet dat in daar.
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.
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.
Dus zullen we dat doen.
Sla het bestand op.
Laten we nu onder deze gedeeltelijke binnen de landing page om ervoor te zorgen dat we die open en aan de top.
We willen aan onze omvatten tag die onthouden is en Ejay heeft tag en lees herschrijven bevatten.
En dan is de weg naar dat de gedeeltelijke wat als we alleen maar dubbel controleren we binnen de Parshall's directory.
Dus willen we Parshall's slash header en we hebben dat niet nodig Ejay.
En laten we hetzelfde doen aan de onderkant met voettekst.
Daar gaan we en laten we hier toe gewoon wat ruimte en op te slaan.
Dus dit moet ons alles tot aan het eerste lichaam om de opening tag geven.
En dit moet ons alles wat die eigenlijk gewoon drie lijnen tot nu toe te geven.
Het merk paragraaf het einde body-tag en de afsluitende randen hem uit.
En laten we eens kijken of dat werkt.
Zo start u de server of net begonnen in de eerste plaats knooppunt apt.
Ja, dit is alleen de landing page.
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.
We willen alleen maar om dit te veranderen, zodat het niet met de slash.
Zo zijn onder andere gedeeltelijke slash Hetter en gedeeltelijk slash voettekst.
Vergeet de slash zoals we zagen is echt belangrijk.
Dat vertelt hij om terug te gaan in de route dat is niet wat we willen dus laten we proberen opnieuw Vernieuw de pagina.
Nu hebben we ons handelsmerk aan de onderkant.
Yup camp 2015.
En we hebben ook kun je niet echt zien.
We hebben ook het hoofd en het lichaam en de titel die is opgezet voor ons hier.
Laten we hetzelfde doen voor het bestand campings.
Dus laten we hen opnieuw te nemen van de grond af.
Altijd goede praktijken.
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.
Start de server nu op de landing page we nog steeds het handelsmerk.
Maar ook terwijl ik niet eens hoeft te doen dat ik op de link die we hebben toegevoegd zullen klikken.
Ik krijg ook ons ​​handelsmerk Yelp camp 2015.
Dus nu hebben we een gedeeltelijke voor de kop- en voettekst.
Laten we onder andere onze eerste stylesheet.
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.
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.
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.
Daar gaan we.
Dus ik heb geen plezier of spatiëring is een beetje veranderd.
U kunt kijken naar de landing page als goed en dat is veranderd de kleur van onze banden de lettergrootte van de dingen.
Nog steeds niet goed uit, maar het is in ieder geval toont ons dat bootstrap is met succes opgenomen.