Les langages de programmation du Web

Précédent Sommaire 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 Suivant

7. Quelle est la différence entre une page Web statique et une page Web dynamique ?

Page Web statique

Une page Web statique possède l'extension .htm ou .html
C'est un fichier texte écrit en langage HTML.

Par exemple, la page bonjour.html (écrite en HTML5) affiche "Bonjour !" :

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Une page Web en HTML5</title>
    </head>

    <body>
        <h1>Une page Web en HTML5</h1>
        <p>Bonjour !</p>
    </body>
</html>

Voir

Avec un éditeur de texte (Notepad++) créez le fichier bonjour.html et enregistrez-le dans le répertoire c:/wamp/www/isn

Puis tapez l'URL http://localhost/isn/bonjour.html dans un navigateur pour voir le résultat :

wampserver

Cela ne marche pas ?
Cela veut dire que vous n'avez pas démarré votre serveur Web ! (Start WampServer).

Page Web dynamique

Une page Web dynamique est une page HTML fabriquée à partir d'un langage de programmation.

php Une page Web dynamique en PHP

Un script PHP est un fichier texte avec l'extension .php

Voici un exemple de script PHP (bonjour.php) qui affiche "Bonjour !", la date et l'heure courante :

<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Une page Web en PHP</title>
    </head>

    <body>
        <h1>Une page Web en PHP</h1>
        <p>Bonjour !</p>
        <?php
            date_default_timezone_set("Europe/Paris"); // fuseau horaire
            print "<p>Date ".date("d/m/Y")."</p>";
            print "<p>Heure courante ".date("H:i:s")."</p>";
        ?>
    </body>
</html>

Le code PHP doit être inséré entre les balises <?php et ?>
date() est une fonction de formatage de la date et de l'heure.
L'opérateur . réalise une concaténation de chaînes de caractères.

Voir

Créez et placez le fichier bonjour.php dans le répertoire c:/wamp/www/isn

Dans un navigateur, tapez l'adresse http://localhost/isn/bonjour.php

wampserver

Question 1
Visualisez le code source de la page Web (dans le navigateur Firefox : Menu → Développement → Code source de la page).
Commentaire ?

python Une page Web dynamique avec un script CGI en Python

Avec l'interface CGI (Common Gateway Interface), nous avons une autre technique pour créer des pages Web dynamiques :
au lieu d'envoyer le contenu d'un fichier (page HTML, image...), un serveur Web utilisant une interface CGI exécute un programme (ici Python 2.7) puis retourne le contenu généré, comme s'il s'agissait d'un contenu de fichier.

Voici un exemple de script CGI écrit en langage Python (bonjour.py) qui affiche "Bonjour !" et l'heure courante.

Localisation c:/wamp/bin/apache/apache2.2.22/cgi-bin/bonjour.py

URL http://localhost/cgi-bin/bonjour.py

#! c:/Python27/python.exe
# -*- coding: utf-8 -*-

print "Content-Type: text/html\n"

import time

print """<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>Une page Web</title>
    </head>

    <body>
        <h1>Une page Web en CGI-Python</h1>
        <p>Bonjour !</p>"""

print "<p>Date " time.strftime("%d/%m/%Y") + "</p>"
print "<p>Heure courante " time.strftime("%H:%M:%S") + "</p>"

print """</body>
</html>"""

wampserver

Remarques

Il faut que Python 2.7 soit installé sur votre machine serveur !

La première ligne du script est indispensable car elle indique au serveur Web où se trouve l'application Python :

#! c:/Python27/python.exe

La première sortie doit impérativement être :

print "Content-Type: text/html\n"

Cela définit le type de contenu (on parle aussi de type MIME) : ici text/html, autrement dit une page HTML.

N.B. On peut écrire un script CGI dans n'importe quels langages (souvent Perl, C...)

QCM sur le langage PHP

La syntaxe du langage PHP est très proche de celle du langage C.
En PHP, le nom des variables commence par le signe dollar $. Le nom est sensible à la casse.

Exercices

Exercice 1 Date et heure en langage PHP

A partir du script bonjour.php :

1) Créer un script bonjour_11.php qui affiche la date et l'heure courante de Sao Paulo (Brésil).
Bibliographie : Fonction date_default_timezone_set()

2) Créer un script bonjour_12.php qui affiche la date courante au format AAAA-MM-JJ (par exemple : 2017-10-24).
Bibliographie : Fonctions date/heure

3) Créer un script bonjour_13.php qui affiche la date courante et le nom du jour (par exemple : mardi 24/10/2017).
On utilisera la fonction date("w")

4) Créer un script bonjour_14.php qui indique si l'année courante est bissextile ou non (par exemple : 2017 n'est pas une année bissextile).

5) Créer un script bonjour_15.php qui indique le nombre de jour avant la fin de l'année (par exemple : J - 69).
On utilisera la fonction date("z")

Notes