1 00:00:00,190 --> 00:00:04,280 Bene bentornato in questo video, continueremo con il campo. 2 00:00:04,300 --> 00:00:08,970 Aggiungiamo la nostra testata e il nostro footer Parshall in modo che possiamo asciugare il codice in modo 3 00:00:08,970 --> 00:00:15,300 che possiamo avere la squadra di base della piastra della caldaia che ci manca così tanto abbiamo bisogno della testa il corpo del titolo ma 4 00:00:15,300 --> 00:00:19,490 anche noi voglio essere in grado di includere Bootstrap, che è il nostro secondo obiettivo qui. 5 00:00:19,560 --> 00:00:24,150 Quindi installeremo l'intestazione e il piè di pagina Parshall nel nostro out e tutto 6 00:00:24,150 --> 00:00:28,150 ciò includerà il bootstrap e quindi uno stile molto semplice con bootstrap. 7 00:00:28,510 --> 00:00:28,980 OK. 8 00:00:29,190 --> 00:00:30,560 Quindi inizieremo qui. 9 00:00:30,610 --> 00:00:32,490 Sono ancora dentro V-1. 10 00:00:32,580 --> 00:00:34,840 Ti farò sapere quando andrò alla prossima versione. 11 00:00:34,890 --> 00:00:38,710 Ma stiamo ancora facendo alcune cose basilari che sto prendendo in considerazione per l'impostazione di base. 12 00:00:38,820 --> 00:00:40,170 Quindi è ancora la versione 1. 13 00:00:40,200 --> 00:00:46,820 La prima cosa che farò è che dentro di noi aggiungeremo la directory di Parshall così da poterlo fare da qui. 14 00:00:46,890 --> 00:00:54,740 Fa in modo che le viste della directory tagliano Parshall e poi aggiungiamo un'intestazione e il piè di pagina Ejay mentre il file 15 00:00:54,750 --> 00:00:58,710 andrà a toccare usa il taglio barra di Hars di Parshall. 16 00:00:58,730 --> 00:00:59,030 E. J. Sì. 17 00:00:59,100 --> 00:01:00,090 E poi userò la freccia in su e farei la stessa cosa eccetto il piè di pagina che Ejay ci usa. 18 00:01:00,450 --> 00:01:05,920 Quindi abbiamo quello. 19 00:01:06,240 --> 00:01:07,200 Ora lavoriamo alla compilazione dell'intestazione. 20 00:01:07,410 --> 00:01:09,960 Quindi C9 usa Hetter di Parshall e non dimenticarti di utilizzare il completamento automatico della scheda lì. 21 00:01:09,960 --> 00:01:15,170 Rende molto più semplice e aggiungeremo nella nostra piastra di base della caldaia. 22 00:01:15,180 --> 00:01:20,240 Quindi abbiamo bisogno di documenti ed è sempre bene praticarlo da zero. 23 00:01:20,280 --> 00:01:25,620 È un tipo di documento HMO. 24 00:01:25,620 --> 00:01:27,570 E poi abbiamo bisogno dei tag HTML. 25 00:01:27,570 --> 00:01:29,520 E poi abbiamo bisogno di una testa dentro la testa. 26 00:01:29,730 --> 00:01:34,000 Metti un titolo e scriveremo l'intero campo. 27 00:01:34,050 --> 00:01:37,340 E poi abbiamo bisogno anche di un corpo, ma 28 00:01:37,560 --> 00:01:44,310 ricorda che non tutto va nel file di intestazione perché vogliamo che questo sia l'intestazione di ogni pagina e 29 00:01:44,340 --> 00:01:50,310 quindi vogliamo che il nostro contenuto vada qui al contenuto del modello che va proprio qui. 30 00:01:50,310 --> 00:01:51,220 E poi vogliamo che questo sia nel footer. 31 00:01:51,480 --> 00:01:53,320 Quindi facciamolo ora. 32 00:01:53,580 --> 00:01:55,030 Copialo o taglialo. 33 00:01:55,080 --> 00:01:57,280 Quindi questo è il nostro colpo di testa. 34 00:01:57,360 --> 00:01:58,700 E quindi apriamo il file del footer e inseritelo lì. 35 00:01:59,010 --> 00:02:06,060 E solo per assicurarsi che funzioni bene alla fine del corpo 36 00:02:06,510 --> 00:02:13,790 metteremo un altro marchio di paragrafo nel campo superiore del 2015. 37 00:02:13,980 --> 00:02:15,720 Ancora una volta non so davvero se questo 38 00:02:15,870 --> 00:02:19,530 è ciò che un marchio dovrebbe fare e dove dovrebbe andare, ma vogliamo solo un testo in fondo. 39 00:02:19,560 --> 00:02:21,720 Quindi lo faremo. 40 00:02:21,720 --> 00:02:22,590 Salva il file. 41 00:02:22,620 --> 00:02:24,290 Ora includiamo questo parziale 42 00:02:24,450 --> 00:02:29,670 all'interno della pagina di destinazione per assicurarci di averlo aperto e in alto. 43 00:02:29,670 --> 00:02:30,460 Vogliamo aggiungere nel nostro tag include che ricorda è ed Ejay ha tag e leggere riscrivere include. 44 00:02:30,630 --> 00:02:37,310 E poi il percorso per quel parziale che è se controlliamo solo di nuovo che siamo nella directory di Parshall. 45 00:02:37,620 --> 00:02:44,310 Quindi vogliamo l'header di Parshall e non abbiamo bisogno di Ejay. 46 00:02:44,820 --> 00:02:51,380 E facciamo la stessa cosa in fondo con il piè di pagina. 47 00:02:51,870 --> 00:02:55,890 Eccoci e aggiungiamo un po 'di spazio qui e salviamo. 48 00:02:55,890 --> 00:03:00,490 Quindi questo dovrebbe darci tutto fino al primo corpo del tag di apertura. 49 00:03:00,510 --> 00:03:05,310 E questo dovrebbe darci tutto ciò che è veramente solo tre righe finora. 50 00:03:05,310 --> 00:03:08,500 Il paragrafo del marchio di fabbrica il tag del corpo finale e la chiusura lo ha escluso. 51 00:03:08,640 --> 00:03:13,830 E vediamo se funziona. 52 00:03:14,130 --> 00:03:15,550 Quindi riavvia il server o avvia il primo nodo apt. 53 00:03:15,930 --> 00:03:20,440 Sì, questo è solo nella pagina di destinazione. 54 00:03:20,520 --> 00:03:23,190 Quindi abbiamo bisogno di tornare alla pagina di destinazione e abbiamo 55 00:03:23,430 --> 00:03:28,440 un piccolo problema che è che ci siamo collegati in modo errato e questo è un problema molto semplice da risolvere. 56 00:03:28,470 --> 00:03:31,640 Vogliamo solo cambiare questo in modo che non sia con la barra. 57 00:03:31,650 --> 00:03:34,610 Quindi includi l'hetter barra parziale e il footer parzialmente barra. 58 00:03:34,770 --> 00:03:38,820 Ricorda che il taglio che abbiamo visto è davvero importante. 59 00:03:38,820 --> 00:03:41,810 Questo dice di tornare indietro nel percorso che non è quello che vogliamo quindi proviamo di nuovo ad aggiornare la pagina. 60 00:03:41,820 --> 00:03:47,850 Ora abbiamo il nostro marchio in basso. 61 00:03:48,630 --> 00:03:50,720 Yup camp 2015. 62 00:03:50,730 --> 00:03:52,310 E abbiamo anche che non puoi davvero vederlo. 63 00:03:52,560 --> 00:03:55,070 Abbiamo anche la testa e il corpo e il titolo che è stato creato per noi quassù. 64 00:03:55,080 --> 00:03:59,590 Facciamo la stessa cosa per il file dei campeggi. 65 00:04:00,090 --> 00:04:03,780 Quindi riprendiamoli da zero. 66 00:04:03,810 --> 00:04:07,350 Sempre buone pratiche 67 00:04:07,560 --> 00:04:08,700 Quindi vuoi includere 68 00:04:08,700 --> 00:04:18,450 lo slash Hetter di Parshall e poi lo copierò e riducilo qui in basso, facendo un po 'più di spazio nello slash footer di Parshall. 69 00:04:19,770 --> 00:04:25,620 Riavvia il server ora sulla pagina di destinazione continuiamo a ottenere il marchio. 70 00:04:25,710 --> 00:04:30,940 Ma anche se non devo nemmeno farlo, farò clic sul link che abbiamo aggiunto. 71 00:04:31,200 --> 00:04:36,560 Ottengo anche il nostro marchio di Yelp, il marchio 2015. 72 00:04:36,690 --> 00:04:39,990 Quindi ora abbiamo un partial per l'intestazione e il piè di pagina. 73 00:04:40,500 --> 00:04:42,940 Includiamo il nostro primo foglio di stile. 74 00:04:43,230 --> 00:04:45,720 Quindi iniziamo includendo semplicemente bootstrap e ho un CD 75 00:04:45,720 --> 00:04:51,930 e aperto in modo da poter utilizzare questo link esatto oppure puoi semplicemente eseguire il bootstrap di CDN di Google e includerlo. 76 00:04:51,930 --> 00:04:55,980 Ma ho intenzione di fare questo qui bootstrap tre virgola tre virgola 77 00:04:56,070 --> 00:05:01,080 cinque e poi chiudere fuori da qui e invece del file di intestazione all'interno della 78 00:05:01,650 --> 00:05:09,930 testa ho intenzione di aggiungere un link e ricordare per un tag link è Tref ha bisogno di sii tu che sei il bootstrap di Elford. 79 00:05:09,990 --> 00:05:14,270 E possiamo anche aggiungere il foglio di stile Roll Call e questo dovrebbe 80 00:05:14,550 --> 00:05:21,420 darci il bootstrap, così possiamo sempre assicurarci riavviando il server e solo aggiornando su una di queste pagine dovresti vedere una differenza. 81 00:05:21,420 --> 00:05:28,230 Eccoci. 82 00:05:28,530 --> 00:05:29,290 Quindi ho qualche divertimento o spaziatura è cambiato un po '. 83 00:05:29,550 --> 00:05:32,830 Puoi anche guardare la pagina di destinazione e 84 00:05:32,850 --> 00:05:39,120 questo ha cambiato il colore dei nostri link la dimensione del font delle cose. 85 00:05:39,120 --> 00:05:39,830 Ancora non sembra buono ma almeno ci mostra che bootstrap è incluso con successo. 86 00:05:39,870 --> 00:05:45,780