Tutoriel Personnaliser les pages d'erreurs classiques (404, 403 etc.)

Statut
N'est pas ouverte pour d'autres réponses.

Rivals

Développeur
Inscription
27 Août 2016
Messages
913
Réactions
812
Points
6 204
    Réponse de Rivals Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #1
404.png

PERSONNALISER LES PAGES D'ERREURS CLASSIQUES (404, 403 etc.)


Nous allons voir aujourd'hui comment personnaliser toutes nos pages d'erreurs classiques facilement sans avoir des connaissances avancées en programmation. ;)

Informations concernant ce tutoriel

  • ▪ Temps de lecture : 15 minutes
    ▪ Difficulté : 2 / 5
    ▪ Tutoriel proposé par Rivals


- La page d'erreur 404 et les autres pages d'erreur ressemblent à ceci :

not-found.png

- Mais en suivant ce tutoriel vous pourrez opter pour de belles pages de ce style :

404-dayli.png

404-rg.png


Passons au tutoriel. :)



Pour personnaliser nos pages nous allons tout simplement utiliser le fichier .htaccess et lui indiquer une page que nous stockerons sur notre serveur FTP qui aura pour rôle d'être la page d'erreur.

CCM.net a dit:
Les fichiers .htaccess sont des fichiers de configuration d'Apache, permettant de définir des règles dans un répertoire et dans tous ses sous-répertoires (qui n'ont pas de tel fichier à l'intérieur). On peut les utiliser pour protéger un répertoire par mot de passe, ou pour changer le nom ou l'extension de la page index, ou encore pour interdire l'accès au répertoire.

▪ Tout d'abord si vous n'avez pas de fichier .htaccess présent sur votre serveur il va falloir en créer un, rien de plus simple : il suffit de créer un fichier .txt et de le renommer en .htaccess. Mais avant de le renommer nous allons y mettre des commandes (en l'occurrence celles-ci permettront à la page d'être utilisé comme page d'erreur).

Code:
ErrorDocument 404 /erreur404.html
Cette ligne de code permet d'associer la page "erreur404.html" à l'erreur 404 elle même. :nerd:

fichier.png
Vous n'avez donc plus qu'à dupliquer cette ligne pour toutes les autres erreurs que vous jugez utile de personnaliser.

Connectez-vous ou inscrivez-vous dès maintenant. pour voir le contenu de ce spoiler !

▪ Puis hébergez votre .htaccess sur votre serveur FTP, normalement le fichier devrait être caché, vous ne devriez plus le voir.

▪ La dernière étape sera de créer votre propre page "erreur404.html". :)

Un site a répertorier des pages d'erreur (404) de nombreux sites internet, je vous conseille de vous en inspirer. :p

Rivals
 
Dernière édition par un modérateur:
M

membre150711

    Réponse de membre150711 Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #2
J'ai vite fait feuilleté pour le moment, très bon tutorial et présentation Mr.Rivals RGPC. ;)
 

Dewsss

Contributeur
Inscription
20 Janvier 2014
Messages
2 545
Réactions
609
Points
8 026
    Réponse de Dewsss Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #3
Merci ca va m'etre utile
 

FuLiiX

Co-Fondateur de la RMK.
Contributeur
Inscription
31 Mars 2013
Messages
3 231
Réactions
733
Points
3 521
    Réponse de FuLiiX Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #4
Grace à toi, je vais m'amuser !
 

Djamel SEC

Ancien staff RG
Inscription
24 Août 2012
Messages
19 339
Réactions
9 748
Points
22 820
    Réponse de Djamel SEC Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #5
C'est assez fun à faire, puis c'est toujours plus jolie que celle de base. :D
 

Grégory

Développeur
Ancien staff RG
Inscription
14 Novembre 2011
Messages
2 759
Réactions
2 177
Points
15 608
    Réponse de Grégory Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #6
Tutoriel très bien présenter, je vais en faire un aussi sur les htaccess :D
 

Maxence ES

Guizou
Contributeur
Inscription
23 Janvier 2013
Messages
4 649
Réactions
2 943
Points
12 581
    Réponse de Maxence ES Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #7
Tutoriel très connu mais pratique et bien présenté.
Je connaissais cette technique depuis bien longtemps, le .htaccess permet aussi de mettre des mots de passe. :)
 

Lckd

Uniti Viceremu... FORZA BASTIA !
Contributeur
Inscription
16 Juillet 2012
Messages
2 489
Réactions
836
Points
4 786
    Réponse de Lckd Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #8
Très bon tuto merci <3
 

B3K

Ancien Staff
Ancien staff RG
Inscription
25 Novembre 2011
Messages
10 024
Réactions
3 610
Points
21 255
    Réponse de B3K Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #9
Pas bête du tout, c'est sympa pour ceux qui veulent approfondir leur sites ;)
 

Olivier Atton

Développeur Web
Contributeur
Inscription
28 Mai 2013
Messages
3 237
Réactions
1 306
Points
10 536
    Réponse de Olivier Atton Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #10
Utile le tuto mais celui de @Louki est plus clair :p
 
D

deleted34147

    Réponse de deleted34147 Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #11

Olivier Atton

Développeur Web
Contributeur
Inscription
28 Mai 2013
Messages
3 237
Réactions
1 306
Points
10 536
    Réponse de Olivier Atton Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #12
Logique, c'est une vidéo j'ai plus de facilité à vous montre que faire, Rivals à très bien fait ça :)
Je sais , Rivals la très bien releasez mais je prefere les tutoriel video ^^ :p
 

Assos Parisienne

Tu joue le gars stock mais t'es tout léger !
Contributeur
Inscription
27 Décembre 2013
Messages
3 765
Réactions
1 242
Points
9 626
    Réponse de Assos Parisienne Informatique ⌨️ Programmation Programmation web : Personnaliser les pages d'erreurs classiques (404, 403 etc.)
  • #13
Merci du tuto sa peut toujours servir :)
 
Statut
N'est pas ouverte pour d'autres réponses.

Haut Bas