BopbeeHelp Center
Guias práticos

Corrigir imagens e CSS em falta

Resolva caminhos de recursos incorretos em sites estáticos carregados.

O que vê

O site carrega mas faltam imagens, estilos ou fontes.

browser DevTools → Network
index.html200
css/style.css404
images/logo.png404
Procure erros 404 no separador Rede das ferramentas do browser.

Porquê

O caminho no HTML não corresponde à localização do ficheiro dentro do ZIP, ou o ficheiro não foi incluído no arquivo.

O que fazer

Correct ZIP structure

my-site.zip

├── index.html

├── css/style.css

└── images/logo.png

Extra folder layer (broken)

my-site.zip

└── my-site/

├── index.html

└── css/style.css

Faça corresponder os caminhos HTML à estrutura de pastas dentro do ZIP.

Abrir DevTools

Abra as ferramentas de programador do browser e vá ao separador Rede.

Encontrar 404

Recarregue a página e procure entradas 404 a vermelho.

Corrigir caminhos

Atualize os caminhos no HTML para corresponder à estrutura de pastas dentro do ZIP.

Voltar a carregar

Carregue o ZIP corrigido.

Exemplo: se o CSS está em css/style.css, ligue como ./css/style.css ou css/style.css, não /absolute/path/on/your-computer/style.css.

Relacionado

Nesta página