Bienvenue dans cette vidéo, nous allons continuer avec le camp.
Nous allons ajouter dans notre en-tête et pied de page Parshall afin que nous puissions sécher le code afin que nous puissions avoir l'équipe h de base sur la plaque de la chaudière que nous sommes si loin manquant donc nous avons besoin de la tête du corps le titre mais aussi nous Veulent être en mesure d'inclure Bootstrap qui est notre deuxième but ici.
Donc, nous allons mettre en place l'en-tête et le pied de page Parshall dans notre sortie et tout cela alors nous allons inclure bootstrap et puis faire un style très simple à l'aide de bootstrap.
D'ACCORD.
Nous allons commencer ici.
Je suis à l'intérieur de V-1 encore.
Je vous laisse savoir quand je vais à la prochaine version.
Mais nous faisons encore quelques choses très élémentaires que je considère installation de base.
Donc c'est toujours la version 1.
La première chose que je ferai, c'est que nous allons ajouter notre répertoire de Parshall afin que nous puissions le faire à partir d'ici.
Fait des vues d'annuaire slash Parshall et puis nous ajouterons dans un en-tête et un footer Ejay que le dossier fera l'usage slash de tache de coupure de Parshall Hetter.
E.J ..
Oui.
Et puis je vais utiliser la flèche vers le haut et faire la même chose, sauf pied de page que Ejay nous.
Donc, nous avons cela.
Maintenant, travaillons à remplir l'en-tête.
Donc C9 utiliser Parshall's Hetter Et n'oubliez pas d'utiliser l'onglet autocomplétion là.
Il est beaucoup plus facile et nous ajouterons dans notre base h tim l plaque de la chaudière.
Donc nous avons besoin de doc et il est toujours bon de pratiquer cela à partir de zéro.
C'est un doc type HMO.
Et puis nous avons besoin des balises HTML.
Et puis nous avons besoin d'une tête à l'intérieur de la tête.
Mettez un titre et nous allons tout écrire.
Et puis nous avons besoin d'un corps aussi, mais n'oubliez pas que tout cela va dans le fichier d'en-tête parce que nous voulons que ce soit l'en-tête de chaque page et nous voulons que notre contenu va ici au contenu du modèle va ici.
Et puis nous voulons que ce soit dans le pied de page.
Alors, faisons-le maintenant.
Copiez-le ou découpez-le.
Donc c'est notre en-tête.
Et puis ouvrons le fichier de pied de page et y mettons ça.
Et juste pour s'assurer qu'il fonctionne bien à la fin du corps, nous allons mettre une autre marque de paragraphe au camp supérieur 2015.
Encore une fois, je ne sais pas vraiment si c'est ce qu'une marque de commerce est censée faire et où il est censé aller, mais nous voulons juste un texte en bas.
Nous allons donc faire cela.
Enregistrez le fichier.
Maintenant, nous allons inclure cette partielle à l'intérieur de la page d'atterrissage pour vous assurer que nous avons ouvert et en haut.
Nous voulons ajouter dans notre tag d'inclusion qui se souvient et Ejay a tag et read rewrite include.
Et puis le chemin de cette partielle qui est si nous avons juste vérifier que nous sommes à l'intérieur du répertoire Parshall.
Nous voulons donc l'en-tête de coupe de Parshall et nous n'avons pas besoin de ce Ejay.
Et faisons la même chose en bas avec pied de page.
Là-bas, nous allons ajouter un peu d'espace ici et sauver.
Donc, cela devrait nous donner tout jusqu'à le premier corps à l'étiquette d'ouverture.
Et cela devrait nous donner tout ce qui est vraiment juste trois lignes jusqu'à présent.
Le paragraphe de la marque de commerce, le tag de fin du corps, et la fermeture l'ont écarté.
Et voyons si cela fonctionne.
Alors redémarrez le serveur ou tout simplement démarré dans le nœud de premier lieu apt.
Oui, cela se trouve sur la page de destination uniquement.
Nous devons donc revenir à la page d'atterrissage et nous avons un petit problème, c'est-à-dire que nous l'avons lié de manière incorrecte et qu'il s'agit d'un problème très simple à résoudre.
Nous voulons simplement changer cela afin que ce ne soit pas avec la barre oblique.
Donc inclure slash partielle Hetter et partiellement slash pied de page.
Rappelez-vous le slash que nous avons vu est vraiment important.
Cela lui dit de revenir dans l'itinéraire qui n'est pas ce que nous voulons alors nous allons essayer de rafraîchir la page.
Maintenant, nous avons notre marque au bas.
Yup camp 2015.
Et nous avons aussi que vous ne pouvez pas vraiment le voir.
Nous avons aussi la tête et le corps et le titre qui nous a été créé ici.
Faisons la même chose pour le dossier des terrains de camping.
Alors, les reprenons à zéro.
Toujours une bonne pratique.
Donc, vous voulez inclure Parshall slash Hetter et puis je vais copier celui-ci vers le bas et de réduire que ici faire un peu plus d'espace Parshall slash pied de pied comme ça.
Redémarrez le serveur maintenant sur la page de destination, nous obtenons toujours la marque.
Mais aussi alors que je n'ai même pas à faire que je vais cliquer sur le lien que nous avons ajouté.
Je reçois également notre marque de commerce Yelp camp 2015.
Donc maintenant nous avons un partiel pour l'en-tête et le pied de page.
Nous allons inclure notre première feuille de style.
Commençons par inclure bootstrap et j'ai un CD et ouvert, donc vous pouvez soit utiliser ce lien exact, soit vous pouvez juste Google bootstrap CDN et inclure ce lien.
Mais je vais faire celui-ci ici bootstrapped trois point trois point cinq et puis fermer hors d'ici et au lieu du fichier d'en-tête à l'intérieur de la tête, je vais ajouter dans un lien et rappelez-vous pour un tag de lien, c'est Tref a besoin Être que vous êtes Elford bootstrap.
Et nous pouvons également ajouter dans la feuille de style Roll Call et qui devrait nous donner bootstrap afin que nous puissions toujours nous assurer en redémarrant le serveur et juste par rafraîchissement sur l'une de ces pages, vous devriez voir une différence.
Voilà.
Donc je me suis amusé ou l'espacement a changé un peu.
Vous pouvez regarder la page de destination ainsi et cela a changé la couleur de nos liens la taille de la police des choses.
Encore ne semble pas bon mais c'est au moins nous montrer que bootstrap est inclus avec succès.