Comment créer votre premier site Web PHP simple

Hibou Gourou

Vous voulez apprendre à créer un site Web de base ? Autrefois, vous avez peut-être commencé avec HTML, mais de nos jours, la meilleure solution est PHP. Bien que vous ayez besoin de quelques connaissances en HTML pour commencer, PHP est devenu le choix optimal pour la création de sites Web, à la fois statiques et dynamiques.

Pour apprendre PHP, la meilleure façon de commencer est d'utiliser un simple site Web PHP.

Pourquoi choisir PHP pour le développement de sites Web ?

Diverses options ont été disponibles pour le développement Web au fil des ans. Cela a commencé avec du HTML brut, puis du HTML avec CSS intégré ou une référence de fichier CSS. Lorsque les sites Web dynamiques sont apparus, il y avait deux choix principaux : ASP (plus tard ASP.NET) et PHP.

Selon des chiffres (comme cette enquête W3Techs ), PHP est beaucoup plus populaire, avec près de 82% des sites Web l'utilisant comme langage de programmation côté serveur. Comparez cela avec un peu moins de 16 pour cent en utilisant ASP.NET.

Il semble peu probable qu'ASP.NET existe au-delà de sa date limite officielle en 2022 à quelque titre que ce soit, du moins pas en tant que technologie Web. PHP (un acronyme récursif pour PHP Hypertext Preprocessor) a fait ses preuves, principalement grâce à une intégration plus facile avec Linux.

Comme le système d'exploitation open source fonctionne sur la plupart des serveurs Web, cela ne devrait pas surprendre.

Ce dont vous aurez besoin pour créer un site Web PHP

Avant de commencer, assurez-vous d'avoir installé un éditeur de texte brut ou un environnement de développement compatible PHP. Vous pouvez commencer à coder PHP avec un outil aussi simple que le Bloc-notes de Windows. Les exemples trouvés dans ce tutoriel ont été écrits dans Notepad++.

Vous devriez également avoir un serveur Web PHP sur lequel télécharger vos fichiers. Il peut s'agir d'un serveur distant ou d'un ordinateur local avec un environnement LAMP (Linux, Apache, MySQL, PHP) ou WAMP (Windows, Apache, MySQL, PHP) installé. Si vous utilisez Windows, suivez ce guide d'installation WAMP pour commencer.

Enfin, vous aurez besoin d'un programme FTP pour télécharger vos fichiers sur votre serveur Web.

Lire la suite : Clients FTP gratuits pour Windows

Comprendre la syntaxe pour coder un site Web simple en utilisant PHP

La syntaxe de base de PHP utilise un ensemble de crochets angulaires, chaque fonction se terminant par un point-virgule, comme ceci :

 <?php [CODE…CODE]; ?>

En termes de pages Web, presque toutes les utilisations de PHP reposent sur l'instruction echo. Cela indique au navigateur de sortir le texte et le contenu des guillemets. Par example:

 <?php print("Hello World")?>

Notez que le HTML est également inclus dans les guillemets. La sortie pour cela apparaîtra généralement comme:

Construire un site Web avec PHP : structure

Quel que soit le code avec lequel vous écrivez votre site Web, vous devrez connaître la structure du site avant de continuer. Ce tutoriel va vous montrer comment créer une seule page à partir de fichiers PHP réutilisables. Ceux-ci peuvent être utilisés pour créer des pages supplémentaires, ou vous pouvez choisir une approche différente.

Quelle que soit la forme que vous envisagez pour le site, prenez le temps de rédiger un plan rapide sur une feuille de papier. Vous pouvez ensuite vous y référer, peut-être pour vérifier le contenu souhaité, ou voir à quelle page le lier.

Notre site Web PHP de base comportera une page d'accueil, comprenant des informations biographiques et quelques images.

Pour ce site Web PHP simple, vous allez créer une seule page PHP remplie du contenu de trois pages HTML. Le fichier index.php que vous créez peut ensuite être modifié en ajustant les mots et les images des fichiers HTML d'origine.

Les exemples de code ci-dessous sont des captures d'écran. Vous trouverez le code original dans mon référentiel GitHub , qui est gratuit pour tout le monde à télécharger.

Créer un site Web PHP : l'en-tête

Pour créer un site Web en utilisant PHP, vous aurez besoin de construire trois pages Web. Ceux-ci sont basés sur la structure de base de l'en-tête, du corps et du pied de page.

Comme vous pouvez le deviner, l'en-tête comprend des informations sur le titre. Cependant, des informations pour le navigateur sont également incluses, telles que la norme HTML utilisée, ainsi que des références CSS.

Commencez par créer un fichier appelé header.html puis ajoutez les informations d'en-tête nécessaires.

Pour cet exemple, nous avons fourni un fichier CSS de base, que vous verrez est référencé dans son propre répertoire /css/. Ce fichier sera appelé lorsque la page se chargera dans votre navigateur et appliquera la police et la mise en page requises.

Mettez du contenu dans le corps de votre page Web PHP

Chaque page Web se compose d'une section de contenu appelée « corps ». C'est la partie d'une page que vous lisez — ce que vous lisez maintenant est le corps de cette page.

Créez un fichier appelé body.html et ajoutez les informations que vous souhaitez inclure sur la page. J'ai inclus des détails biographiques de ma page d'auteur MakeUseOf , mais vous pouvez ajouter ce que vous voulez.

La section de pied de page de la page Web est la suivante. Créez ceci en tant que footer.html et ajoutez du contenu. Il peut s'agir d'informations sur les droits d'auteur ou de liens utiles pour toute personne visitant votre page.

Ça peut être quelque chose comme ça :

Avec le code ajouté, enregistrez le fichier.

Assembler votre site Web PHP simple

Avec trois fichiers HTML séparés dans /html/, vous pouvez utiliser PHP echo pour les compiler en une seule page.

Créez un nouveau fichier PHP appelé index.php contenant les trois lignes suivantes :

 <?php echo file_get_contents("html/header.html"); ?>
 <?php echo file_get_contents("html/body.html"); ?>
 <?php echo file_get_contents("html/footer.html"); ?>

Enregistrez, téléchargez sur votre serveur, puis accédez à index.php. Vous devriez voir la page Web terminée dans votre navigateur. Gardez à l'esprit que le fichier PHP que vous avez ouvert dans votre navigateur ne comporte que trois lignes.

Enfin, vous pouvez ajouter un peu de PHP avec la dernière ligne. Inclure un avis de droit d'auteur, avec une année toujours mise à jour :

 <p>Copyright © CM Cawley <?php echo date("Y"); ?></p>

Cela apparaîtra dans le fichier index.php après le pied de page. Remarquez comment l'instruction echo date("Y") affiche l'année en cours sur quatre chiffres. Vous pouvez modifier la façon dont cela s'affiche en vous référant à cette liste d'options W3Schools. Par exemple, un « y » minuscule afficherait l'année au format à deux chiffres, au lieu de quatre.

Utilisez CSS pour le positionner et le styler, comme vous le feriez avec n'importe quel autre élément. Trouvez le CSS de ce projet dans le référentiel GitHub, ainsi que l'autre code de site Web PHP simple.

Bien joué — vous venez de créer votre premier site Web PHP à partir de zéro.

PHP est-il le meilleur choix pour coder des sites Web ?

Comme vous l'avez peut-être compris, PHP n'est pas le seul moyen de développer des sites Web. De nombreux frameworks existent déjà pour des expériences Web dynamiques et basées sur des bases de données, il existe JavaScript et les technologies associées, ainsi que des logiciels comme Adobe Dreamweaver.

Cependant, si vous cherchez à vous lancer dans le développement Web, il est judicieux d'avoir une appréciation des bases. Si vous comprenez les éléments constitutifs du site Web HTML, CSS et PHP, vous êtes sur la bonne voie pour réussir.