Page type du Cours le html resultant
Vous êtes dans le Cours 1002 HTML (en cours de rédaction)
Retour
<!DOCTYPE html><html lang='fr'><head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<![endif]-->
<script type='text/javascript' src='zzz/wjava.js'></script>
<meta property='og:title' content='Venez apprendre le PHP HTML CSS JavaScript' />
<meta property='og:description' content='les astuces du Web Fox-Infographie' />
<meta property='og:type' content='article' /><meta property='og:image' content='https://fox-infographie.com/logos/les-astuces-du-web.jpg' />
<meta property='og:url' content='https://fox-infographie.com/0-web_topo-php-1000.php' /><title>
Faites votre site WEB vous même Page analysée dans les Cours de Christéle Rubneau (site officiel)</title>
<meta name='keywords' content='Contacter joindre , Les cours PHP de Christéle Rubneau, programmeuse, webmaster, infographiste' />
<meta name='description' content='Contactez Christéle Rubneau Webmaster Programmation' /><meta name="robots" content="all" />
<meta name="rating" content="general" /><meta name="revisit-after" content="30 days">
<link rel='canonical' href='https://fox-infographie.com/0-web_topo-php-1000.php' >
<link href='zzz/prism.css' rel='stylesheet' media='all' type='text/css' /><link rel='stylesheet' href='0-web.css' type='text/css' media='all' />
<link rel='shortcut icon' type='image/x-icon' href='https://fox-infographie.com/favicon.ico' /></head><body>
<div id='Limage_de_droite' class='Limage_de_droite'><img src='logos/img-droite-005.png' alt='' /></div><div class='home' id='home' >
<a href='index-astuces.php' ><img src='zzz/home.png' class='img-home' alt='Retour Accueil' /></a><br /></div>
<div class="user-info" onmouseover="mouseOver()" onmouseout="mouseOut()"><a href='#' >
<img src='avatar/Bruneau.jpg' class='img-circle' ></a><br /><div id='pour-user' ><b> Bonjour Bruneau</b>
<br /><br /><a href='weditionprofil.php' class='LesA3' >Editer votre profil</a><br />
<a href='wdeconnexion.php' class='LesA3' >Se déconnecter</a><br /></div></div><div class='scrollUpH'>
<a href='#'><img src='zzz/haut2.png' alt=' '/></a></div><div class='scrollUpB'><a href='#bas'>
<img src='zzz/bas2.png' alt=' '/></a></div><div class='wrapper'>
<div class='bandeau' style='background: url(logos/astuce-bandeau.jpg) center / cover no-repeat;width:100%;'>
<img src='zzz/puce_vide_200_2001.gif' alt ='' /></div>
<div class="ToutMenu">
<input type='checkbox' id='LaCheckBox' class='LaCheckBox' /><label for='LaCheckBox' class='LeLabel'><img src='zzz/menuclic.png' alt='Menu' />
</label><div class='menu'><a href='0-web_blog01_la_confusion_des_desirs.php' class='lemenu'> Le Blog </a>
<a href='#' class='lemenuA'> Univers Programmation </a><a href='wblog_tchat.php' class='lemenu'> Le Tchat
</a><a href='wphoto.php' class='lemenu'> Galerie </a><a href='0-web_favoris.php' class='lemenu'> Mes Favoris
</a><a href='0-web_contacts.php' class='lemenu'> Contact </a><a href='outil_cherche.php' class='lemenu'> Recherche
</a><a href='wblog_livre_d_or.php' class='lemenu'>Livre d'OR</a></div></div>
<div class="content">
<div class="centre4blanc" >
<div class='Connecter1' id='Connecter1'>
<div class='PetitBloque'><br />
<form method='POST' action='0-web_topo-php-1000.php'>
<input id='Clogin' name='Clogin' type='hidden' value='Clogin'>
<input type='email' name='Cloginmail' placeholder='Mail' /><br /><br />
<input type="password" id="LinputMdpa" autocomplete="current-password" name="Cloginmdp" placeholder='Mot de passe' />
<a href="#" onclick="voirpasvoir('a');" ><img src="zzz/eyes-pasword1.jpg" id="LimgMdpa"></a>
<br /><br />
<input type='submit' value='Se connecter !' name='submit_1'/>
</form><br /><br />
</div>
</div>
<br />
<span class="leTitre">Voici, la page type de notre TOPO</span>
<br />
<section class="centreXblanc" >
<article>
<figure>
<img class="bande" alt="021-php-mysql-js Christele Rubneau" id="lui" src="logos/021-php-mysql-js-1024.jpg" />
</figure>
<div>
Rappelons que toutes les pages de ce site sont identiques, utilisant :<br />
<ul class="ulleft" >
<li>Les boutons et autres éléments de navigation indépendants des quatre grands secteurs forment la structure GRID</li>
<li>Le premier GRID contenant le bandeau avec ou sans image</li>
<li>Le deuxième GRID contenant le menu</li>
<li>Le troisième GRID contenant la page</li>
<li>Le quatrième GRID contenant le bas de page</li>
</ul><br />
</div>
</article>
</section>
<p class="txtjust">
Par rapport aux autres pages du site nous avons ajouté dans le GRID bandeau une image ,vous pouvez voir le code html complet en appuyant sur
<a href="0-web_topo-php-1002.php" target="blank" class="b-bleu" >Ctrl-u</a> nous vous conseillons
également d'accéder ici <a href="0-web.css" target="blank" class="b-bleu" >à la page de styles CSS du site</a>
ainssi qu'au<a href="zzz/wjava.js" target="blank" class="b-bleu" > petit JavaScript </a>
ces deux éléments vous seront expliqués en détail au cours des TOPOS.<br /><br />
Profitez de cette visite de la page objet de tous nos TOPOS, pour analyser le découpage plus précis de
<a href="0-web_topo-php-1001.php" target="blank" class="b-bleu" >la structure GRID de notre site</a>
</p>
</div></div><div class='footer'><br /><br /><img src='logos/2010-php-mysql-js-1200-600.jpg' alt=' ' class='bande2' /><br />
<br /><br /><a href='0-web_apropos.php' class='LesAcoryght'>A Propos de les Astuces du Web</a><br /><br />
<a href='0-web_copyright.php' class='LesAcoryght'> CNIL réf: 1050096 2004 © Christele Rubneau</a><br /><br />
<a href='outil_cherche.php' class='LesAcoryght'> recherche sur le site</a><br /><br /><br /><div id='bas'>
</div></div></div><script src='zzz/prism.js'></script></body></html>
Le PHP de la page type de nos TOPOS envoie au final ce HTML a l'explorateur du visiteur
