[Plan du site] Vous êtes ici --- > Le Site du Zér0 > Les tutoriels > Officiels > Site Web > Lecture du tutoriel

Premiers pas avec PHP

	Auteur : M@teo21 Créé : le 24/07/2005 23:58:36 Modifié : le 03/07/2008 11:03:18 Noter et commenter ce tutoriel Imprimer ce tutoriel

Comme le titre du chapitre l'indique, c'est maintenant que vous allez faire vos premiers pas en PHP.

Vous allez découvrir vos premières instructions et la joie des scripts qui font planter votre ordi...
Bah quoi partez pas ?!

Vous allez voir, je ne vais pas vous faire faire des trucs compliqués, juste les bases de la programmation PHP.

C'est partiii !

Sommaire du chapitre :

Les balises PHP
Afficher du texte
Les commentaires
Q.C.M.

Les balises PHP

A partir d'ici on va commencer à rentrer dans le code source de vos pages web. Vous êtes censés connaître le langage (x)HTML, comme je vous l'ai demandé dans le premier chapitre. Pour rappel, si jamais vous avez besoin de vous rafraîchir la mémoire, le cours de (x)HTML est disponible ici.

Pour éditer le code d'une page web, vous avez plusieurs solutions :

Utiliser un éditeur de texte tout simple que vous avez déjà, comme Bloc-Notes. Pour l'ouvrir, faites Démarrer / Programmes / Accessoires / Bloc-notes. Ce logiciel suffit normalement à faire du PHP mais..
Le mieux reste d'utiliser un logiciel spécialisé qui colore votre code (très pratique) et qui numérote vos lignes (très pratique aussi). Malheureusement, ce genre de logiciels est généralement en anglais, payant et pas très facile à utiliser.J'ai fait de nombreuses recherches pour vous trouver un éditeur sympa, français, gratuit et facile à utiliser, et j'ai fini par trouver. Ce logiciel s'appelle Notepad++, il est petit, rapide à télécharger. N'hésitez pas à l'essayer :

Page de téléchargement de Notepad++
Prenez la version avec installeur (.exe) et non le .zip

Si vous êtes sous Mac, je peux vous recommander l'éditeur Smultron.
Sous Linux, les bons éditeurs ne manquent pas. Vous avez déjà sûrement vim ou emacs installé !

Quel que soit le logiciel que vous utilisez, rassurez-vous, ça ne change pas du tout la manière dont vous allez apprendre le PHP : les manipulations seront exactement les mêmes pour tout le monde.

On va commencer par créer une page HTML toute simple, car je vous l'ai dit le PHP a toujours besoin du HTML.Le code ci-dessous ne contient que du HTML, recopiez-le dans l'éditeur de texte que vous avez choisi (Bloc-notes ou Notepad++) :

Code : HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Ceci est une page (x)HTML de test</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
        .bleu
        {
            color:blue;
        }
        .rouge
        {
            color:red;
        }
        .vert
        {
            color:green;
        }
        </style>
    </head>
    <body>
        <h2>Page de test</h2>
        
        <p>
            Cette page contient <strong>uniquement</strong> du code (X)HTML.<br />
            Voici quelques petits tests :
        </p>
        
        <ul>
        <li class="bleu">Texte en bleu</li>
        <li class="rouge">Texte en rouge</li>
        <li class="vert">Texte en vert</li>
        </ul>
    </body>
</html>

Ce code doit vous sembler familier vu que vous connaissez le HTML.
Je vais vous montrer la procédure à suivre selon que vous utilisez Bloc-notes ou Notepad++...

Avec Bloc-Notes

Si vous le recopiez dans bloc-notes, vous devriez voir ceci :

Pour enregistrer la page HTML, vous devrez faire Fichier / Enregistrer. Dans la fenêtre qui s'ouvre, tapez le nom de votre fichier entre guillemets. Par exemple : "test.html". Vous devriez donc avoir ceci sous les yeux :

Avec Notepad++

Si vous utilisez Notepad++, vous devrez d'abord aller dans le menu "Langage" et sélectionner PHP.

Vous verrez que cela colore le code PHP mais aussi le code HTML.
Vous devriez donc voir votre code coloré comme ceci :

Pour enregistrer, vous allez dans le menu "Fichier / Enregistrer". Vous sélectionnez en bas de la fenêtre qui vient de s'ouvrir : "Type : HTML File (*.html)", puis vous tapez le nom du fichier que vous voulez créer (par exemple "test") :

Revenons à nos moutons

Bon reprenons. Nous allons voir ce qu'il se passe avec le code source HTML que je vous ai donné.
Pratiquement à chaque fois qu'il y a un code source, je vous proposerai de le tester pour voir ce que ça affiche.Cliquez sur le bouton "Essayer !" ce que donne ce code.

Essayer !

Bien, jusque-là je ne vous surprends pas trop, tout ça vous savez le faire

Vous savez donc que le code source d'une page HTML est constitué de "balises", aussi appelées "tags". Par exemple <ul> est une balise.

Si je vous parle de cela, ce n'est pas par hasard. C'est que pour utiliser du PHP, on va devoir introduire une nouvelle balise... celle-ci est un peu spéciale. Elle commence par <?php et se termine par ?>. C'est dedans que l'on mettra du code PHP, ce que je vais vous apprendre tout au long de ce cours.

Code : PHP

1 2	<?php // Le code PHP se met ici ?>

Une chose importante : en général, le code PHP tient sur plusieurs lignes. On peut sans problème agrandir la taille de la balise sur plusieurs lignes. Par exemple, on peut faire ceci :

Code : PHP

<?php // Code PHP ligne 1
// Code PHP ligne 2
// Code PHP ligne 3
// Code PHP ligne 4
?>

Tout ce qu'il faut retenir pour mettre du code PHP, c'est cette balise <?php ?>

Il existe d'autres balises pour utiliser du PHP, par exemple <? ?>, <% %>, etc... Ne soyez donc pas étonnés si vous en voyez.

<?php ?> est la forme la plus correcte, vous apprendrez donc à vous servir de cette balise

On place le PHP au beau milieu du reste du code HTML. Par exemple :

Code : PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Ceci est une page de test avec des balises PHP</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
        <style type="text/css">
        .bleu
        {
            color:blue;
        }
        .rouge
        {
            color:red;
        }
        .vert
        {
            color:green;
        }
        </style>
    </head>
    <body>
        <h2>Page de test</h2>
        
        <p>
            Cette page contient du code (x)HTML avec des balises PHP.<br />
            <?php // Ici on mettra du code PHP
            ?>
            Voici quelques petits tests :
        </p>
        
        <ul>
        <li class="bleu">Texte en bleu</li>
        <li class="rouge">Texte en rouge</li>
        <li class="vert">Texte en vert</li>
        </ul>
        
        <?php // Encore du PHP
        // Toujours du PHP
        ?>
    </body>
</html>

Bien entendu cette page ne fonctionne pas vu que nous n'avons pas encore mis de code PHP.Tout ce qu'il vous faut retenir ici, c'est que dès que vous voulez mettre du code PHP, hop, vous ouvrez une balise PHP : <?php ?>

Afficher du texte

Bon tout ça c'est bien beau, mais il va falloir commencer à mettre du code PHP non ?
Grande nouvelle : c'est maintenant que vous allez apprendre votre première instruction en PHP

Bon ne vous attendez pas à quelque chose d'extraordinaire, votre PC ne va pas se mettre à danser la samba tout seul

La fonction que je vais vous apprendre permet d'afficher du texte. Je vais vous faire manipuler d'abord pour que vous voyez ce que ça donne, puis je vous expliquerai en détail comment ça marche.

Ouvrez Bloc-Notes ou Notepad++, et recopiez-y le code ci-dessous :

Code : PHP

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
    <head>
        <title>Notre première instruction : echo</title>
        <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    </head>
    <body>
        <h2>Affichage de texte avec PHP</h2>
        
        <p>
            Cette ligne a été écrite entièrement en (x)HTML.<br />
            <?php echo "Celle-ci a été écrite entièrement en PHP."; ?>
        </p>
    </body>
</html>

Enregistrez la page avec l'extension .php, par exemple "affichertexte.php", dans le dossier "tests" que je vous ai fait créer.

Si vous utilisez Bloc-notes, n'oubliez pas d'entourer le nom de votre fichier de guillemets. Par exemple : "affichertexte.php". Si vous oubliez les guillemets, ça va créer un fichier affichertexte.php.txt et ça ne marchera pas !
Si vous utilisez Notepad++, sélectionnez "PHP File (*.php)" dans la fenêtre pour enregistrer.

Pour tester votre page PHP : démarrez WAMP si ce n'est déjà fait. Allez dans le menu "Localhost", la page d'accueil s'ouvre. Là, si vous avez bien créé le dossier "tests" dans le répertoire www comme indiqué au chapitre précédent, vous devriez voir un lien vers le dossier "tests". Cliquez dessus.

Une page web s'ouvre indiquant tous les fichiers qui se trouvent dans le dossier "tests". Vous devriez avoir le fichier "affichertexte.php". Cliquez dessus : votre ordinateur génère alors le code PHP puis ouvre la page. Vous avez le résultat devant vos yeux

Cliquez sur le lien "Essayer !" : vous devriez avoir la même chose.

Essayer !

Alors que voyez-vous ?
Je pense que vous êtes étonnés et surpris de ce que je vous ai fait faire : ça a l'air d'être inutile, et ce n'est pas tout à fait faux. Le code PHP a "écrit" une ligne à l'écran, tout simplement.

Mais euh c'est pas plus simple de l'écrire en HTML ?

Mais vous verrez bientôt l'intérêt de cette fonction. Pour le moment, on constate juste que ça écrit du texte.

Bon, comment ça marche ce truc ?

Reprenons la ligne qui nous intéresse, celle qui est en PHP :

<?php echo "Celle-ci a été écrite entièrement en PHP."; ?>

Comme vous le voyez, le code PHP est dans la balise <?php ?>
Ce qui nous intéresse est à l'intérieur, il s'agit de :

echo "Celle-ci a été écrite entièrement en PHP.";

"echo", c'est l'instruction, le mot qui donne un ordre à l'ordinateur. Ici, l'ordre est "Afficher le texte".
Ensuite, entre guillemets, il y a le texte à afficher. On met toujours le texte entre guillemets, ça permet à l'ordinateur de repérer ce qu'on lui demande d'afficher.
Enfin, la ligne finit par un point-virgule ;. Ce signe doit être placé à la fin de chaque instruction. A chaque fois que vous écrirez une instruction en PHP, vous devrez écrire un ; à la fin. Cela permet d'indiquer à l'ordinateur que c'est la fin de l'instruction.

Il ne faut jamais oublier le point-virgule. Si jamais ça arrive, vous aurez le message d'erreur : "Parse Error"
Notez que ça plante uniquement si votre code PHP fait plus d'une ligne (ça sera tout le temps le cas). Donc prenez l'habitude de toujours mettre un ";" à la fin des instructions.

Si on traduit ce code en français, ça donnerait : Afficher le texte : "Celle-ci a été écrite entièrement en PHP." (Fin d'instruction)

On a aussi le droit de demander d'afficher des balises. Par exemple le code suivant fonctionne :

Code : PHP

1	<?php echo "Celle-ci a été écrite <strong>uniquement</strong> en PHP."; ?>

"uniquement" sera affiché en gras grâce à la présence des balises <strong> et </strong>

Comment faire pour afficher un guillemet ?

Bonne question. Si vous mettez un guillemet, ça veut dire pour l'ordinateur que le texte à afficher s'arrête là. Ca va donc faire planter votre beau code

La solution consiste à faire précéder le guillemet d'un backslash \ :

Code : PHP

1	<?php echo "Celle-ci a été écrite \"uniquement\" en PHP."; ?>

Je vous ai à peu près tout dit sur la fonction echo. A vous de vous amuser à écrire n'importe quoi (bon ok c'est pas super drôle comme jeu

).
Essayez par exemple de mettre 2 ou 3 instructions echo à la suite (une par ligne). Pour que chacune s'inscrive sur une ligne différente, pensez à mettre une balise <br /> à chaque fois !
Par exemple, vous pouvez faire : <?php echo "Celle-ci a été écrite \"uniquement\" en PHP.<br />"; ?> (je vous rappelle qu'il est possible de mettre des balises HTML dans une instruction echo)

Notez qu'il existe une instruction identique appelée "print", qui fait exactement la même chose.
Alors laquelle utiliser ? C'est une question de goût, moi j'utilise echo, donc je vous apprendrai à utiliser echo

Les commentaires

Bon, mine de rien je viens de vous apprendre pas mal de choses d'un coup, ça doit vous faire un choc

D'accord ce n'était pas extraordinaire, mais vous allez pas tarder à comprendre toute la subtilité de la chose.

Avant de terminer ce chapitre, je tiens à vous parler de quelque chose qui à mes yeux a une très grande importance en PHP, comme dans tout langage de programmation : les commentaires.

Un commentaire est un texte que vous mettez pour vous dans le code PHP. Ce texte est ignoré, c'est-à-dire qu'il disparaît complètement lors de la génération de la page. Il n'y a que vous qui voyez ce texte.

Mais alors à quoi sert un commentaire ?

C'est pour vous. Cela permet de vous y retrouver dans votre code PHP, parce que si vous n'y touchez pas pendant des semaines et que vous y revenez, vous risquez d'être un peu perdu.
Vous pouvez écrire tout et n'importe quoi, le tout est de s'en servir à bon escient.

Pour indiquer que vous écrivez un commentaire, vous devez taper 2 slash : //. Tapez ensuite votre commentaire.
Un exemple ?

Code : PHP

<?php
echo "J'habite en Chine.<br />"; // cette ligne indique où j'habite


// la ligne suivante indique mon âge
echo "J'ai 92 ans.";
?>

Je vous ai mis 2 type de commentaires (ils sont écrits en violet normalement) :

Le premier est à la fin d'une ligne.
Le second est sur toute une ligne

A vous de voir où vous placez vos commentaires : si vous commentez une ligne précise, mieux vaut mettre le commentaire à la fin de cette ligne. Si vous commentez plusieurs lignes, je vous conseille de placer votre commentaire avant.

Ici les commentaires n'ont pas grande utilité, mais vous verrez comment je les utilise dans les prochains chapitres. Ils vous seront très utiles, et vous apprendrez vite à bien vous en servir

Q.C.M.

Quelle est la balise dans laquelle on tape du code PHP ?

<* *>
<% %>
<?php ?>

Quelle instruction permet d'afficher du texte ?

echo
affiche
write

Quel symbole termine chaque instruction en PHP ?

Le point
Le point-virgule
Le slash

Laquelle de ces instructions est correcte ?

echo "Je pars en "vacances" demain matin";
echo "Je pars en \"vacances\" demain matin"
echo "Je pars en \"vacances\" demain matin";

Quels symboles utiliser pour indiquer la présence d'un commentaire ?

Vous devez être en train de vous demander vraiment à quoi peut bien servir PHP... Ici c'est vrai, ça n'a pas l'air d'être très utile, ça complique plutôt les choses.
Pourtant, vous allez voir très bientôt quel est l'intérêt de la fonction echo, et vous allez même vous rendre compte cela permet de simplifier votre travail !

Dans le prochain chapitre on va travailler sur un autre élément fondamental en PHP : les variables. Ces petites bébêtes sont vraiment très utiles, vous allez le voir

Auteur : M@teo21
Noter et commenter ce tutoriel
Imprimer ce tutoriel

Tutoriels

Communauté

Mon compte

Recherche

Livre d'or

Publicité