HTML/PHP – pour bien commencer

Créé le : 3 mars 2017
Catégorie: Divers
Mise à jour : 21 octobre 2017

HTML/PHP – pour bien commencer

Pour faire propre il vaut mieux commencer avec quelques fichiers de bases

  • index.php : le plus important
  • style.css : pour la mise en page
  • header.php : pratique pour pas redéclarer dans chaque page créé
  • normalize.css : facultatif mais pratique pour « effacer » les différences entres les différents navigateurs
  • mobile.css : facultatif mais pratique si vous voulez adapter votre site aux appareils mobile
  • footer.php : facultatif mais pratique pour ne pas oublier de fermer les balises déclarés dans le header

Fast Start Pack (ou pack de démarrage rapide)

Téléchargez un fichier zip avec tous les fichiers

Ci dessous le détail de ce pack ou si vous voulez faire les fichiers vous même

index.php

<?php include 'header.php';?>
Contenu en HTML de la page
<?php include 'footer.php';?>

style.css

/*=========General=============*/
* {font-family: 'Open Sans', sans-serif;}
a{text-decoration:none;color:black;}
#main{padding:2vw;}

header.php

<?php
$titre_site="Titre du site";
 ?>
<html>
<head>
<meta charset="UTF-8">
<title><?php echo $titre_site;?></title>

<link rel="stylesheet" type="text/css" href="normalize.css">
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/css" href="mobile.css">
<link rel="icon" href="favicon.ico">
<link rel="icon" type="image/png" href="favicon.png"> 
</head>
<body>
<div id="titre">
 <a href="index.php" title="Retour page principale"><h1><?php echo $titre_site;?></h1></a>
</div>
<div id="main">

normalize.css

télécharger le fichier ici

mobile.css

le créer mais on peut le laisser vide pour l’instant

footer.php

</div><!--fin main-->
</body>
</html>

Laissez un commentaire