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 quelques connaissances en HTML pour commencer, PHP est devenu le choix optimal pourcré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 simple, 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.NETet PHP.
Selon les chiffres tels que 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% en utilisant ASP.
ASP est pris en charge jusqu'en 2022. Il semble peu probable qu'il existe au-delà de cela dans une capacité officielle, du moins pas en tant que technologie Web. PHP un acronyme récursif pour PHP Hypertext Preprocessor s'est avéré plus efficace, 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 être une surprise.
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 Windows. Les exemples trouvés dans ce didacticiel ont été écrits dans Notepad ++.
Vous devez également disposer d'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 LAMP Linux, Apache, MySQL, PHP ou WAMP Windows, Apache, MySQL, PHPenvironnement installé. Si vous utilisez Windows, suivez ceci guide d'installation WAMP pour commencer.
Le serveur WAMP est le moyen le plus simple et le plus simple de configurer Apache, MySQL et PHP sur Windows pour l'hébergement d'un site Web.
Enfin, vous aurez besoin d'un programme FTP pour télécharger vos fichiers sur votre serveur Web. En utilisant Windows? Essayez l'un de ceux-ci clients FTP Windows gratuits .
Premiers pas avec PHP: Syntaxe
La syntaxe de base de PHP utilisait un ensemble de crochets angulaires, chaque fonction se terminant par un point-virgule, comme ceci:
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 entre guillemets. Par exemple:
Bonjour le monde! ";?>Notez que le HTML est également inclus dans les guillemets. Le résultat pour cela apparaîtra généralement sous la forme:
Création d'un site Web: 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 vous montrera 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 prévoyez le développement du site, prenez le temps de noter un plan rapide sur une feuille de papier. Vous pouvez alors vous y référer, peut-être pour vérifier le contenu prévu, ou voir à quelle page 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 remplie de contenu provenant 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 d'origine dans mon référentiel GitHub , que tout le monde peut télécharger gratuitement.
Démarrage de votre site Web: l'en-tête PHP
Pour démarrer avec votre site Web, vous devrez 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 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 utilisé 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.
Mettre du contenu dans le corps de votre page Web PHP
Chaque page Web se compose d'une section de contenu appelée «corps». Il s'agit de 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 les détails biographiques de mon page auteur Savoir dans la vie , mais vous pouvez ajouter ce que vous voulez.
Utilisez un pied de page PHP dans votre page Web
La section pied de page de la page Web est la suivante. Créez-la en tant que footer.html et ajoutez du contenu. Cela peut être des informations sur les droits d'auteur ou peut-être des liens utiles pour toute personne visitant votre page.
Cela pourrait être quelque chose comme ça :
Une fois le code ajouté, enregistrez le fichier.
Tout mettre ensemble
Avec trois fichiers HTML séparés dans / html /, vous pouvez utiliser PHP echo pour les compiler en une seule page.
Créer un nouveau fichier PHP appelé index.php avec les trois lignes suivantes:
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 se compose de seulement trois lignes.
Enfin, vous pouvez ajouter un peu de PHP avec la dernière ligne. Incluez une notice de copyright, avec une année toujours mise à jour :
Copyright © CM Cawley
Ceci apparaîtra dans le fichier index.php après le pied de page. Remarquez comment l'instruction de date d'écho "Y" affiche l'année en cours sur quatre chiffres. Vous pouvez changer 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 styliser, comme vous le feriez avec n'importe quel autre élément. Trouvez le CSS de ce projet dans le GitHub, avec les autres fichiers.
Bravo --- vous venez de créer votre premier site Web PHP simple à partir de zéro. Vous voudrez peut-être maintenant le faire utiliser un service pour personnaliser le site et augmenter les conversions .
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 des technologies JavaScript et associées, ainsi que des logiciels comme Adobe Dreamweaver.
Cependant, si vous cherchez à vous lancer dans le développement Web, il est judicieux de comprendre les bases. Si vous comprenez les éléments constitutifs du site Web en HTML, CSS et PHP, vous êtes sur la bonne voie du succès.
Vérifiez ces étapes par étape tutoriels pour améliorer vos compétences HTML et CSS .
