Atelier Développement Web Côté Serveur Dr.

Mouna BELHAJ

TP n°1 Premiers pas en PHP

I. Sites web statiques et dynamiques

Les sites statiques sont des sites réalisés uniquement à l’aide de HTML/CSS. Ils fonctionnent
très bien mais leur contenu ne change pas en fonction du client. Les sites statiques sont donc
bien adaptés pour réaliser des sites « vitrine».
1. Le client demande au serveur à voir une page Web (requête HTTP) ;
2. Le serveur lui répond en lui envoyant la page réclamée (réponse HTTP).

Les sites dynamiques : Leur contenu change en fonction du client. Des exemples ?
Ils utilisent d’autres langages tels que PHP pour générer du HTML et CSS.
La plupart des sites Web que vous visitez sont dynamiques.
3. le client demande au serveur de voir une page Web (requête HTTP) ;
4. le serveur crée la page spécialement pour le client (en suivant les instructions du PHP)
5. le serveur répond au client en lui envoyant la page qu’il vient de générer (réponse
HTTP).

1
Atelier Développement Web Côté Serveur Dr. Mouna BELHAJ

II. Le langage PHP (Hypertext Preprocessor)

1. Présentation
PHP est un langage de script qui s'inclut dans le langage HTML. Le but du langage PHP est de
permettre aux développeurs de sites web d'écrire rapidement des pages web dynamiques.
Ce qui distingue le PHP des langages de script comme le JavaScript est que le code est exécuté
sur le serveur et non par le navigateur. Dans le cas du PHP, le client ne reçoit que le résultat,
sans aucun moyen d'avoir accès au code qui a produit l’affichage.
2. Apport de PhP
La plus grande qualité du langage PHP est le support d'un grand nombre de bases de données ;
Réaliser une page web dynamique interfaçant une base de données devient extrêmement simple.
PHP en supporte un grand nombre dont : InterBase, MySQL, Oracle, PostgreSQL, Solid,
Sybase, etc.
3. Principe de fonctionnement
Un script PHP peut analyser les données soumises par un formulaire HTML, communiquer
avec des bases de données et effectuer des calculs complexes. L'exécution de tels scripts est très
rapide, car le code source du langage est directement compilé dans le serveur Web Apache.
Ainsi, les instructions PHP sont exécutées à l'intérieur même du serveur, sans aucune ressource
supplémentaire.

III. L’environnement WAMP

WAMP (acronyme de Windows Apache MySQL PHP) est une plate-forme de développement
Web pour Windows exploitant le serveur Web Apache, le langage de scripts PHP et le SGBD
relationnel MySQL.

2
Atelier Développement Web Côté Serveur Dr. Mouna BELHAJ

• Apache : Il est à l’écoute des requêtes émises par les navigateurs (qui demandent des
pages web). Il cherche la page demandée et la renvoie au client qu’il l’a réclamée.
• MySQL : Son rôle est de stocker les données, sous forme de tables, et de permettre la
manipulation de ces données à travers le langage de requête SQL.
• PhpMyAdmin : C’est une application écrite en PHP permettant la gestion, depuis un
navigateur, des bases de données MySQL. On peut donc manipuler des BDDs et des
tables, modifier et supprimer des champs d’une table, exécuter des requêtes SQL, etc.

1. Lancer WAMP server.

2. Découvrir le menu :
• « Redémarrer les services » permet d'effectuer un reset des services au cas où un
problème serait survenu.
• « Arrêter les services » bloque complètement Wampserver comme s'il n'était pas
lancé.
• « Démarrer les services » permet de lancer les services de Wampserver au cas
où ils seraient arrêtés.
• MySQL, PHP et Apache permettent d'accéder à la configuration précise de ces
services individuellement. On trouvera aussi les fichiers de logs et d'erreurs ainsi
que les modules qui ont été chargés.
• « Répertoire www » contient les sites. C'est ici qu'il faut mettre les fichiers pour
les tester avec Wampserver.
• « phpMyAdmin » est un ensemble de pages PHP qui permettent très facilement
de gérer les bases de données MySQL.
• « Localhost » est la racine du serveur. Il résume la configuration de Wampserver
et permet d'accéder aux projets
3. Consulter les paramètre php (PHP→ configuration php) :
• « upload_max_filesize » : La taille maximale en octets d’un fichier à charger.
• « post_max_size » : Définit la taille maximale des données reçues par la méthode
POST. Cette option affecte également les fichiers chargés. Pour charger de gros
fichiers, cette valeur doit être plus grande que la valeur de « upload_max_filesize
».
• Généralement, « memory_limit » doit être plus grand que « post_max_size ».
• « max_execution_time » : Fixe le temps maximal d’exécution d’un script, en
secondes. La configuration par défaut est de 30 secondes. Cette valeur augmente
en fonction de la performance du PC sur lequel WampServer est installé.
4. Visiter le Localhost.

3
Atelier Développement Web Côté Serveur Dr. Mouna BELHAJ

5. Vérifier la partie « Vos projets ».

6. Consulter le répertoire « www » (C:\wamp\www).
7. Créer un dossier « DSI2G… » dans le dossier « C:\wamp\www\ ».
8. Utiliser un éditeur de textes pour créer la page web « page1.html » qui contient le texte
« Bienvenue ».
9. Ouvrir le menu « Localhost » et regarder la section « Vos Projets ».
10. Taper l’adresse suivante dans le navigateur « http://localhost/ DSI2G…»
11. Arrêter le service apache
12. Lancer la page « http://localhost/ DSI2G…/page1.html ». Que se passe-t-il ?
13. Créer votre premier fichier PHP : « page2.php » contenant votre nom et prénom.

Remarques :

• La fonction PHP « echo » permet d’afficher un texte donné.

• Un script PHP doit être enregistré avec l’extension « .php »
• Un script PHP peut contenir du code HTML, CSS et JavaScript.
14. Créer le document PHP « page3.php » ayant le contenu HTML et PHP permettant
d’avoir le titre « Mon premier php » et d’afficher le message « Bonjour » dans la page.

15. Ajouter les balises permettant de centrer le mot « Bonjour » de l’agrandir (niveau
« h1 ») et de lui affecter une couleur et un type de police.

16. Modifier la page de telle sorte à avoir le style dans une page « style.css » séparée.