Programm ation web Travaux Pratiques Fatima-ezzahra Essaai & Rim Ouazine Travau

Programm ation web Travaux Pratiques Fatima-ezzahra Essaai & Rim Ouazine Travaux Pratique 0 : Introduction au Développement Web HTML, CSS Exercice 1 : <!doctype> <html> <head> <meta charset="utf-8"/> <title>EX1 </title> <body>Voici la première page personnel de Essaai Fatima-Ezzahra</body> </html> Exercice 2 : <!doctype> <html> <head> <meta charset="utf-8"/> <title>UN CV</title> </head> <body><b><font size=5><center>bienvenue dans la page de<br> Nom Prénom </center></font></br> <hr width=100% size=3 align=left> <p><b><font size=3>Etat Civil:<br>Premier paragraphe.</font></b></p> <hr width=80% size=3 align=center noshade> <p><b><font size=3>Parcours universitaire:<br>Deusième paragraphe. </font></b></p> <hr width=80% size=3 align=center noshade> <p><b><font size=3>Expériences professionnelles:<br>Troisième paragraphe. </font></b></p> <hr width=80% size=3 align=center noshade> <p><b><font size=3>Loisirs:<br>Quatrième paragraphe. </font></b></p> <hr width=80% size=3 align=center noshade> <p><b><font size=3>Contact:<br> Email:xxx@gmail.xxx tel:06xxxxxx adresse:xxxx</font></b></p> <hr width=80% size=3 align=center noshade> </body> </html> Exercice 3 : <!doctype > <html> <head> <meta charset="utf-8"/> <title>Document</title></head> <body><b><center><font size=5> Résultat du module Développement Web <br>Département d'informatique </font></center></b> <pre> Noms Note classement - - - - - - - - - - - - - - - - - - - - - - - - - karim 16 1 Sara 14,5 2 Mohammed 10 4 - - - - - - - - - - - - - - - - - - - - - - - - - </body> </html> Après la suppression de la balise <pre> on observe la chose suivante : On constate que cette balise garde la forme . Exercice 4 : <!doctype> <html> <head> <title >Listes</title> </head> <body> <b><font size=6> Exemple de liste non ordonnée </font> </b><br><br> Université My Slimane <ul type=disc> <li>EST <li>FST <li>FP</ul><br> Laboratoires<ul type=square> <li>ESSI <li>TIM <li>MAD</ul><br> Ville<ul type=circle> <li>Beni Mellal <li>Settat <li>Casablanca</ul><br> <b><font size=6> Exemple de liste ordonnée </font> </b><br><br> Université My Slimane <ol type=1> <li>EST <li>FST <li>FP</ol><br> Laboratoires<ol type=A> <li>ESSI <li>TIM <li>MAD</ol><br> Ville<ol type=i> <li>Beni Mellal <li>Settat <li>Casablanca</ol><br> Modules semestre 1<ol start=3> <li>Java <li>Php <li>Base de donnée <li>Algo-Prog</ol><br> <b><font size=6> Exemple de liste de définitions </font> </b><br><br> <b><font size=4>Departements: </font> </b><br> <dl><dt>ESSI</dt> <dd>Equipe Signaux et System Informatique</dd> <dt>MAD</dt> <dd>Mathématique d'aide à la decision </dd><dt>TIM</dt> <dd>Telecome & Informatique & Multimédias</dd></dl><br> <b><font size=6>Exemple de liste imbriquée</font> </b><br><br> <ol type=1> <li>BMW <ul type=circle> <li>serie3 <li>serie5</ul> <li>Renaut <dl><dt>Megane <dd>1,2,3 <dt>Clio <dd>classic, capture</dl> <li>FORD </ol><br><br> </body> </html> Exercice 5 : <!doctype> <html> <head> <title>Document</title> </head> <body> <b> <center> <a href="Document2.html"> Document 2 </a> </center> </b> </body> </html> <!doctype> <html> <head> <title>Document</title> </head> <body> <b> <center> <a href="Document1.html"> Document 1 </a> </center> </b> </body> </html> <!DOCTYPE> <html> <head> <meta charset="utf-8"/> <title>Document</title> </head> <body>Ouvrir cette site <br><br> <a href="http://www.google.fr"> Site de google </a><br><br><br> <H1>Modules Genie informaique</H1><br><br> <A HREF="#Informatique"><H2>Informatique </H2></A><br><br><br> <A HREF="#Mathematique"> <H2>Mathematique</H2></A> <br> <br><br> <AHREF="#Physique"><H2>Physique</H2></A><br><br><br><br><br><br ><br><br> <A NAME="Mathematique"></A> Analyse<br><br>algebre<br><br><br><br><br><br><br><br> <A NAME="Informatique"></A> PHP<br><br>Java<br><br>UML<br><br>Base de donnée<br><br> Analyse de donnée<br><br><br><br><br><br><br><br> <A NAME="Physique"></A>Electricité<br><br>Mécanique quantique<br><br>Electromagnétisme<br><br> <br><br><br><br><br><br><br><br> </body></html> <!doctype> <html> <head> <meta charset="utf-8"/> <title> Document</title> </head> <body> <A href="doc.html#Mathématique"> Mathématique </a> </body> </html> Exercice 6 : <!doctype> <html><head> <meta charset="utf-8"> <title>Tableaux</title> </head><body><br> <br> <br> <table border><tr> <th> Titre 1 </th> <th> Titre 2 </th> <th> Titre 3 </th></tr><tr> <td> A </td> <td> B </td> <td> C </td> </tr><tr> <td> D </td> <td> E </td> <td> F </td> </tr></table> <br> <br> <br> <table border> <tr><th COLSPAN=2> Physique </th> <th COLSPAN=2> Informatique </th> </tr><tr> <td> Mecanique classique </td> <td> Mecanique quantique </td> <td> Réseaux </td> <td> Java </td></tr><tr> <td> Optique </td> <td> Eléctricité </td> <td> PHP </td> <td> Bureautique </td></tr> </table><br> <br> <br> <table border><tr> <th ROWSPAN=2> Titre 1 </th> <td> Item 1 </td> <td> Item 2 </td> <td> Item 3 </td> <td> Item 4 </td> </tr><tr><td> Item 5 </td> <td> Item 6 </td><td> Item 7 </td> <td> Item 8 </td></tr><tr> <th ROWSPAN=2> Titre 2 </th> <td> Item 9 </td> <td> Item 10 </td> <td> Item 3 </td> <td> Item 11 </td></tr> </table></body></html> <!doctype> <html> <head> <meta charset="utf-8"/> <title>Emploie</title> </head> <body> <b><font size=5><center>LST INFORMATIQUE -EMPLOIE DU TEMPS- </center></font></b><b> <Table border=1 cellspacing=0 width=80% align=center> <tr> <th></th> <th> 08H-10H </th> <th> 10H-12H </th> <th></th> <td bgcolor="#000000"> </td> <th> 14H-16H </th> <th> 16H-18H </th> <th> </th> </tr> <tr> <th>LUNDI</th> <td colspan=2><center>COURS IBD<br>A02</center></td> <td> M.NACHAOUI </th> <td bgcolor="#000000"> </td> <td Colspan=2><center>COURS PW<br>A02</center></td> <td>H.ZOUGHAGH</td> </tr> <tr> <th> MARDI </th> <td colspan=2><center>TP PW<br>A02</center></td> <td>H.ZOUGHAGH</th> <td bgcolor="#000000"> </td> <td Colspan=2></td> <td></td></tr> <tr> <th> MERCREDI </th> <td colspan=2><center>TP POO<br>A02</center></td> <td>R.EL AYACHI</th> <td bgcolor="#000000"> </td> <td colspan=2><center>TP IBD<br>A02</center></td> <td>M.NACHAOUI</td></tr> <tr> <th> JEUDI </th> <td colspan=2></td> <td> </td> <td bgcolor="#000000"> </td> <td colspan=2><center>COURS POO<br>AMPHI 5</center></td> <td>R.EL AYACHI</td></tr> <tr> <th> VENDREDI </th> <td><center>TD POO<br>B01</center></td> <td></td> <td>M.ER-ROUIDI></td> <td bgcolor="#000000"> </td> <td colspan=2></td> <td></td></tr> </body> </html> Exercice 7 : <!doctype> <html> <meta charse="utf-8"/> <title>Formule</title></head> <body> <form method="post" action="traitement.php"> <p>Cochez votre sexe <input type="radio" name="sexe" value="Homme" />Homme <input type="radio" name="sexe" value="Femme" />Femme<br> <form method="post" action="traitement.php"> Votre prénom : <br><input type="text" name="Prénom" size=30/></form> <form method="post" action="traitement.php"> Votre nom : <br><input type="text" name="Nom" size=30/></form> Votre mot de passe : <br><input type="password" name="pass" size=30/> <form method="post" action="traitement.php"> <p>Niveaux d'études<br><select name="Niveau" > <optgroup label="Université"> <option value="Deust">Deust</option> <option value="Licence">Licence</option> <option value="Master">Master</option> <option value="Doctorat">Doctorat</option></optgroup> <optgroup label="Lycée"> <option value="Tronc commun">Tronc commun</option> <option value="1ère année bac">1ère année bac</option> <option value="2ème année bac">2ème année bac</option></optgroup> <optgroup label="Collège"> <option value="1ère année">1ere année</option> <option value="2ème année">2ème année</option> <option value="3ème année">3ème année</option></optgroup> </select></p></form> <form method="post" action="traitement.php"> Opération souhaité?<br /> <input type="checkbox" name="Location de mobilier" value="Opération"/>Location de mobilier <input type="checkbox" name="Achat de mobilier" value="Opération" /> Achat de mobilier<br /></form> Votre message :<br> <TEXTAREA name="zone_libre" rows=5 cols=40 placeholder="Vous pouvez saisir ici message".></TEXTAREA><br> <input type="submit" value="Envoyer"> <input type="reset" value="Annuler"></body></html> uploads/Science et Technologie/ programm-ation-web-travaux-pratiques.pdf

Tags
Science et Technologie</td> </th> <!doctype> <html> <option
Documents similaires
  • 72
  • 0
  • 0
Afficher les détails des licences
Licence et utilisation
Gratuit pour un usage personnel Attribution requise
Partager