docPage web avec mot de passe
download 
Plainte Transcription
Page web avec mot de passe
Page web avec mot de passe
Tutoriel pour la création d'une page qui s'ouvre avec un mot de passe
Pour créer une page web protéger par un mot de passe il faut :
1. Une page nommé mot de passe.html
2. Une page nommé valide.html
3. Une page nommé invalide.html
4. Une page nommé mot de passe.php
Ceci n'est qu'un exemple, il y a différente façon de faire, ce tuto vous apprendra
le principe pour créer une page web protéger par un mot de passe avec le logiciel
xtrème web designer 5.
1. Page mot de passe.html
Dessiner un rectangle.
●Clic droit pour ouvrir le menu contextuel
●Choisir propriété web
●Dans la fenêtre option internet et sous l'onglet
emplacement d'objet.
●Coller le code html dans le rectangle prévu à cet effet.
●
Le code à coller dans remplacer par un code html
Code html :
<form action="mot de passe.php" method="post">
<p>
<input type="password" name="mot_de_passe" />
<input type="submit" value="Envoyer" />
</p>
</form>
Un aperçu de ce que donne le code html
2. Page valide.html
La page que vous voulez voir apparaître quand le bon mot de passe est taper
3. Page invalide.html
La page qui s'affiche si le bon mot de passe n'est pas entrez
4. Page mot de passe.php
Pour avoir une page avec l'extension .php
Il faut un programme qui s 'appelle Notpad++
Il est gratuit et en français
À télécharger içi
Notepad++
Une fois le logiciel installé
Dans le menu fichier allez dans nouveau
Un nouveau fichier est ouvert
Dans le menu fichier enregistrer sous
Donnez le nom mot de passe
Dans type dans le menu déroulant choisir PHP Hypertext
Enregistrer
Attention enregistrer bien votre fichier dans le répertoire index htm files
Pour qu'il puisse être aussi envoyer sur le serveur lors de la publication
de votre site.
Code à copier et coller dans la page mot de passe.php
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0020)http://www.xara.com/ -->
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
<head>
<title>mot de passe</title>
<meta http-equiv="Content-Type" content="text/html; charset=Windows-1252"/>
</head>
<body>
<?php
// Si le mot de passe est bon
if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe'] == "kangourou")
{
// On affiche la page valide
header("Location: valide.htm");
exit();
}
else
{
// Sinon, on affiche la page invalide
header("Location: invalide.htm");
exit();
}
?>
</body>
Un fois le code coller sur la page php allez dans le menu language et
choisissez php, ensuite apporter quelques modification dans ce code.
Décortiquons quelques partie du code :
<?php
// Si le mot de passe est bon
if (isset($_POST['mot_de_passe']) AND $_POST['mot_de_passe']
== "kangourou")
{
''kangourou'' est le mot de passe à entrer, remplacer par votre mot de passe.
Un mot de passe doit être composé de majuscules de minuscules et de chiffres,
pour avoir plus de sécurité.
La page qui s'ouvre est appelée valide.html
// On affiche la page valide
header("Location: valide.htm");
exit();
C'est içi que vous changerez le nom de la page qui doit s'ouvrir quand le bon
mot de passe est entré.
La page qui s'ouvre lorsque le mot de passe n'est pas bon s'apelle invalide.htm
// Sinon, on affiche la page invalide
header("Location: invalide.htm");
exit();
Vous remplacerez le nom de la page invalide par votre nom de la page que vous
aurez défini.
Voilà c'est fini vous n'avez plus qu'à publié et essayer.
Résumer :
Il faut créer 4 pages
3 pages en html, qui sont créer avec Xtreme Web Designer.
1 page créer en php, à l'aide du programme notepad++
Mot de passe.html
valide.html
invalide.html
Mot de passe.php
