Vous voulez apprendre à créer un site Web de base ? Cela peut être fait en utilisant simplement HTML, mais la meilleure solution de nos jours est de s'appuyer sur PHP. Bien que vous ayez besoin de connaissances en HTML pour commencer, PHP est devenu le choix idéal pour créer des sites Web, à la fois statiques et dynamiques. Vérifier Qu'est-ce que le générateur de site Web persistant Hugo et comment fonctionne-t-il ?
Pour apprendre à utiliser PHP, la meilleure façon de commencer est d'essayer de créer un site Web simple en PHP.
Pourquoi choisir PHP pour le développement de sites Web ?
Il y a eu beaucoup d'options différentes disponibles pour le développement Web au fil des ans. Tout a commencé avec du HTML brut, puis du HTML avec du CSS en ligne ou une référence de fichier CSS. Lorsque les sites Web dynamiques sont apparus, il y avait deux options principales : ASP (plus tard ASP.NET) et PHP.
Selon les chiffres (tels que Sondage W3Techs), le développement Web PHP est plus populaire, avec environ 82 % des sites Web utilisant PHP comme langage de programmation côté serveur. Comparez cela à moins de 16 % s'exécutant sur ASP.NET (Active Server Pages).
Il semble très peu probable que le framework ASP.NET existera un jour après la date d'arrêt officielle en 2022 à quelque titre que ce soit, du moins pas en tant que technologie Web. PHP (un acronyme itératif pour PHP Hypertext Preprocessor) s'est avéré plus efficace, principalement en raison de la facilité d'intégration avec Linux.
Étant donné que les systèmes d'exploitation Linux open source fonctionnent sur la plupart des serveurs Web, cela ne devrait pas surprendre. Vérifier Meilleurs moyens simples d'acquérir une expérience SQL avant votre premier emploi.
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 prêt pour PHP. Vous pouvez vous lancer dans la programmation PHP à l'aide d'un outil simple comme le Bloc-notes de Windows. Les exemples de ce tutoriel ont été écrits avec Notepad++.
Vous devez également disposer d'un serveur Web PHP pour 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. Vérifier Meilleures alternatives XAMPP pour héberger votre site Web localement.
Comprendre la syntaxe pour programmer une page Web simple en utilisant du code PHP
La syntaxe de base de PHP utilise un ensemble de signes mathématiques inférieur à et supérieur à, chaque fonction se terminant par un point-virgule, comme suit :
; ?> En termes de pages Web, presque toutes les utilisations de PHP reposent sur l'écho. Ce qui demande au navigateur de sortir le texte et le contenu entre guillemets. Par exemple:
<؟ php print (“Hello World”)؟>
Notez que HTML est également inclus entre guillemets. Typiquement, la sortie de ce code ressemblera à ceci :
Comment créer un site Web avec PHP : obtenir la bonne structure
Quel que soit le code dans lequel vous écrivez votre site Web, vous devrez connaître l'architecture du site Web avant de continuer. Ce tutoriel vous montrera comment créer une seule page à partir de fichiers PHP réutilisables. Ils peuvent être utilisés pour créer des pages supplémentaires, ou vous pouvez choisir une autre méthode.
Quelle que soit la forme que vous attendez du développement de sites Web, prenez le temps de noter un plan rapide sur une feuille de papier. Vous pouvez ensuite vous y référer, peut-être pour vérifier le contenu prévu ou pour voir vers quelle page vous souhaitez créer un lien.
Notre site PHP de base aura une page d'accueil, comprenant des informations biographiques et quelques images.
Pour le site Web PHP simple de cet exemple, une seule page PHP contenant le contenu de trois pages HTML sera créée. Le fichier index.php que vous créez peut ensuite être édité en modifiant 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 d'origine dans Référentiel GitHub , qui peut être téléchargé gratuitement par n'importe qui.
Lisez la suite pour apprendre à créer un site Web PHP étape par étape. Vérifier Comment créer un site web professionnel sans aucun effort.
Créer un site Web PHP : en-tête
Pour créer un site Web en utilisant PHP, vous devrez créer trois pages Web. Qui est basé sur la structure de base de l'en-tête, du corps et du pied de page.
Comme vous pouvez l'imaginer, l'en-tête comprend des informations d'adresse. Cependant, les informations du navigateur, telles que la norme HTML utilisée, sont également incluses, ainsi que les références CSS.
Commencez par créer un fichier appelé en-tête.html Ajoutez ensuite les informations d'en-tête nécessaires.
Dans cet exemple, un fichier CSS de base a été fourni, que vous verrez référencé dans son répertoire /css/. Ce fichier sera appelé lorsque la page sera chargée dans votre navigateur et la police et la mise en page requises seront appliquées.
Placer du contenu dans une page Web PHP
Chaque page Web se compose d'une section de contenu appelée "Corps". C'est la partie de la page que vous lisez — ce que vous lisez maintenant est le texte de cette page.
Créer un fichier nommé corps.html Ajoutez les informations que vous souhaitez inclure sur la page. J'ai inclus des détails biographiques de la page de l'auteur, mais vous pouvez ajouter ce que vous voulez.
Code simple pour le pied de page
Vous pouvez créer la section de pied de page d'une page Web en suivant. Créer un fichier en tant que pied de page.html Et ajouter du contenu. Il peut s'agir d'informations sur le droit d'auteur ou d'un lien utile pour toute personne visitant votre page.
Cela pourrait être quelque chose comme :
Avec le code ajouté, enregistrez le fichier.
Assembler un site PHP simple
Avec trois fichiers HTML distincts dans /html/ , vous pouvez utiliser PHP echo pour les regrouper 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”); ?>
Vous devez l'enregistrer, le télécharger sur votre serveur, puis naviguer jusqu'à 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 contient 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 à jour :
<p>Copyright © CM Cawley <?php echo date(“Y”); ?></p>
Cela apparaîtra dans le fichier index.php après le pied de page. Notez comment la déclaration de date d'écho ("Y") affiche l'année en cours en quatre chiffres. Vous pouvez modifier la façon dont cela est affiché en vous référant à ce menu Options W3Schools. Par exemple, un "y" minuscule affichera l'année dans un format à deux chiffres, au lieu de quatre.
Utilisez CSS pour le positionner et le styliser, comme vous le feriez pour tout autre élément. Recherchez le CSS de ce projet dans le référentiel GitHub, ainsi que le code d'un autre site PHP simple. Vérifier Comment utiliser Google Chrome pour déboguer CSS.
Bravo, vous venez de créer votre premier site PHP à partir de zéro. Il est maintenant temps de regarder plus d'exemples de sites PHP pour améliorer vos compétences.
PHP est-il le meilleur choix pour le développement de sites Web ?
Maintenant que vous savez comment créer un site web en PHP, vous devez savoir que ce n'est pas la seule façon de développer des sites web. Plusieurs cadres existent déjà pour les expériences Web dynamiques basées sur une base de données, et il existe JavaScript et des technologies connexes telles qu'Adobe Dreamweaver.
Cependant, si vous cherchez à vous lancer dans le développement Web PHP, il est judicieux d'apprécier les bases. Si vous comprenez les éléments de base d'un site Web à partir de HTML, CSS et PHP, vous êtes sur la bonne voie pour réussir. Vous pouvez désormais visualiser Comment créer votre propre serveur proxy en ligne en quelques minutes.
