Quelques codes sources
Page d'accueil
<!doctype html>
<body style="background:blue">
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Inscription en ligne des
élèves</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="style3.css">
<link rel="stylesheet" href="style4.css">
</head>
<body>
<header>
<span class="l"> <img src="photo/kanku.PNG" align="left"
alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/espérance.PNG"
alt="Belle image" id="logo" width=50% /></span>
<span class="l"> <img src="photo/kanku.PNG"
align="right" alt="Belle image" id="logo" width=10% /></span>
<section>
<nav id="id2">
<span class="c1"><a
href="index.php">Accueil</a></span>
<span class="c1"><a href="Actualite.php">
Actualite</a></span>
<span class="c1"><a href="cible.php">
Inscription</a></span>
<spanclass="c1"><a
href="Administration.php">Administration</a></span>
<span class="c1"><a
href="Historique.php" rel="nofollow">Historique</a></span>
<span class="c1"><a
href="Photos.php">Photos</a></span>
<section>
<center>
<aside class="cl1">
<img src="photo/avenir22.png" width=200px height=100px/
>
<h4> Comment trouver le Complexe Marie mère de
l'espérance</h4>
Ne vous inquitez pas pour nous trouver,
la référence est simple, venez juste au
quartier Kamayi, derrière l'Institut Pédagogique
de Kananga....<br/>
<nav><span class="c1"><a href="GEO.PHP"> Lire
la suite</a></span></nav>
</aside>
<aside class="cl1">
<img src="photo/avenir33.png" width=200px height=100px/
>
<h4>Vous voulez savoir plus sur le complexe scolaire Marie
mère de l'espérance</h4>
Appelée aussi Mamu wa ditekemena en dialecte, est une
école catholique implantée dans l'Archidiocèse de Kananga.
Pour plus d'informations, contactez...
<nav><span class="c1"><a
href="CATHOLIQUE.PHP"> Lire la suite </a></span></nav>
</aside>
<aside class="cl1">
<img src="photo/avenir2.jpg" width=200px height=100px/ >
<h4> Les élèves du Complexe en plein
examen</h4>
Comme vous pouvez le voir avec nous, ces élèves
de 5ème Année Commerciale Administrative
passent l'examen de Géographie. Ils travaillent sous une
haute surveillance. Quelle discipline!
<nav><span class="c1"><a href="lire.PHP"> Lire
la suite</a></span></nav>
</aside>
<aside class="cl1">
<img src="photo/log1.PNG" width=200px height=100px/ >
<h4> Les élèves de Coupe et Couture,
4ème année, en plein cours </h4>
Ces jeunes filles, convaincues de la formation qu'elles
reçoivent
au Lycée Marie Mère de l'Espérance,
prennent leur dictée avec
passion mais sans passion...
<nav><span class="c1"><a
href="Actualite.html"> Lire la suite </a></span></nav>
</aside>
</center>
</section>
<aside id="id5>
</aside>
</article>
<section class="class2">
<article>
</article>
</section>
<footer>
<center>
<aside class="footer1">
<span style="color:blue"> <b> <h5><blink>
<a href="programme.PHP">Cliquer sur ce lien pour accéder au
programme scolaire 2014-2015</a></blink></h5>
</aside>
</footer>
<aside class="footer1">
<span style="color:black"><B> <span
style="color:#0000CD">PARENTS, PREPARONS L'AVENIR DE NOS ENFANTS !
</B></br> </br>
<span class="l"> <img src="photo/rss.PNG" align="left"
alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/twitter.PNG"
align="left" alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/fac.PNG" align="left"
alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/google2.PNG"
align="left" alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/Draprdc.GIF"
align="left" alt="Belle image" id="logo" width=10% /></span>
<span class="l"> <img src="photo/flickr.PNG"
align="left" alt="Belle image" id="logo" width=10% /></span>
<nav><span class="c1"><a href="cible3.php">
<a href="WEBMASTERS.PHP">Webmasters</a></span></nav>
<br/><center><i><h3> Copyrigth
@jm+</h3></i></center><br/> <BLINK>Analyste,
Programmeur et Concepteur: <span style="color: red"> KANKU KABANGU Jean
Marie </BLINK>
</FORM>
</FONT>
</FORM>
</section>
</body>
</html>
Interface Inscription
<!doctype html>
<html lang="fr">
<head>
<meta charset="utf-8" />
<title>Inscription en ligne des
élèves</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="style2.css">
<link rel="stylesheet" href="style3.css">
</head>
<body>
<body style="background:#32CD32">
<header>
<h2> FORMULAIRE D'INSCRIPTION </h2>
</header>
<section>
<nav id="id2">
<span class="c1"><a
href="index.php">Accueil</a></span>
<span class="c1"><a href="Actualite.php">
Actualite</a></span>
<span class="c1"><a href="cible.php">
Contact</a></span>
<span class="c1"><a
href="Administration.php">Administration</a></span>
<span class="c1"><a
href="Historique.php" rel="nofollow">Historique</a></span>
<span class="c1"><a
href="photos.php">Photos</a></span>
</nav>
<table style="background:#80BFFF">
<form action="cible2.php" method="POST">
<section class="classe">
<br/>
<body style="background:yellow">
<h1><u><i> <B><center>IDENTITE DE
L'ELEVE A INSCRIRE</center>
</B></i></u></h1><br/>
<center>
<aside class="s">
<span class="classe1"> Matricule :
</span><br/><br/>
<span class="classe1"> Nom :
</span><br/><br/>
<span class="classe1">Post nom
:</span><br/><br/>
<span class="classe1">Prénom
:</span><br/><br/>
</aside>
<aside class="s">
<span class="classe1"><input type="text"
name="Matricule"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Nom"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Postnom"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Prenom"/></span><br/><br/>
</aside>
<aside class="s">
<span class="classe1">Sexe
:</span><br/><br/>
<span class="classe1">Pays
:</span><br/><br/>
<span class="classe1">Province
:</span><br/><br/>
<span class="classe1">Ville
:</span><br/><br/>
</aside>
<aside class="s">
<span class="classe1"><select name="Sexe">
<option value="question" selected>Quel est ton
sexe?<br> </option>
<option value="M">M<br></option>
<option
value="F">F<br></option></span><br/><br/>
<br/><br/><input type
="reset"value="Annuler"></span><br/><br/>
<span class="classe1"><input type="text"
name="Pays"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Province"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Ville"/></span><br/><br/>
</aside>
<aside class="s">
<span class="classe1">Lieu de naissance
:</span><br/><br/>
<span class="classe1">Date de naissance
:</span><br/><br/>
<span class="classe1"> Classe
:</span><br/><br/>
<span class="classe1">Option
:</span><br/><br/>
</aside>
<aside class="s">
<span class="classe1"><input type="text"
name="Lieu_de_naissance"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Date_de_naissance"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Classe"/></span><br/><br/>
<span class="classe1"><input type="text"
name="Option_choisi"/></span><br/><br/>
</aside>
<br/>
</center>
<table border=0 align=left>
<tr>
<td><input type="submit" value="Enregistrer" width=180%
height=70%/></td>
<td><input type="reset" value="Initialiser" width=180%
height=70%/></td>
<td><input type="file" onKeydown="JOINDRE('Cliquez sur
Parcourir');this.value=this.value;return false;"/>
</tr>
</table><br/><br/>
<h3 align=left> <span style="color: "> VOICI LES
DERNIERS INSCRITS: </h3>
<?php
$ch=new PDO('mysql:host=localhost; dbname=ajm', 'root', '');
$requete=$ch->query('SELECT Matricule, Nom, Postnom, Prenom
FROM eleve ORDER BY ID DESC LIMIT 0, 3');
while($affichage=$requete->fetch())
{
echo '<strong>'. " Matricule:
".htmlspecialchars($affichage['Matricule']).'<br/>';
echo '</strong>'."Nom, Post nom et Prenom:
".htmlspecialchars($affichage['Nom'])."
".htmlspecialchars($affichage['Postnom']). "
".htmlspecialchars($affichage['Prenom']).'<br/>'.'<br/>';
}
$requete-> closeCursor();
?>
</form>
</section>
<footer>
<center>
<aside class="footer1">
SAINTE MARIE MERE DE L'ESPERANCE
</aside>
<aside class="footer1">
<nav><span class="c1"><a href="cible3.php">
Webmasters</a></span></nav>
</aside>
<aside class="footer1">
L'école secondaire la mieux repitée
</aside></center>
<br/><center><i><h3> Copyrigth
@jm+</h3></i></center><br/>
</footer>
</section></body>
</html>
| 
