Tudo bem, onde você consegue isso, se não, não se preocupe.
Vamos repassar o que precisamos fazer para que tudo em nosso perfil funcione.
Obviamente, temos uma página sobre, que pode permanecer igual ao que está agora.
Podemos ligar para isso.
E se copiarmos e colarmos ou fizermos outro, digamos, o que mais temos?
Temos trabalho.
A maioria de nós trabalha com HTML, que funcionará como HTML e vamos verificar se isso funciona.
Vou remover a velha estrada apenas para que tenhamos a página inicial e o HTML de trabalho.
Se eu voltar.
E vamos para casa.
Ah, parece que temos um pequeno erro e não mudei a função aqui, você vê que tenho os
dois a respeito.
Então, vamos chamar isso de trabalho se eu voltar e atualizar.
Tudo bem.
Vamos trabalhar.
Bem, funcionou de mais maneiras do que isso, funcionando.
Isso porque deveria funcionar.
Tola eu.
Vamos voltar, vamos atualizar.
Funciona bem, funciona funciona, mas mais uma vez, o sucesso não está sendo aplicado.
Se eu voltar e for para sobre mim, sobre mim também está funcionando.
Mas o sucesso não está sendo aplicado e sabemos por quê.
Mais uma vez, se formos para as obras.
Temos que atualizar isso para incluir a pasta estática.
Incrível, e depois também atualizamos a página de sucesso.
Bem como a página JavaScript.
Portanto, isso é muita repetição, mas estou apenas mostrando a você para que você entenda o que é o processo de
pensamento e por que precisamos fazer isso de novo, bem, apenas conserte isso também.
E este.
Sinto que deveria ter uma música de fundo enquanto faço isso, para que você não fique
entediado comigo fazendo isso indefinidamente, mas a repetição é boa, certo?
Tudo bem.
O último, o.
Vamos salvar.
Volte para o nosso servidor.
Vamos atualizar.
Tudo bem, vamos para casa.
Oh, parece um índice, esse HTML não está funcionando, então temos que corrigir isso também.
Temos o diretório raiz que está funcionando.
Eu clico em obras.
Hmm.
Parece que o sucesso não funcionou menos comigo.
Sobre mim está funcionando.
Então, perdemos algo e funciona.
Se voltarmos para.
Ah, e isso é porque temos uma obra e um e-mail da obra, então temos que nos certificar de que
incorporamos as obras ao invés da obra.
Não tenho certeza do que esta página faz, mas tenho certeza que faz parte dela.
Então, novamente, entrando em nosso HTML de trabalho.
Fazendo a mesma coisa que estamos fazendo, adicionando a estática.
Igual a.
E na parte inferior também para o arquivo JavaScript.
Vamos voltar, ir aos trabalhos e dar uma olhada nisso, todos os nossos trabalhos estão sendo exibidos, mas parece que
algumas das imagens não estão sendo exibidas.
Agora, você consegue adivinhar por que isso acontece?
Bem, se voltarmos para.
TML da arte.
E procuramos imagens.
Vemos que aqui temos que adicionar a estática também.
Portanto, novamente, irei adicioná-los às imagens e, apenas para tornar isso mais rápido, copiarei e
executarei o comando F ou o controle F para pesquisar todas as instâncias de imagens e garantir que adicionamos os ativos aqui.
Uma maneira fácil de fazer isso.
E é com isso que um ID pode ajudá-lo ou um editor de texto como o Sublime Text.
Posso selecionar tudo assim e fazer o controle de comando g.
E isso realmente seleciona todas as instâncias e agora tenho vários cursores, o que posso fazer agora é
apenas.
Adicione a estática em todas as instâncias, como você pode ver na parte inferior e na parte superior aqui também, para que eu não
precise me repetir.
Agora, vamos voltar, atualizar e olhar para isso, temos nossa exibição de projetos que é muito, muito legal.
E assim, agora temos nossos templates, ainda temos os componentes que precisamos consertar e o
contato.
Agora, os componentes de que realmente não precisamos, porque se você for para a visualização aqui, os componentes
são apenas um modelo de HMO que você pode simplesmente copiar e colar com base nos componentes de que precisa.
Mas, na verdade, não precisamos disso em nosso portfólio real.
A única outra de que precisamos é a página de contato, que é muito, muito importante
porque vamos usá-la para nosso servidor Python.
Então, vamos voltar aqui, vamos remover os componentes.
Ou, por enquanto, podemos apenas mantê-lo lá, mas no arquivo de índice.
Podemos descer todo o caminho.
E na seção da barra de navegação, você vê aqui como temos os componentes.
Podemos simplesmente remover isso assim.
Portanto, não o estamos usando.
Agora, uma coisa que você deve ter me visto fazer é copiar e colar o código para que agora tenhamos que fazer.
Outra rota que diz entre em contato e, em seguida, entre em contato novamente, mas isso somos nós repetindo o código com
base no que aprendemos, podemos melhorar isso?
Portanto, isso se torna mais dinâmico para que, talvez, quando adicionarmos um novo arquivo HTML a este perfil, não tenhamos que
simplesmente copiar e colar constantemente o mesmo código.
Experimente isso e no próximo vídeo, vou mostrar como podemos fazer isso.