1
00:00:00,190 --> 00:00:04,280
Bienvenue dans cette vidéo, nous allons continuer avec le camp.

2
00:00:04,300 --> 00:00:19,490
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.

3
00:00:19,560 --> 00:00:28,150
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.

4
00:00:28,510 --> 00:00:28,980
D'ACCORD.

5
00:00:29,190 --> 00:00:30,560
Nous allons commencer ici.

6
00:00:30,610 --> 00:00:32,490
Je suis à l'intérieur de V-1 encore.

7
00:00:32,580 --> 00:00:34,840
Je vous laisse savoir quand je vais à la prochaine version.

8
00:00:34,890 --> 00:00:38,710
Mais nous faisons encore quelques choses très élémentaires que je considère installation de base.

9
00:00:38,820 --> 00:00:40,170
Donc c'est toujours la version 1.

10
00:00:40,200 --> 00:00:46,820
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.

11
00:00:46,890 --> 00:00:58,710
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.

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

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

14
00:01:00,450 --> 00:01:05,920
Et puis je vais utiliser la flèche vers le haut et faire la même chose, sauf pied de page que Ejay nous.

15
00:01:06,240 --> 00:01:07,200
Donc, nous avons cela.

16
00:01:07,410 --> 00:01:09,960
Maintenant, travaillons à remplir l'en-tête.

17
00:01:09,960 --> 00:01:15,170
Donc C9 utiliser Parshall's Hetter Et n'oubliez pas d'utiliser l'onglet autocomplétion là.

18
00:01:15,180 --> 00:01:20,240
Il est beaucoup plus facile et nous ajouterons dans notre base h tim l plaque de la chaudière.

19
00:01:20,280 --> 00:01:25,620
Donc nous avons besoin de doc et il est toujours bon de pratiquer cela à partir de zéro.

20
00:01:25,620 --> 00:01:27,570
C'est un doc type HMO.

21
00:01:27,570 --> 00:01:29,520
Et puis nous avons besoin des balises HTML.

22
00:01:29,730 --> 00:01:34,000
Et puis nous avons besoin d'une tête à l'intérieur de la tête.

23
00:01:34,050 --> 00:01:37,340
Mettez un titre et nous allons tout écrire.

24
00:01:37,560 --> 00:01:51,220
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.

25
00:01:51,480 --> 00:01:53,320
Et puis nous voulons que ce soit dans le pied de page.

26
00:01:53,580 --> 00:01:55,030
Alors, faisons-le maintenant.

27
00:01:55,080 --> 00:01:57,280
Copiez-le ou découpez-le.

28
00:01:57,360 --> 00:01:58,700
Donc c'est notre en-tête.

29
00:01:59,010 --> 00:02:06,060
Et puis ouvrons le fichier de pied de page et y mettons ça.

30
00:02:06,510 --> 00:02:15,720
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.

31
00:02:15,870 --> 00:02:21,720
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.

32
00:02:21,720 --> 00:02:22,590
Nous allons donc faire cela.

33
00:02:22,620 --> 00:02:24,290
Enregistrez le fichier.

34
00:02:24,450 --> 00:02:30,460
Maintenant, nous allons inclure cette partielle à l'intérieur de la page d'atterrissage pour vous assurer que nous avons ouvert et en haut.

35
00:02:30,630 --> 00:02:37,310
Nous voulons ajouter dans notre tag d'inclusion qui se souvient et Ejay a tag et read rewrite include.

36
00:02:37,620 --> 00:02:44,590
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.

37
00:02:44,820 --> 00:02:51,380
Nous voulons donc l'en-tête de coupe de Parshall et nous n'avons pas besoin de ce Ejay.

38
00:02:51,870 --> 00:02:55,890
Et faisons la même chose en bas avec pied de page.

39
00:02:55,890 --> 00:03:00,490
Là-bas, nous allons ajouter un peu d'espace ici et sauver.

40
00:03:00,510 --> 00:03:05,310
Donc, cela devrait nous donner tout jusqu'à le premier corps à l'étiquette d'ouverture.

41
00:03:05,310 --> 00:03:08,500
Et cela devrait nous donner tout ce qui est vraiment juste trois lignes jusqu'à présent.

42
00:03:08,640 --> 00:03:13,830
Le paragraphe de la marque de commerce, le tag de fin du corps, et la fermeture l'ont écarté.

43
00:03:14,130 --> 00:03:15,550
Et voyons si cela fonctionne.

44
00:03:15,930 --> 00:03:20,440
Alors redémarrez le serveur ou tout simplement démarré dans le nœud de premier lieu apt.

45
00:03:20,520 --> 00:03:23,190
Oui, cela se trouve sur la page de destination uniquement.

46
00:03:23,430 --> 00:03:31,640
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.

47
00:03:31,650 --> 00:03:34,610
Nous voulons simplement changer cela afin que ce ne soit pas avec la barre oblique.

48
00:03:34,770 --> 00:03:38,820
Donc inclure slash partielle Hetter et partiellement slash pied de page.

49
00:03:38,820 --> 00:03:41,810
Rappelez-vous le slash que nous avons vu est vraiment important.

50
00:03:41,820 --> 00:03:48,560
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.

51
00:03:48,630 --> 00:03:50,720
Maintenant, nous avons notre marque au bas.

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

53
00:03:52,560 --> 00:03:55,070
Et nous avons aussi que vous ne pouvez pas vraiment le voir.

54
00:03:55,080 --> 00:03:59,590
Nous avons aussi la tête et le corps et le titre qui nous a été créé ici.

55
00:04:00,090 --> 00:04:03,780
Faisons la même chose pour le dossier des terrains de camping.

56
00:04:03,810 --> 00:04:07,350
Alors, les reprenons à zéro.

57
00:04:07,560 --> 00:04:08,700
Toujours une bonne pratique.

58
00:04:08,700 --> 00:04:25,620
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.

59
00:04:25,710 --> 00:04:30,940
Redémarrez le serveur maintenant sur la page de destination, nous obtenons toujours la marque.

60
00:04:31,200 --> 00:04:36,560
Mais aussi alors que je n'ai même pas à faire que je vais cliquer sur le lien que nous avons ajouté.

61
00:04:36,690 --> 00:04:39,990
Je reçois également notre marque de commerce Yelp camp 2015.

62
00:04:40,500 --> 00:04:42,940
Donc maintenant nous avons un partiel pour l'en-tête et le pied de page.

63
00:04:43,230 --> 00:04:45,720
Nous allons inclure notre première feuille de style.

64
00:04:45,720 --> 00:04:55,980
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.

65
00:04:56,070 --> 00:05:14,270
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.

66
00:05:14,550 --> 00:05:28,510
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.

67
00:05:28,530 --> 00:05:29,290
Voilà.

68
00:05:29,550 --> 00:05:32,830
Donc je me suis amusé ou l'espacement a changé un peu.

69
00:05:32,850 --> 00:05:39,830
Vous pouvez regarder la page de destination ainsi et cela a changé la couleur de nos liens la taille de la police des choses.

70
00:05:39,870 --> 00:05:45,780
Encore ne semble pas bon mais c'est au moins nous montrer que bootstrap est inclus avec succès.