Cum se faci o pagină de eroare 404 personalizată pentru site-ul tau web

De curand am avut ceva completari la site-ul personal si vreau sa va arat in acest articol cum sa face o pagina custom de eroare 404 pentru un site fara panou de administrare.

Primul pas este crearea pagini in html cu numele: not-found-page.html. In interiorul ei trebuie adaugat codul minim de html pentru o pagina ca ea sa afiseze o eventuala eroare de link indisponibil.

<!doctype html>

<html lang="ro">
<head>
  <meta charset="utf-8">

  <title>404</title>
  <meta name="description" content="The HTML5 404">
  <meta name="author" content="Site">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

</head>

<body>
<h1>404</h1>
</body>
</html>

Evident pagina trebuie un pic completata cu css care este folosit in site cu un link aferet catre el.

Al doile pas este introducerea un mic cod in fisierul .htaccess pentru a redirectiona orice link care nu este bun catre pagina noastra.

ErrorDocument 404 /not-found-page.html

 

Faci un comentariu sau dai un răspuns?

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

Alte articole din aceiasi categorie

Salut și bine ai venit pe acest blog!

Eu sunt Bucur si acesta este blogul meu in care vei gasi articole in majoritatea lor despre Programare web Front-end si un pic de back-end.

Iată cum mă poți contacta:

Ai o intrebare? nu ezita sa ma contactezi.

Vei primi un raspuns in cel mai scurt timp posibil.

    Numele tau (necesar)

    Email (necesar)

    Subiect

    Mesaj

    Prin utilizarea acestui formular sunteți de acord cu stocarea și manipularea datelor dvs. pe acest site web.

    Daca vrei Front-end in general recomand:
    https://www.udemy.com/course/the-complete-web-developer-zero-to-mastery/
    https://www.udemy.com/course/advanced-javascript-concepts/
    https://www.udemy.com/course/complete-react-developer-zero-to-mastery/
    Daca vrei doar Javascript recomand:
    https://www.udemy.com/course/the-complete-javascript-course/
    https://www.udemy.com/course/advanced-javascript-concepts/