Comment construire un site web PHP simple

Added 2019-08-29

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

Pour apprendre PHP, le meilleur moyen de commencer est avec un simple site Web PHP.

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

Diverses options sont disponibles pour le développement Web au fil des ans. Tout a commencé avec HTML simple, puis 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 les chiffres (tels quecette 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% utilisant ASP.

L'ASP est pris en charge jusqu'en 2022. Il semble peu probable qu'il existe au-delà de cette capacité, à quelque titre que ce soit, du moins en tant que technologie Web. PHP (acronyme récursif de PHP Hypertext Preprocessor) s’est avéré plus performant, notamment grâce à une intégration plus aisée à 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 qu'un éditeur de texte en clair ou un environnement de développement compatible PHP est installé. Vous pouvez commencer à coder PHP avec un outil aussi simple que Windows Notepad. Les exemples trouvés dans ce tutoriel ont été écrits dans Notepad ++.

Vous devriez également avoir un serveur Web PHP pour télécharger vos fichiers. Il peut s’agir d’un serveur distant ou d’un ordinateur local doté d’un environnement LAMP (Linux, Apache, MySQL, PHP) ou WAMP (Windows, Apache, MySQL, PHP). Si vous utilisez Windows, suivez ces instructionsComment configurer votre propre serveur WAMPGuide d'installation WAMP pour commencer.

Débuter avec PHP: Syntaxe

La syntaxe de base de PHP utilisait un ensemble de crochets angulés, 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 la déclaration echo. Ceci indique au navigateur de sortir le texte et le contenu entre guillemets. Par exemple:

<? php "< p > Bonjour tout le monde! < / p >"; ? >

Notez que le code HTML est également inclus dans les guillemets. La sortie pour ceci apparaîtrait typiquement comme:

Construire un site web: Structure

Quel que soit le code avec lequel vous écrivez votre site Web, vous devez 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. Celles-ci peuvent être utilisées pour créer des pages supplémentaires ou vous pouvez choisir une approche différente.

Quelle que soit la forme que vous envisagez de développer sur le site, prenez le temps de noter rapidement un plan 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 vous souhaitez le lier.

Notre exemple va être une page d'accueil de base, comprenant des informations biographiques et des images.

Pour ce site Web PHP simple, vous allez créer une seule page PHP contenant le contenu de trois pages HTML. Le fichier index.php que vous créez peut ensuite être édité 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 dansmon dépôt GitHub, qui est gratuit pour tout le monde à télécharger.

Démarrer votre site Web: l'en-tête PHP

Pour démarrer avec votre site Web, vous devez créer trois pages Web. Celles-ci sont basées 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 contient des informations sur le titre. Toutefois, des informations pour le navigateur sont également incluses, telles que le standard HTML utilisé, 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 utilisé un fichier CSS de base, qui sera référencé dans son propre répertoire / css /. Ce fichier sera appelé lors du chargement de la page dans votre navigateur et de l'application de la police et de la présentation requises.

Mettre du contenu dans le corps de votre page Web PHP

Chaque page Web comprend une section de contenu appelée «corps». C’est la partie d’une page que vous avez lue - 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 mon page de l'auteur, mais vous pouvez ajouter ce que vous voulez.

Utiliser un pied de page PHP dans votre page Web

La section de bas de page de la page Web est la suivante. Créez ceci en tant que footer.html et ajoutez du contenu. Cela pourrait être des informations de copyright, ou peut-être des liens utiles pour tous ceux qui visitent votre page.

Cela pourrait être quelque chose comme ça:

Avec le code ajouté, enregistrez le fichier.

Mettre tous ensemble

Avec trois fichiers HTML distincts dans / html /, vous pouvez utiliser PHP Echo pour les compiler sur une seule page.

Créez un nouveau fichier PHP appeléindex.php avec 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 complétée dans votre navigateur. Gardez à l'esprit que le fichier PHP que vous avez ouvert dans votre navigateur ne contient que trois lignes.

Enfin, vous pouvez ajouter un peu de PHP à la dernière ligne. Inclure une notification de copyright, avec une année toujours mise à jour:

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

Cela apparaîtra dans le fichier index.php après le pied de page. Notez que l'instruction echo date («Y») affiche l'année en cours à quatre chiffres. Vous pouvez modifier son affichage en vous référant à la liste d'options de W3Schools. Par exemple, un «y» minuscule afficherait l'année au format deux chiffres plutôt que quatre.

Utilisez CSS pour le positionner et le styler, comme vous le feriez avec n'importe quel autre élément. Trouvez le CSS pour ce projet dans le GitHub, avec les autres fichiers.

Bien fait, vous venez de créer votre premier site Web simple en PHP.

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

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

Toutefois, si vous souhaitez vous lancer dans le développement Web, il est judicieux de connaître les bases. Si vous comprenez les éléments constitutifs des sites Web HTML, CSS et PHP, vous êtes sur la bonne voie pour réussir.