Réalisation d'un site WEB
Article publié le Mardi 03 mars 2026 , lu 35 fois
Présentation
Je vous propose, la réalisation d'un site internet à partir de zéro. Les tutos seront ici sur le site, et les interactions ici sur cette page Facebook.
Les bases de conception :
- HTML 5,
- Bootstrap 5,
- Font Awesome,
- CSS 3.
Il vous faudra pour cela une "plate-forme de développement Web" sur PC (Windows ou Linux, peu importe). Cela pourra être WampServer par exemple (Lien ci-dessous). Et aussi un éditeur de texte du style de Notepad++ (Lien ci-dessous).
Nous nous serviront aussi un peu de PHP 8, mais juste pour des actions simples, inclusions de fichyiers par exemple.
A bientôt, si vous êtes interessés.
Juste un avant gout avec la base, le HTML 5
<!doctype html>
<html lang="fr">
<head>
<!-- Le jeu de caractères utilisé -->
<meta charset="utf-8">
<!-- Le titre affiché dans la barre du navigateur -->
<title>Titre de la page</title>
<!-- Permet la visualisation sur téléphone -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Chargement des fichiers de style -->
<link rel="stylesheet" href="bootstrap.css">
<link rel="stylesheet" href="font awesome.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Le contenu du site -->
<!-- Le pied de page -->
</footer>
<!-- Le ou les scripts JS nécessaire(s) -->
<script src="bootstrap.js"></script>
</footer>
</body>
</html>
Ce fichier sera en fait "découpé" en trois parties :
- Le "Header",
- Le contenu,
- Le "footer".
Ils seront ensuite inclus dans le fichier de base "index.php" (PHP pour les inclusions de fichiers justement).
<?php
/* Inclusion du fichier "header" */
require_once'/header.php';
/* Inclusion du contenu */
require_once'/contenu.php';
/* Inclusion du fichier "footer" */
require_once'/header.php';
Page suivante : Notre permier template html