Médiaforma

All posts tagged page web

Ecrivez le code nécessaire pour accéder à une page Web protégée par un mot de passe. Pour cela :

  1. Vous définirez une page contenant un formulaire dans lequel sera saisi le mot de passe.
  2. Vous passerez le mot de passe à la page protégée. Si le mot de passe est “champion”, vous afficherez la page. Dans le cas contraire, vous afficherez un message indiquant que le mot de passe n’est pas le bon.

Solution

Mettez la vidéo sur pause et écrivez les deux pages demandées. Reprenez la lecture de la vidéo pour prendre connaissance de la solution du problème.

Voici la page dans laquelle est saisi le mot de passe :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Formulaire d'accès à la page protégée</title>
  </head>
  <body>
    <form name="MonFormulaire" method="post" action="page-protegee.php">
      <table><tr><td><label>Entrez le mot de passe</label></td>
      <td><input type="password" name="mdp"></td></tr>
      <tr><td></td><td><input type="submit" name="Nom" value="Envoyer"></td>
      </table>
    </form>
  </body>
</html>

Ce formulaire est traditionnel. Les informations affichées sont mises en forme par l’intermédiaire d’un tableau. Le champ de saisie du mot de passe est un input de type password. Un clic sur le bouton Envoyer provoque l’exécution de la page protegee.php.

Et voici le code de la page protégée par le mot de passe :

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <title>Formulaire d'accès à la page protégée</title>
  </head>
  <body>
    <?php
      if(isset($_POST["mdp"]))
        if ($_POST["mdp"] == "champion")
        echo "Vous avez accès au contenu protégé de cette page.";
        else
          echo "Le mot de passe entré n'est pas le bon. Réessayez...";
    ?>
  </body>
</html>

Si le mot de passe envoyé par le formulaire est champion, le message “Vous avez accès au contenu protégé de cette page.” Est affiché. Dans le cas contraire, le message ” Le mot de passe entré n’est pas le bon. Réessayez…” est affiché.

Exécutons ce code dans WAMP Server. Nous entrons le mot de passe champion et nous cliquons sur le bouton Envoyer. Le bon mot de passe a bien été transmis.

Revenons à la page précédente en cliquant sur le bouton Précédent du navigateur. Cette fois-ci, nous entrons un mot de passe différent de champion. Un clic sur le bouton Envoyer et un message indiquant que le mot de passe n’est pas le bon est affiché.

 


Word 2013 est en mesure de créer des pages Web directement exploitables sur votre site Web ou sur l’intranet de votre entreprise.

A l’aide de l’Explorateur de fichiers, créez un nouveau dossier et copiez-y tous les objets (images, vidéos, illustrations, etc.) que vous allez utiliser dans la page Web.

Définissez un nouveau document Word. Si vous le souhaitez, insérez un arrière-plan avec l’icône Couleur de page du groupe Arrière-plan de page, sous l’onglet CRÉATION du ruban. Définissez un ou plusieurs liens hypertexte en utilisant l’icône Lien hypertexte du groupe Liens, sous l’onglet INSERTION du ruban.

Maintenant, il ne vous reste plus qu’à enregistrer le document en tant que page Web. Basculez sur l’onglet FICHIER dans le ruban, cliquez sur Enregistrer sous, sur Ordinateur, puis sur Parcourir. Sélectionnez Page Web dans la liste déroulante Type, donnez un nom à la page et cliquez sur Enregistrer.

Cette page peut être affichée dans un navigateur Web en double-cliquant sur son icône dans l’Explorateur de fichiers. Vous pouvez également la stocker sur un serveur Web ou y accéder via l’intranet de votre entreprise.