image du bandeau imprimer

[le code html de la page contact du cv]

[étape1. Créez un nouveau fichier ]


groupe de calques

Dans dreamweaver (ou dans un fichier texte en modifiant l'extention ".txt" par ".htm") créez un nouveau document et nommez le "contact.htm" enregistez le à côté du dossier
"image_site"et du fichier "index.htm"

[étape2. la DOCTYPE et les métas]

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>
   meta http-equiv="Content-Type" content="text/html;
   charset=iso-8859-1"/>
   <meta name="author" content="votre nom " />
   <meta http-equiv="language" content="fr" /> 
   <meta name="description" content="Le contenu de mon site" />
   <meta name="Keywords" content="motclef1,motclef2,motclef3... " />
   <meta name="robots" content="index,follow" />

                              <!-- modifier accueil par contact -->
  <title>cv des stagiaires | contact</title>

</head>

<body></body>

</html>

[étape3. les principales balises]

Le code de base :

		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>
   <meta http-equiv="Content-Type" content="text/html;
   charset=iso-8859-1"/>
   <meta name="author" content="votre nom " />
   <meta http-equiv="language" content="fr" /> 
   <meta name="description" content="Le contenu de mon site" />
   <meta name="Keywords" content="motclef1,motclef2,motclef3... " />
   <meta name="robots" content="index,follow" />

   <title>cv des stagiaires | contact</title>

</head>

<body>
 <div id="global">
     <div id="bandeau">
      bandeau
     </div>
	 
     <div id="menu">	   
      menu 		 
     </div> 
	   
       <div id="contenu">
                                   <!-- modifier accueil par contact -->
          <h1>contact</h1>
       </div>
	 
     <div id="pied">
       pied
     </div>
	   
  </div>

</body>
</html>

voir le résultat

[étape4. Le code du formulaire]


<form name="formulaire" action="envoie_mail.php" 
 method="post" class="formulaire" />

     <label>votre nom :</label>
       <input name="nom" type="text" class="admin_form_bouton" 
        id="nom" maxlength="31" size="40"/>
	 
     <label>votre prénom :</label>
       <input name="prenom" type="text" class="admin_form_bouton" 
        id="prenom" maxlength="31" size="40"/>
	 
	  <label>votre adresse mail  :</label>
	   <input name="mail" type="text" class="admin_form_bouton"
        id="mail" size="40"/> 
		 
     <label>votre message :</label> 
	    <textarea name="message" cols="48" rows="8"
        class="admin_form_bouton"></textarea>
		
		  <br /><br />
		  
	  <input name="annuler" type="reset" value="annuler"
      class="admin_form_bouton" /> 
	 <input name="Input" type="submit" value="valider" 
      class="admin_form_bouton"/>
	 
</form>

[étape5. Ajout du formulaire à l'intreface]

		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>
   <meta http-equiv="Content-Type" content="text/html;
   charset=iso-8859-1"/>
   <meta name="author" content="votre nom " />
   <meta http-equiv="language" content="fr" /> 
   <meta name="description" content="Le contenu de mon site" />
   <meta name="Keywords" content="motclef1,motclef2,motclef3... " />
   <meta name="robots" content="index,follow" />

  <title>cv des stagiaires | contact</title>
</head>

<body>
 <div id="global">
     <div id="bandeau">
      bandeau
     </div>
	 
     <div id="menu">	   
      menu 		 
     </div> 
	   
       <div id="contenu">
          <h1>contact</h1>
		  
		 
<!-- le formulaire -->
       
		  <form name="formulaire" action="envoie_mail.php" 
          method="post" class="formulaire" />

          <label>votre nom :</label>  
           <input name="nom" type="text" class="admin_form_bouton" 
            id="nom" maxlength="31" size="40"/>
	 
          <label>votre prénom :</label>
           <input name="prenom" type="text" class="admin_form_bouton" 
            id="prenom" maxlength="31" size="40"/>
	 
	       <label>votre adresse mail  :</label>
	       <input name="mail" type="text" class="admin_form_bouton"
            id="mail" size="40"/> 
		 
          <label>votre message :</label> 
	        <textarea name="message" cols="48" rows="8"
            class="admin_form_bouton"></textarea>
	<br /><br />
		  
	      <input name="annuler" type="reset" value="annuler"
          class="admin_form_bouton" /> 
	     <input name="Input" type="submit" value="valider" 
          class="admin_form_bouton"/>
	 
        </form>
	 
		
   </div>
	 
     <div id="pied">
       pied
     </div>
	   
  </div>

</body>
</html>

voir le résultat

[étape6. Ajout du menu et des images]

Le code final :

		
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//
EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
<html xmlns="http://www.w3.org/1999/xhtml" lang="fr" xml:lang="fr">

<head>
   <meta http-equiv="Content-Type" content="text/html;
   charset=iso-8859-1"/>
   <meta name="author" content="votre nom " />
   <meta http-equiv="language" content="fr" /> 
   <meta name="description" content="Le contenu de mon site" />
   <meta name="Keywords" content="motclef1,motclef2,motclef3... " />
   <meta name="robots" content="index,follow" />

  <title>cv des stagiaires | contact</title>
</head>

<body>
 <div id="global">
     <div id="bandeau">
      
<!-- l'image du bandeau et le titre -->

       <img  src="image_site/bandeau.png" alt=" image du bandeau " 
       title=" image du bandeau "/>
	   
	    <h1> cv | nom - prenom - age </h1>
	   
    
     </div>
<!-- le menu -->
<div id="menu">

       <ul class="menu">
          <li><a href="index.htm">accueil</a></li>
          <li>|</li>
          <li><a href="contact.htm">contact</a></li>
          <li class="icone"><a href="#" OnClick="window.print();"> 
           <img class="icone" src="image_site/icone.png" 
           alt=" imprimer la page " title=" imprimer la page "/>
          </a></li>
       </ul>
</div>

<div id="contenu">
          <h1>contact</h1>
		  
		 
<!-- le formulaire -->
       
		  <form name="formulaire" action="envoie_mail.php" 
          method="post" class="formulaire" />

          <label>votre nom :</label>  
           <input name="nom" type="text" class="admin_form_bouton" 
            id="nom" maxlength="31" size="40"/>
	 
          <label>votre prénom :</label>
           <input name="prenom" type="text" class="admin_form_bouton" 
            id="prenom" maxlength="31" size="40"/>
	 
	       <label>votre adresse mail  :</label>
	       <input name="mail" type="text" class="admin_form_bouton"
            id="mail" size="40"/> 
		 
          <label>votre message :</label> 
	        <textarea name="message" cols="48" rows="8"
            class="admin_form_bouton"></textarea>
	<br /><br />
		  
	      <input name="annuler" type="reset" value="annuler"
          class="admin_form_bouton" /> 
	     <input name="Input" type="submit" value="valider" 
          class="admin_form_bouton"/>
	 
        </form>
	 
		
   </div>
	 
     <div id="pied">
      
<!-- l'image du pied de page -->

       <img  src="image_site/pied.png" alt=" image du pied " 
       title=" image du pied "/>

     </div>
	   
  </div>

</body>
</html>

voir le résultat

retour haut de page
http://www.neuro-graph.com
image du bandeau