Bem-vindo de volta a este vídeo, vamos continuar com o acampamento.
Vamos adicionar nosso cabeçalho e rodapé Parshall's para que possamos secar o código para que possamos
ter o time básico da placa de caldeira que até agora estamos faltando, então precisamos de cabeça para o corpo, mas também
nós quer ser capaz de incluir o Bootstrap, que é nosso segundo objetivo aqui.
Então, vamos configurar o cabeçalho e rodapé do Parshall no nosso fora e tudo isso, então
vamos incluir o bootstrap e depois fazer um estilo muito simples usando o bootstrap.
ESTÁ BEM.
Então, vamos começar aqui.
Estou dentro da V-1 ainda.
Eu informo quando eu vou para a próxima versão.
Mas ainda estamos fazendo coisas muito básicas que estou considerando a configuração básica.
Então, ainda é a versão 1.
A primeira coisa que farei é dentro de nós, adicionaremos o diretório do Parshall para que possamos fazer isso a partir daqui.
Faz as visualizações do diretório cortar o Parshall e, em seguida, vamos adicionar um cabeçalho e rodapé Ejay, pois o
arquivo irá tocar em usar o barramento do Parshall Hetter.
E. J. Sim.
E então eu usarei a seta para cima e farei a mesma coisa exceto o rodapé que Ejay nós.
Então nós temos isso.
Agora vamos trabalhar no preenchimento do cabeçalho.
Então, C9 usa o Hetter de Parshall e não se esqueça de usar a guia de preenchimento automático lá.
Faz muito mais fácil e adicionaremos a nossa placa básica de caldeira.
Então precisamos de doc e sempre é bom praticar isso a partir do zero.
É um HMO de tipo doc.
E então precisamos das tags HTML.
E então precisamos de uma cabeça dentro da cabeça.
Coloque um título e nós simplesmente escreveremos todo o acampamento.
E então precisamos de um corpo também, mas lembre-se
que nem tudo isso vai no arquivo de cabeçalho, porque queremos que este seja o cabeçalho de cada página
e, em seguida, queremos que nosso conteúdo vá para aqui, o conteúdo do modelo vai aqui.
E então queremos que este seja no rodapé.
Então vamos fazer isso agora.
Copie isso ou corte-o.
Então este é o nosso cabeçalho.
E então vamos abrir o arquivo do rodapé e colocá-lo lá.
E apenas para ter certeza de que funciona, ok, no final
do corpo, colocaremos outra marca de parágrafo no acampamento superior 2015.
Novamente, eu realmente não sei se é isso que
uma marca registrada deve fazer e onde é suposto ir, mas nós só queremos algum texto na parte inferior.
Então vamos fazer isso.
Salve o arquivo.
Agora vamos incluir este parcial
dentro da página de destino para ter certeza de que temos isso aberto e no topo.
Queremos adicionar a nossa tag de inclusão que lembre-se é e Ejay tem tag e lê reescrever incluir.
E, em seguida, o caminho para esse parcial, que é se apenas verificar novamente, estamos dentro do diretório do Parshall.
Então, queremos o cabeçalho do Parshall e não precisamos desse Ejay.
E vamos fazer o mesmo no final com rodapé.
Lá vamos e vamos apenas adicionar algum espaço aqui e salvar.
Então, isso deve nos dar tudo até o primeiro corpo para a tag de abertura.
E isso deve nos dar tudo o que é realmente apenas três linhas até agora.
O parágrafo da marca registrada, a etiqueta do corpo final e o fechamento, o afastaram.
E vamos ver se isso funciona.
Então, reinicie o servidor ou apenas comece no primeiro lugar do nó apt.
Sim, isso é apenas na página de destino.
Então, precisamos voltar para a página de destino e temos um
pequeno problema, que é que nós ligamos a ele de forma incorreta e esse é um problema realmente simples de corrigir.
Nós só queremos mudar isso para que não seja com a barra.
Então, inclua uma barra parcial Hetter e um rodapé parcialmente.
Lembre-se de que a barra como vimos é realmente importante.
Isso diz para voltar na rota que não é o que queremos, então tente novamente atualizar a página.
Agora, temos nossa marca registrada na parte inferior.
Yup camp 2015.
E nós também não conseguimos realmente vê-lo.
Nós também temos a cabeça e o corpo e o título que foi criado para nós aqui.
Vamos fazer o mesmo para o arquivo de campgrounds.
Então vamos levá-los novamente do zero.
Sempre boa prática.
Então, você quer
incluir a barraca de Parshall Hetter e, em seguida, vou copiar esta para baixo e reduzir isso, basta fazer mais espaço. Parshall's slash footer assim.
Reinicie o servidor agora na página de destino, ainda recebemos a marca registrada.
Mas também, enquanto eu não tenho que fazer isso, vou clicar no link que adicionamos.
Eu também obtem o nosso campo comercial 2015 da marca registrada.
Então, agora temos um parcial para o cabeçalho e o rodapé.
Vamos incluir nossa primeira folha de estilo.
Então, comecemos por apenas incluir o bootstrap e eu tenho
um CD e abra para que você possa usar este link exato ou você pode simplesmente introduzir o CDn do Google e incluir esse link.
Mas eu vou fazer isso aqui, inicializado, três pontos, três pontos cinco
e, em seguida, fechar-se para fora daqui e em vez do arquivo de cabeçalho dentro
da cabeça eu vou adicionar um link e lembre-se de uma etiqueta de link que a Tref precisa seja que você seja o bootstrap de Elford.
E também podemos adicionar na folha de estilo Roll Call e isso deve nos dar
bootstrap para que possamos garantir sempre a reinicialização do servidor e apenas atualizando em qualquer uma dessas páginas você deve ver uma diferença.
Aqui vamos nós.
Então eu tenho diversão ou espaçamento mudou um pouco.
Você também pode ver a página de destino
e isso mudou a cor dos nossos links o tamanho da fonte das coisas.
Ainda não parece ser bom, mas pelo menos nos mostra que o bootstrap foi incluído com sucesso.