Nous allons concevoir un site web dynamique à l'aide de PHP, MySQl. Un site web dynamique permet d'ajouter des fonctionnalités, de donner de l'interactivité avec les visiteurs tel qu'un forum, un espace membre, des actualités ...
Pour concevoir un site dynamique, vous devez avoir au préalable un minimum de base en HTML et CSS.

Dans ce chapitre, nous allons :
- installer MAMP qui est un environnement de serveur local gratuit
- créer notre première page en PHP

Pour créer notre site nous allons installer MAMP sur notre ordinateur afin de disposer d'Apache, PHP et MySQL. Vous pouvez opter pour MAMP ou WAMP à votre choix.
MAMP va vous permettre de créer et de tester votre site sans avoir besoin d'un hébergeur.

Téléchargez MAMP ici. Lors du téléchargement, on vous proposera MAMP PRO qui est une version payante et qui vous ne sera pas utile pour débuter, inutile donc de le sélectionner.

Une fois installé, ouvrez sur votre ordinateur le répertoire htdocs de MAMP : C/MAMP/htdocs.

Créez un dossier que vous nommerez website ( vous choisissez le nom que vous souhaitez).
Ce dossier contiendra votre site web.

Cliquez maintenant sur l'icone de MAMP qui a du s'installer sur votre bureau.
Des petites diodes vertes vont s'allumer à l'ouverture d'Apache et MySQL (si MySQL ne se met pas en route, cliquez sur Stop Servers et puis de nouveau cliquez sur Start Servers pour redémarrer MySQL).
Autorisez également l'accès qui pourrait être bloqué par un pare-feu.

mamp

Nous allons maintenant apprendre les bases de PHP et concevoir nos premières pages avec MAMP.

Tutoriaux PHP débutant : echo - print - point virgule - commentaires

Le code PHP se place toujours entre les balises :

<? et ?>

Ce sont les plus simples, mais vous auriez pu écrire également:

<?php
?>

ou encore:

<script language="php">
</script>


Echo - Print

Ouvrez votre éditeur de texte (sublim Text, notepad++, Dreamweaver .... à votre choix).
Créez votre première page en écrivant ces lignes (surtout pas de copier-coller) dans le code source de votre éditeur de texte.

<html>
<head>
</head>
<body>
<?
echo "Bienvenue sur ma page en PHP"
?>
</body>
</html>

Enregistrez votre page dans votre dossier website de MAMP et nommez-là index.php.
Retournez sur MAMP et cliquez sur Open Webstart page.
La page d'accueil de MAMP devrait s'ouvrir dans votre navigateur sous l'url :
http://localhost:8080/MAMP/

Si vous rencontrez une erreur à l'ouverture de cette page, changez de port. Dans le panneau de MAMP, allez dans MAMP > préférences
puis Port.
Port MAMP

Nous allons donc maintenant accéder directement à notre page en spécifiant le dossier où se trouve notre page
index.php.
Lancez l'url dans votre navigateur :
http://localhost:8081/website/index.php
Vous devriez donc voir apparaitre votre texte.

Vous pouvez tester à nouveau en modifiant votre texte.

PHP est un langage de programmation composé d'instructions.

Nous avons donc vu ici l'instruction echo qui vous permet d'afficher du texte.
Vous pouvez à votre choix utiliser echo ou print .
Votre texte doit être écrit entre des guillemets echo "votre texte".

Ceci reste très simple et il n'y avait besoin de PHP pour écrire ces lignes.
L'intérêt réside dans l'écriture du code où la moindre erreur vous sera fatale.
Il vous faut donc l'apprendre avec beaucoup d'attention.

Le point virgule

A la fin de chaque instruction, on place un point-virgule :
Écrivez entre <body> et </body> :

<?
echo "Ma page PHP" ;
echo "<BR>";
echo " je continue " ;
?>

Si vous oubliez le point-virgule, un message d'erreur apparaîtra.
Le point-virgule est un séparateur d'instruction.

Les commentaires

Votre code peut parfois être très long et afin de pouvoir le relire ultérieurement, il est utile d'ajouter
des commentaires (qui ne seront pas visibles sur votre page).
Les commentaires peuvent s'écrire entre :
/* votre commentaire*/
ou encore (pour afficher votre commentaire sur une seule ligne) :
// votre commentaire
Testez:

<?
echo "ma page php"; //j'affiche du texte
?>

Vous pouvez voir que votre commentaire n'est pas visible sur votre page.

 

⇒ Chapitre suivant
PHP - les variables - formulaires

Retour haut de page