C20.3 : Le web côté serveur

Prendre connaissance

Client et serveur

Les protocoles HTTP et HTTPS

Pages statiques sur un serveur

A faire : Suivre les informations du professeur

Page dynamique simple

A faire

Copier et coller le code ci-dessous dans un fichier nommé page1.php

<!doctype html>
<html>
<head>
    <title>Exemple</title>
</head>
<body>
    <h1>Bienvenue sur mon site</h1>
    <?php
        $heure = date("H:i");
        echo '<p>Il est '.$heure.'</p>';
    ?>
</body>
</html>

Tranférer ce fichier sur le serveur dans votre dossier.

Dans le navigateur :

Pages dynamiques avec transfert de données

A faire

Copier et coller le code ci-dessous dans un fichier nommé index.htm

<!doctype html>
<html lang="fr">
	<head>
		<meta charset="utf-8">
		<title>Le formulaire</title>
	</head>
	<body>
		<form action="reponse.php" method="post">
		    <label>Nom</label> : <input type="text" name="nom" />
			<label>Prénom</label> : <input type="text" name="prenom" />
			<input type="submit" value="Envoyer" />
		</form>
	</body>
</html>

Copier et coller le code ci-dessous dans un fichier nommé reponse.php.

<!DOCTYPE html>
<html>
<head>
    <title>Exemple</title>
    <?php
        $n=$_POST['nom'];
        $p=$_POST['prenom'];
    ?>
</head>
<body>
    <p>Bonjour <?php echo $p ?>, <?php echo $n ?>, comment allez-vous ?</p>

</body>
</html>

Transférez ces deux fichiers sur le serveur, dans votre dossier.

Dans le navigateur :

A faire

Reprendre les deux fichiers précédents en changeant post par get. Observer l'URL du fichier obtenu.

Question

Quand utilisera-t-on préférentiellement la méthode GET ? La méthode POST ?

Application

Créer un ensemble de deux pages. La première doit contenir un formulaire qui permet à l'utilisateur de choisir une couleur. La deuxième doit s'afficher en réponse au formulaire et avoir une couleur de fond correspondant à celle demandée (on choisira la méthode Get ou Post la plus adaptée).