<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Présentation - Matériel Informatique</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #f4f4f4;
margin: 0;
padding: 0;
}
.container {
width: 80%;
margin: 0 auto;
padding: 20px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
h1 {
color: #333;
}
p {
line-height: 1.6;
color: #666;
}
.footer {
text-align: center;
padding: 10px;
background-color: #333;
color: #fff;
position: absolute;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<?php
$siteName = "TechMatériel";
?>
<div class="container">
<h1>Bienvenue sur <?php echo $siteName; ?></h1>
<p>
<?php echo $siteName; ?> est votre source de référence pour tout ce qui concerne le matériel informatique.
Que vous soyez un passionné de technologie, un professionnel de l'informatique ou simplement à la recherche du meilleur équipement pour vos besoins personnels,
nous avons tout ce qu'il vous faut.
</p>
<h2>Nos Catégories</h2>
<ul>
<li>Ordinateurs portables</li>
<li>Ordinateurs de bureau</li>
<li>Composants (processeurs, cartes mères, etc.)</li>
<li>Périphériques (claviers, souris, moniteurs, etc.)</li>
<li>Stockage (disques durs, SSD, etc.)</li>
<li>Réseau (routeurs, switchs, etc.)</li>
</ul>
<h2>Pourquoi nous choisir ?</h2>
<p>
Chez <?php echo $siteName; ?>, nous nous engageons à vous fournir des produits de haute qualité à des prix compétitifs.
Nous travaillons avec les meilleures marques du marché pour vous garantir des performances optimales et une fiabilité sans faille.
</p>
<h2>Contactez-nous</h2>
<p>
Pour toute question ou besoin d'assistance, n'hésitez pas à nous contacter via notre page de contact ou à nous appeler directement.
Notre équipe d'experts est là pour vous aider à trouver le matériel qui correspond parfaitement à vos besoins.
</p>
</div>
<div class="footer">
© <?php echo date("Y"); ?> <?php echo $siteName; ?>. Tous droits réservés.
</div>
</body>
</html>
Explication
-
Structure de base : La page commence avec les balises HTML standard (<!DOCTYPE html>, <html>, <head>, et <body>).
-
Méta et styles : Le <head> contient des métadonnées et des styles CSS pour donner un aspect simple et propre à la page.
-
Contenu dynamique : Le nom du site ($siteName) est défini en PHP et utilisé à plusieurs endroits sur la page pour démontrer l'intégration PHP/HTML.
-
Contenu principal : La section principale (.container) contient un titre de bienvenue, une liste de catégories de produits, des informations sur les avantages du site et des détails de contact.
-
Pied de page : Une section de pied de page simple affiche l'année actuelle et le nom du site.
Enregistrez ce code dans un fichier .php, par exemple presentation.php, et ouvrez-le dans un serveur web local ou en ligne pour voir le rendu.
Ajouter un commentaire
Commentaires