Bene bentornato in questo video, continueremo con il campo.
Aggiungiamo la nostra testata e il nostro footer Parshall in modo che possiamo asciugare il codice in modo
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
anche noi voglio essere in grado di includere Bootstrap, che è il nostro secondo obiettivo qui.
Quindi installeremo l'intestazione e il piè di pagina Parshall nel nostro out e tutto
ciò includerà il bootstrap e quindi uno stile molto semplice con bootstrap.
OK.
Quindi inizieremo qui.
Sono ancora dentro V-1.
Ti farò sapere quando andrò alla prossima versione.
Ma stiamo ancora facendo alcune cose basilari che sto prendendo in considerazione per l'impostazione di base.
Quindi è ancora la versione 1.
La prima cosa che farò è che dentro di noi aggiungeremo la directory di Parshall così da poterlo fare da qui.
Fa in modo che le viste della directory tagliano Parshall e poi aggiungiamo un'intestazione e il piè di pagina Ejay mentre il file
andrà a toccare usa il taglio barra di Hars di Parshall.
E. J. Sì.
E poi userò la freccia in su e farei la stessa cosa eccetto il piè di pagina che Ejay ci usa.
Quindi abbiamo quello.
Ora lavoriamo alla compilazione dell'intestazione.
Quindi C9 usa Hetter di Parshall e non dimenticarti di utilizzare il completamento automatico della scheda lì.
Rende molto più semplice e aggiungeremo nella nostra piastra di base della caldaia.
Quindi abbiamo bisogno di documenti ed è sempre bene praticarlo da zero.
È un tipo di documento HMO.
E poi abbiamo bisogno dei tag HTML.
E poi abbiamo bisogno di una testa dentro la testa.
Metti un titolo e scriveremo l'intero campo.
E poi abbiamo bisogno anche di un corpo, ma
ricorda che non tutto va nel file di intestazione perché vogliamo che questo sia l'intestazione di ogni pagina e
quindi vogliamo che il nostro contenuto vada qui al contenuto del modello che va proprio qui.
E poi vogliamo che questo sia nel footer.
Quindi facciamolo ora.
Copialo o taglialo.
Quindi questo è il nostro colpo di testa.
E quindi apriamo il file del footer e inseritelo lì.
E solo per assicurarsi che funzioni bene alla fine del corpo
metteremo un altro marchio di paragrafo nel campo superiore del 2015.
Ancora una volta non so davvero se questo
è ciò che un marchio dovrebbe fare e dove dovrebbe andare, ma vogliamo solo un testo in fondo.
Quindi lo faremo.
Salva il file.
Ora includiamo questo parziale
all'interno della pagina di destinazione per assicurarci di averlo aperto e in alto.
Vogliamo aggiungere nel nostro tag include che ricorda è ed Ejay ha tag e leggere riscrivere include.
E poi il percorso per quel parziale che è se controlliamo solo di nuovo che siamo nella directory di Parshall.
Quindi vogliamo l'header di Parshall e non abbiamo bisogno di Ejay.
E facciamo la stessa cosa in fondo con il piè di pagina.
Eccoci e aggiungiamo un po 'di spazio qui e salviamo.
Quindi questo dovrebbe darci tutto fino al primo corpo del tag di apertura.
E questo dovrebbe darci tutto ciò che è veramente solo tre righe finora.
Il paragrafo del marchio di fabbrica il tag del corpo finale e la chiusura lo ha escluso.
E vediamo se funziona.
Quindi riavvia il server o avvia il primo nodo apt.
Sì, questo è solo nella pagina di destinazione.
Quindi abbiamo bisogno di tornare alla pagina di destinazione e abbiamo
un piccolo problema che è che ci siamo collegati in modo errato e questo è un problema molto semplice da risolvere.
Vogliamo solo cambiare questo in modo che non sia con la barra.
Quindi includi l'hetter barra parziale e il footer parzialmente barra.
Ricorda che il taglio che abbiamo visto è davvero importante.
Questo dice di tornare indietro nel percorso che non è quello che vogliamo quindi proviamo di nuovo ad aggiornare la pagina.
Ora abbiamo il nostro marchio in basso.
Yup camp 2015.
E abbiamo anche che non puoi davvero vederlo.
Abbiamo anche la testa e il corpo e il titolo che è stato creato per noi quassù.
Facciamo la stessa cosa per il file dei campeggi.
Quindi riprendiamoli da zero.
Sempre buone pratiche
Quindi vuoi includere
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.
Riavvia il server ora sulla pagina di destinazione continuiamo a ottenere il marchio.
Ma anche se non devo nemmeno farlo, farò clic sul link che abbiamo aggiunto.
Ottengo anche il nostro marchio di Yelp, il marchio 2015.
Quindi ora abbiamo un partial per l'intestazione e il piè di pagina.
Includiamo il nostro primo foglio di stile.
Quindi iniziamo includendo semplicemente bootstrap e ho un CD
e aperto in modo da poter utilizzare questo link esatto oppure puoi semplicemente eseguire il bootstrap di CDN di Google e includerlo.
Ma ho intenzione di fare questo qui bootstrap tre virgola tre virgola
cinque e poi chiudere fuori da qui e invece del file di intestazione all'interno della
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.
E possiamo anche aggiungere il foglio di stile Roll Call e questo dovrebbe
darci il bootstrap, così possiamo sempre assicurarci riavviando il server e solo aggiornando su una di queste pagine dovresti vedere una differenza.
Eccoci.
Quindi ho qualche divertimento o spaziatura è cambiato un po '.
Puoi anche guardare la pagina di destinazione e
questo ha cambiato il colore dei nostri link la dimensione del font delle cose.
Ancora non sembra buono ma almeno ci mostra che bootstrap è incluso con successo.