Napraw brakujące obrazy i CSS

Rozwiąż problemy ze ścieżkami zasobów na przesłanych statycznych stronach.

Co widzisz

Strona się ładuje, ale brakuje obrazów, stylów lub czcionek.

browser DevTools → Network

index.html200

css/style.css404

images/logo.png404

Szukaj błędów 404 na karcie Network w przeglądarce.

Ścieżka w HTML nie odpowiada lokalizacji pliku w ZIP lub plik nie został dołączony do archiwum.

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

Dopasuj ścieżki HTML do struktury folderów w ZIP.

Otwórz narzędzia deweloperskie przeglądarki i przejdź do karty Network.

Odśwież stronę i szukaj czerwonych wpisów 404.

Zaktualizuj ścieżki w HTML, aby odpowiadały strukturze folderów w ZIP.

Prześlij poprawiony ZIP.

Przykład: jeśli CSS jest w css/style.css, linkuj jako ./css/style.css lub css/style.css, nie /absolute/path/on/your-computer/style.css.