Les développeurs PHP rencontrent souvent des problèmes pour créer une structure de site web claire et maintenable, entraînant du code désorganisé et des erreurs fréquentes.
Une mauvaise structure complique la maintenance et réduit l’efficacité, augmentant le temps passé sur des tâches répétitives et exposant à des failles potentielles.
Dans cet article, découvrez comment mettre en place une structure de site web PHP optimisée, en utilisant l’inclusion de fichiers externes et des pratiques de codage modulaires pour simplifier la gestion et améliorer la maintenabilité.
Mettre en place la structure de base d'un site web PHP8
La création d’une structure de base pour un site web PHP implique plusieurs étapes. Voici un exemple simple pour vous aider à démarrer. Assurez-vous d’avoir un serveur web configuré avec le support PHP pour que le code puisse être exécuté correctement.
Créer la structure de base d'un site PHP8
Créez un dossier pour votre projet sur votre serveur web, par exemple, « tutoPhp ».
À l’intérieur de ce dossier, créez les répertoires suivants :
- css : pour les styles CSS,
- js :pour les scripts JavaScript,
- img : pour les images,
- includes : pour les fichiers PHP réutilisables.
Créer les fichiers de base d'un site PHP8
À la racine de votre projet, créez un fichier index.php.
Créez également un fichier header.php dans le répertoire includes pour l’en-tête commun du site web PHP.
De même, créez un fichier footer.php dans le répertoire includes pour le pied de page commun.
Écrire le contenu de base d'un site PHP8
Dans index.php, incluez les fichiers header.php et footer.php pour créer une structure de base.
Ajoutez du contenu spécifique à la page entre l’en-tête et le pied de page.
Voilà la structure:
Explorons ensemble un exemple concret en démarrant par la création de la page index.php.
Voici un exemple de code pour index.php :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<?php include 'includes/header.php'; ?>
<nav>
<ul>
<li><a href="" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Home</a></li>
<li><a href="" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Story</a></li>
<li><a href="" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">About</a></li>
</ul>
</nav>
<article>< h2>Home</ h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Laudantium hic aspernatur dolorem qui, ab eum perspiciatis
veritatis unde rerum consequatur soluta tempora id fugiat ex,
libero voluptas nesciunt. Fugiat?</p></article>
<?php include 'includes/footer.php'; ?>
<script>class RocketElementorAnimation{constructor(){this.deviceMode=document.createElement("span"),this.deviceMode.id="elementor-device-mode-wpr",this.deviceMode.setAttribute("class","elementor-screen-only"),document.body.appendChild(this.deviceMode)}_detectAnimations(){let t=getComputedStyle(this.deviceMode,":after").content.replace(/"/g,"");this.animationSettingKeys=this._listAnimationSettingsKeys(t),document.querySelectorAll(".elementor-invisible[data-settings]").forEach(t=>{const e=t.getBoundingClientRect();if(e.bottom>=0&&e.top<=window.innerHeight)try{this._animateElement(t)}catch(t){}})}_animateElement(t){const e=JSON.parse(t.dataset.settings),i=e._animation_delay||e.animation_delay||0,n=e[this.animationSettingKeys.find(t=>e[t])];if("none"===n)return void t.classList.remove("elementor-invisible");t.classList.remove(n),this.currentAnimation&&t.classList.remove(this.currentAnimation),this.currentAnimation=n;let s=setTimeout(()=>{t.classList.remove("elementor-invisible"),t.classList.add("animated",n),this._removeAnimationSettings(t,e)},i);window.addEventListener("rocket-startLoading",function(){clearTimeout(s)})}_listAnimationSettingsKeys(t="mobile"){const e=[""];switch(t){case"mobile":e.unshift("_mobile");case"tablet":e.unshift("_tablet");case"desktop":e.unshift("_desktop")}const i=[];return["animation","_animation"].forEach(t=>{e.forEach(e=>{i.push(t+e)})}),i}_removeAnimationSettings(t,e){this._listAnimationSettingsKeys().forEach(t=>delete e[t]),t.dataset.settings=JSON.stringify(e)}static run(){const t=new RocketElementorAnimation;requestAnimationFrame(t._detectAnimations.bind(t))}}document.addEventListener("DOMContentLoaded",RocketElementorAnimation.run);</script></body>
</html>
Ce code illustre une structure de base pour la page d’accueil (index.php) d’un site web. L’utilisation de l’inclusion PHP pour l’en-tête et le pied de page favorise la réutilisabilité du code, tandis que la navigation et le contenu principal sont organisés de manière claire et lisible. L’inclusion de fichiers externes pour l’en-tête et le pied de page est une bonne pratique qui simplifie la maintenance du site web PHP en permettant des modifications centralisées.
Pour appliquer le style à la page index.php, nous faisons usage du fichier style.css en utilisant CSS pour définir la présentation visuelle.
Voici un exemple de code pour style.css :
body{
margin: 0;
height: 100vh;
display: grid;
grid-template-columns: 1fr 4fr;
grid-template-areas:
" header header"
"nav article"
"footer footer";
}
header{
background-color: #c03950;
grid-area: header;
}
nav{
background-color: #2c3e50;
grid-area: nav;
}
article{
background-color: #ecf0f1;
grid-area: article;
}
footer{
background-color: #c03950;
grid-area: footer;
}
@media screen and (max-width:950px) {
body{
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 4fr 1fr;
grid-template-areas:
" header "
"nav "
"article"
"footer ";}}
le code CSS fournit une structure de mise en page en grille pour la page index.php, garantissant une disposition cohérente et réactive sur différents appareils. Les zones définies dans le modèle de grille simplifient la disposition du contenu, facilitant la maintenance et l’évolutivité du design.
Voici le résultat :
Configurez votre environnement de travail et familiarisez-vous au langage de programmation PHP 8
Mettre en forme les contenus d'un site PHP8
La mise en forme des contenus, réalisée à travers des règles CSS détaillées, permet d’apporter une esthétique cohérente et une organisation visuelle aux différents éléments de la page. En attribuant des styles aux zones clés telles que l’en-tête, la navigation, le contenu principal, et le pied de page, les développeurs peuvent créer une présentation visuelle harmonieuse. L’utilisation de media queries permet également d’adapter la mise en forme en fonction de la taille de l’écran, assurant une expérience utilisateur optimale sur divers appareils. En explorant le code CSS, on découvre comment chaque section est stylisée pour offrir une interface web bien structurée et attrayante. Ce résumé met en évidence l’importance de la mise en forme des contenus dans le processus de conception web, contribuant à une expérience utilisateur positive et engageante.
Voici un exemple de code pour style.css :
body{
margin: 0;
height: 100vh;
font-family: sans-serif;
font-size: 1.2rem;
display: grid;
grid-template-columns: 1fr 4fr;
grid-template-rows: 1fr 4fr 1fr;
grid-template-areas:
" header header"
"nav article"
"footer footer";
}
header,footer,nav{
display: flex;
justify-content: center;
align-items: center;
}
header{
background-color: #c03950;
grid-area: header;
}
nav{
background-color: #2c3e50;
grid-area: nav;
}
nav ul{
list-style: none;
margin: 0;
padding: 0;
display: flex;
}
nav ul li {
padding-top: 15px;
padding-bottom: 15px;
}
nav ul li a{
color: #fff;
text-decoration: none;
font-size: 1.6rem;
}
nav ul li a:hover{
color: yellow;
}
article{
background-color: #ecf0f1;
grid-area: article;
}
article h2{
text-align: center;
}
article p{
padding: 0px 25px;
text-align: justify;
font-size: 1.9rem;
}
footer{
background-color: #c03950;
grid-area: footer;
}
@media screen and (max-width:950px) {
body{
grid-template-columns: 1fr;
grid-template-rows: 1fr 1fr 4fr 1fr;
grid-template-areas:
" header "
"nav "
"article"
"footer ";
}
nav ul{
display: flex;
}
nav ul li{
padding: 0 15px;
}
}
Voici le résultat :
Mettre en place toutes les pages d'un site PHP8
La mise en place de toutes les pages d’un site web PHP est une étape cruciale dans le processus de développement, visant à créer une expérience utilisateur cohérente et fluide. Chaque page joue un rôle spécifique dans la communication d’informations et l’interaction avec les visiteurs. Dans cette perspective, nous allons aborder la conception et l’implémentation des pages principales du site.
Voici un exemple de code pour index.php :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<?php include 'includes/header.php'; ?>
<nav>
<ul>
<li><a href="index.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Home</a></li>
<li><a href="includes/story.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Story</a></li>
<li><a href="includes/about.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">About</a></li>
</ul>
</nav>
<article>< h2>Home</ h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Laudantium hic aspernatur dolorem qui, ab eum perspiciatis
veritatis unde rerum consequatur soluta tempora id fugiat ex,
libero voluptas nesciunt. Fugiat?</p></article>
<?php include 'includes/footer.php'; ?>
</body>
</html>
Voici un exemple de code pour about.php :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="../css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<header><h1>About</h1></header>
<nav>
<ul>
<li><a href="../index.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Home</a></li>
<li><a href="story.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Story</a></li>
<li><a href="about.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">about</a></li>
</ul>
</nav>
<article>< h2>About< /h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Laudantium hic aspernatur dolorem qui, ab eum perspiciatis
veritatis unde rerum consequatur soluta tempora id fugiat ex,
libero voluptas nesciunt. Fugiat?</p></article>
<?php include 'footer.php'; ?>
</body>
</html>
Voici un exemple de code pour story.php :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Story</title>
<link rel="stylesheet" href="../css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<header><h1>Story</h1></header>
<nav>
<ul>
<li><a href="../index.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Home</a></li>
<li><a href="story.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Story</a></li>
<li><a href="about.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">About</a></li>
</ul>
</nav>
<article>< h2>Story< /h2>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit.
Laudantium hic aspernatur dolorem qui, ab eum perspiciatis
veritatis unde rerum consequatur soluta tempora id fugiat ex,
libero voluptas nesciunt. Fugiat?</p></article>
<?php include 'footer.php'; ?>
</body>
</html>
Ce code HTML avec du code PHP représente une page d’accueil (« Home ») d’un site web PHP
avec une liste de liens permettant à l’utilisateur de naviguer vers différentes pages du site, telles que la page home, story, et la page « About ». Les liens utilisent des fichiers PHP, ce qui suggère que ces pages peuvent inclure du code PHP pour générer du contenu dynamique.
Voici le résultat page home:
Si je choisis page story
Voici le résultat de page story:
Si je choisis page about
Voici le résultat de page about:
Inclure des fichiers externes en PHP8
L’inclusion de fichiers externes en PHP se fait généralement à l’aide de la directive include ou require. Ces directives permettent d’ajouter le contenu d’un fichier PHP dans un autre.
Voici un exemple :
voila la structure de création des fichiers sur le dossier « includes » qui contient tous les fichiers qu’on peut inclure .
Nous avons créé un dossier nommé « includes » qui renferme les fichiers PHP suivants : « _nav.php », « _header.php », « _article.php », et « _footer.php ».
Voici le code de « _header.php »:
<header>
<h1><?php echo $titreHeader ;?></h1>
</header>
Ce code PHP et HTML permet d’afficher un en-tête dans une page web avec un titre de niveau 1. La valeur du titre est déterminée dynamiquement à partir de la variable PHP $titreHeader. Cela offre une flexibilité pour personnaliser le contenu de l’en-tête en fonction des besoins de la page ou du site web PHP.
Voici le code de « _nav.php »:
<nav>
<ul>
<li><a href="index.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Home</a></li>
<li><a href="story.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Story</a></li>
<li><a href="about.php" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">About</a></li>
</ul>
</nav>
Ce code crée une liste de liens permettant aux utilisateurs de naviguer entre différentes pages du site web PHP, telles que la page d’accueil, la page « Story » et la page « About ». Les liens sont configurés pour rediriger vers les fichiers PHP correspondants lorsque l’utilisateur clique sur eux.
Voici le code de « _article.php »:
<article>
< h2><?php echo $titreHeader ;?></ h2>
<p><?= $paragraphe; ?></p>
</article>
Maîtrise Complète de PHP 8 : De l'Initiation à l'Expertise en Architecture MVC
Ce code permet d’afficher un article sur une page web avec un titre de niveau 2 et un paragraphe. Les contenus du titre et du paragraphe sont déterminés dynamiquement à partir des variables PHP $titreHeader et $paragraphe, offrant ainsi une flexibilité pour personnaliser le contenu de l’article en fonction des besoins de la page ou du site web PHP.
Voici le code de « _footer.php »:
<footer>
<p>©All right reserved ,Create by hanane</p>
</footer>
Ce code crée un pied de page affichant des informations de droits d’auteur et indiquant qui a créé la page. Il est courant d’inclure ce type d’information dans un pied de page pour informer les visiteurs des droits associés au contenu de la page.
Inclure les fichiers sur « index.php » :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Home</title>
<link rel="stylesheet" href="css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<?php
$titreHeader="Home";
$paragraphe="Lorem ipsum dolor sit amet consectetur adipisicing
elit. Modi temporibus alias architecto minima recusandae, nemo aperiam ipsam ea
doloremque facere, quos eum reprehenderit, voluptatibus corrupti aspernatur amet ipsa in quam!";
include 'includes/_header.php';
include 'includes/_nav.php';
include 'includes/_article.php';
include 'includes/_footer.php';
?>
</body>
</html>
Inclure les fichiers sur « about.php » :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<?php
$titreHeader="About";
$paragraphe="Je suis le paragraphe de fichier about";
include 'includes/_header.php';
include 'includes/_nav.php';
include 'includes/_article.php';
include 'includes/_footer.php';
?>
</body></html>
Inclure les fichiers sur "story.php" :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Story</title>
<link rel="stylesheet" href="css/style.css">
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<?php
$titreHeader="Story";
$paragraphe="Je suis le paragraphe de fichier story";
include 'includes/_header.php';
include 'includes/_nav.php';
include 'includes/_article.php';
include 'includes/_footer.php';
?>
</body>
</html>
Ce script PHP inclus des fichiers modulaires pour construire la structure d’une page web. Les variables PHP8 sont utilisées pour dynamiquement définir le titre et le paragraphe, et les fichiers inclus contiennent le code HTML correspondant à l’en-tête, à la navigation, à l’article et au pied de page. Cela permet une gestion plus modulaire du code, facilitant la maintenance et la réutilisation du code sur d’autres pages du site web PHP.
Inclure des fichiers externes différemment en PHP8
pour un site web PHP, L’instruction require en PHP permet d’intégrer de manière rigoureuse des fichiers externes, assurant qu’ils soient présents et fonctionnels. En adoptant cette approche, les développeurs garantissent une exécution correcte du programme même en cas d’indisponibilité d’un fichier inclus. Le code PHP utilise require pour ajouter dynamiquement l’en-tête et le pied de page à la structure de la page index.php, soulignant ainsi la robustesse de cette approche. Ce résumé met en évidence la fiabilité et la sécurité offertes par l’utilisation de require pour l’inclusion de fichiers externes, contribuant à une gestion plus rigoureuse et prédictible des composants réutilisables dans le développement web.
Exemple :
require('/chemin/vers/monfichier.php');
Découvrir d'autres fonctions d'inclusion en PHP
En règle générale, préférez require ou include selon vos besoins, et utilisez require_once ou include_once lorsque vous voulez vous assurer que le fichier n’est inclus qu’une seule fois. Utilisez les fonctions de manière judicieuse et prenez en compte les aspects de sécurité lors de l’inclusion de fichiers dans votre application.
Voila un exemple
- index.php
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=h3, initial-scale=1.0">
<title>Document</title>
<style id="wpr-lazyload-bg-container"></style><style id="wpr-lazyload-bg-exclusion"></style>
<noscript>
<style id="wpr-lazyload-bg-nostyle">.jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https://blog.alphorm.com/wp-content/plugins/jet-tabs/assets/images/spinner-32.svg');}.rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https://blog.alphorm.com/wp-content/plugins/wp-rocket/assets/img/youtube.png');}</style>
</noscript>
<script type="application/javascript">const rocket_pairs = [{"selector":".jet-image-accordion__item-loader span","style":".jet-image-accordion__item-loader span{--wpr-bg-b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg');}","hash":"b5f84ee5-f0b7-432a-b1bd-0f52e4b9e5ba","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/jet-tabs\/assets\/images\/spinner-32.svg"},{"selector":".rll-youtube-player .play","style":".rll-youtube-player .play{--wpr-bg-6597d877-6c97-40da-9e17-746ac92c2c94: url('https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png');}","hash":"6597d877-6c97-40da-9e17-746ac92c2c94","url":"https:\/\/blog.alphorm.com\/wp-content\/plugins\/wp-rocket\/assets\/img\/youtube.png"}]; const rocket_excluded_pairs = [];</script></head>
<body>
<h3><?php require_once('includes/_inclusion.php')?></h3>
<p><?php require_once('includes/_inclusion.php')?></p>
</body>
</html>
- _inclusion.php :
<?php
echo "Bonjour tout le monde ";
cette page HTML utilise des balises HTML de base pour structurer le document et inclut le contenu du fichier _inclusion.php à deux endroits différents dans le corps de la page.
Lorsque vous utilisez les fonctions require_once ou include_once pour inclure un fichier, cela garantit que le fichier sera inclus une seule fois, même s’il est appelé plusieurs fois dans le script. Cela évite les problèmes potentiels de re-déclaration de fonctions ou de variables.
Voila le résultat :
Formez-vous gratuitement avec Alphorm !
Maîtrisez les compétences clés en IT grâce à nos formations gratuites et accélérez votre carrière dès aujourd'hui. Découvrez des cours variés pour tous les niveaux !
Conclusion
En conclusion, créer un site web PHP8 nécessite une bonne compréhension de la structure des fichiers, de l’inclusion de contenus externes et de la mise en forme CSS. En suivant ce guide, vous avez appris les étapes essentielles pour construire un site web PHP fonctionnel et maintenable. En appliquant ces bonnes pratiques, vous pouvez non seulement améliorer la qualité de votre site web, mais aussi faciliter sa maintenance et son évolution future. Et par la suite nous allons traiter le volet de formulaire HTML avec PHP8.
