Retour Accueil

Page type du Cours le html resultant


Vous êtes dans le Cours 1002 HTML (en cours de rédaction)

ReculRetour

<!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 &copy; 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