Voir le résultat Retour à la page du projet
Afficher/Masquer les commentaires
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="ISO-10646"/>
<title>include</title>
<style>On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page style.css.
<?php
include 'style.css';
?></style>
</head>
On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page entete.php et y coller son contenu.
<?php
include 'entete.php';
?>
<h1>Accueil</h1>
<input type="button" name="Aller à la page 1" value="Aller à la page 1" onclick="self.location.href='page1.php'"><br>
</main>
On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page footer.php et y coller son contenu.
<?php
include 'footer.php';
?>
</html>
Afficher/Masquer les commentaires
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="ISO-10646"/>
<title>include</title>
<style>On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page style.css.
<?php
include 'style.css';
?></style>
</head>
On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page entete.php et y coller son contenu.
<?php
include 'entete.php';
?>
<h1>Page 1</h1>
<input type="button" name="Aller à la page d'accueil" value="Aller à la page d'accueil" onclick="self.location.href='index.php'"><br>
</main>
On ouvre des balises pour le php <?php et ?>, à l'intérieur on utilise la fonction include pour appeler la page footer.php et y coller son contenu.
<?php
include 'footer.php';
?>
</html>
Afficher/Masquer les commentaires
Voici ce qui sera collé à l'appel de la fonction include 'style.css'.
/* changement de model pour le modele de boite
* Plus simple avec border-box
*/
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* Couleurs et Fontes */
html {
font-size:62.5%;
}
body {
padding-left:20%;
padding-right:20%;
background-image: url(images/upfeathers.png);
font-size:1.4rem;
}
header {
background-color:black;
margin-bottom=0px;
}
header img {
width:100%;
margin-top:0px;
margin-bottom:0px;
}
main {
background-color:white;
padding:2rem;
}
nav {
background-color:black;
width:100%;
height:5rem;
margin-top:0px;
margin-bottom:10px;
}
nav ul{
list-style:none;
font-size:1,2rem;
margin-top:0rem;
margin-left:0.5rem;
padding-left:1rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
nav li{
background-color:black;
border:0.1rem solid white;
width: auto;
height:3rem;
text-decoration: none;
color: #ffffff;
font-size:1.6rem;
color:white;
margin-left:1rem;
margin-top:0.7rem;
padding:0.2rem;
}
nav a { /* Les liens qui ne sont pas sous le curseur. */
color: #FFFFFF;
text-decoration:none;
}
nav a:hover { /* Les liens lorsque le curseur est dessus. */
color: red;
text-decoration:none;
}
footer {
width:100%;
height:5rem;
font-size: 1.6rem;
color:white;
background-color:#2DA5D1;
text-align:center;
padding-top:1rem;
border-bottom-left-radius:2rem;
border-bottom-right-radius:2rem;
}
Afficher/Masquer les commentaires
Voici ce qui sera collé à l'appel de la fonction include 'entete.php'.
<header>
<a href="http://mathartung.xyz"><img alt="logo" src="images/entete.jpg"/></a>
</header>
<nav>
<ul>
<li><a href="index.php">accueil</a></li>
<li><a href="page1.php">retour au cours</a></li>
</ul>
</nav>
Afficher/Masquer les commentaires
Voici ce qui sera collé à l'appel de la fonction include 'footer.php'.
<footer>
page réalisée par Eric Hartung pour le site <a href="http://mathartung.xyz">mathartung.xyz</a>
</footer>