diff options
-rw-r--r-- | dut.html | 158 | ||||
-rw-r--r-- | img/IUTV.PNG | bin | 0 -> 4924 bytes | |||
-rw-r--r-- | img/P13.PNG | bin | 0 -> 1831 bytes | |||
-rw-r--r-- | question.txt | 2 | ||||
-rw-r--r-- | style.css | 52 | ||||
-rw-r--r-- | traitement.py | 27 |
6 files changed, 239 insertions, 0 deletions
diff --git a/dut.html b/dut.html new file mode 100644 index 0000000..10e6c11 --- /dev/null +++ b/dut.html @@ -0,0 +1,158 @@ +<!DOCTYPE html> +<html lang="fr"> +<head> + <title>Département R&T de l'IUT de Villetaneuse</title> + <meta charset="utf-8"> + <meta name="author" content="Adjutor Aimeric"> + <link rel="stylesheet" type="text/css" href="style.css"> + +<script> +function toggle_div(bouton, id) { + var div = document.getElementById(id); + if(div.style.display=="none") { + div.style.display = "block"; + } else { + div.style.display = "none"; + } +} +</script> +</head> + +<body> +<h1>Département R&T de l’IUT de Villetaneuse</h1> +<p>Bienvenue sur le site web du département R&T de l'IUT de Villetaneuse. Voici le menu de cette page :</p> +<ul> + <li><a href="#ENT">L'ENT</a></li> + <li><a href="#Prog">Programme du DUT R&T</a></li> + <li><a href="#Lien">Liens</a></li> + <li><a href="#Contact">Contact</a></li> +</ul> +<div class="list" id="list" style="display:none;"><ul> + <li><a href="#ENT">L'ENT</a></li> + <li><a href="#Prog">Programme du DUT R&T</a></li> + <li><a href="#Lien">Liens</a></li> + <li><a href="#Contact">Contact</a></li> +</ul></div> +<div class="menu" onclick="toggle_div(this,'list');"><em>Menu</em></div> +<div onclick="toggle_div(this,'content_ENT');"><h2 id="ENT">L'ENT</h2></div> +<div id="content_ENT" style="display:none;"> +<p> +L'ENT (espace numérique de travail) vous permet de <strong>voir vos notes</strong>, d'<u>accéder à votre emploi du temps</u> et enfin d'<u><strong>utiliser votre boîte mail.</strong></u> +</p> +<p><em>Pour accéder à votre ENT : +<a href="https://ent.univ-paris13.fr/"> +liens +</a> +</em> +</p> +</div> +<div onclick="toggle_div(this,'content_Prog');"><h2 id="Prog">Programme du DUT R&T</h2></div> +<div id="content_Prog" style="display:none;"> +<p>La formation est organisée sur 4 semestres :</p> +<table class="tab1"> + <tr> + <th>Semestre</th> + <th>Volume horaire</th> + </tr> + <tr> + <td>S1</td> + <td>400h</td> + </tr> + <tr> + <td>S2</td> + <td>400h</td> + </tr> + <tr> + <td>S3</td> + <td>300h</td> + </tr> + <tr> + <td>S4</td> + <td>200h</td> + </tr> +</table> +<p>Les modules enseignés en S1 :</p> +<table class="tab2"> + <tr> + <th>Module</th> + <th colspan="2">Volume horaire</th> + </tr> + <tr> + <td rowspan="3">M1101 - Réseaux d'entreprise</td> + <td>CM</td> + <td>6h</td> + </tr> + <tr> + <td>TD</td> + <td>12h</td> + </tr> + <tr> + <td>TP</td> + <td>18h</td> + </tr> + <tr> + <td rowspan="3">M1102 - Téléphonie</td> + <td>CM</td> + <td>6h</td> + </tr> + <tr> + <td>TD</td> + <td>12h</td> + </tr> + <tr> + <td>TP</td> + <td>12h</td> + </tr> +</table> +</div> +<div onclick="toggle_div(this,'content_Lien');"><h2 id="Lien">Liens</h2></div> +<div id="content_Lien" style="display:none;"> +<p>L'IUT de Villetaneuse</p> +<a target="_blank" + href="https://iutv.univ-paris13.fr/"> + <img src="img/iutv.png" + alt="icone_de_iutv"/> +</a> +<p>L'universite Paris 13</p> +<a target="_blank" + href="https://www.univ-paris13.fr/"> +<img src="img/p13.png" + alt="icone_de_paris13"/> +</a> +</div> +<div onclick="toggle_div(this,'content_Contact');"><h2 id="Contact">Contact</h2></div> +<div id="content_Contact" style="display:none;"> +<p>Contactez nous en remplissant ce formulaire:</p> +<form action="traitement.py"> +<table> + <tr> + <td>Votre nom:</td> + <td><input type="text" name="nom"/></td> + </tr> + <tr> + <td>Votre statut</td> + <td> + <label> + <input type="radio" name="statut" value="lycéen"/>lycéen + </label> + <label> + <input type="radio" name="statut" value="étudiant"/>étudiant + </label> + <label> + <input type="radio" name="statut" value="salarié"/>salarié + </label> + <label> + <input type="radio" name="statut" checked value="autre"/>autre + </label> + </td> + </tr> + <tr> + <td>Votre question:</td> + <td><input type="text" size="60" name="question"/></td> + </tr> +</table> + <input type="submit" value="Valider"/><br/> +</form> +</div> +</body> +</html> diff --git a/img/IUTV.PNG b/img/IUTV.PNG Binary files differnew file mode 100644 index 0000000..bc28aba --- /dev/null +++ b/img/IUTV.PNG diff --git a/img/P13.PNG b/img/P13.PNG Binary files differnew file mode 100644 index 0000000..c7bfc36 --- /dev/null +++ b/img/P13.PNG diff --git a/question.txt b/question.txt new file mode 100644 index 0000000..39c5d0d --- /dev/null +++ b/question.txt @@ -0,0 +1,2 @@ +Adjutor;étudiant;Pourquoi les roses sont rouges ?;Mendon;autre;Est-ce que ça va ?; +Tasnim;lycéen;Comment regarder fairy tail en streaming ?;
\ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..c3a5be2 --- /dev/null +++ b/style.css @@ -0,0 +1,52 @@ +body { + background-color: Gray; + } +h1 { + text-align: center; + } +h1,h2 {color: darkblue; + } + a { + text-decoration: none; + } +a:hover + { + color: red; + } +.tab1 th { + color: white; + background-color: black; + padding:10px; +} +.tab2 th{ + color: white; + background-color: darkblue; + padding:10px; +} +.tab1 td{ + border: solid black; + padding:10px; + } +.tab2 td{ + border: solid darkblue; + padding:10px; + } +.list { + position : fixed; + right: 10px; + bottom: 10px; + background : darkblue; + border : solid black; +} +.list a { + color : white; + } +.list a:hover {color:green;} +input:focus { + background-color: cyan; +} +.menu { + position:fixed; + right: 10px; + top: 10px; +} diff --git a/traitement.py b/traitement.py new file mode 100644 index 0000000..ecceba2 --- /dev/null +++ b/traitement.py @@ -0,0 +1,27 @@ +#!/usr/bin/python +#coding: utf-8 +def index(req): + req.content_type="text/html" + req.write("""<!DOCTYPE html> + <html lang="fr"> + <head> + <title>Département R&T de l'IUT de Villetaneuse</title> + <meta charset="utf-8"> + <meta name="author" content="Adjutor Aimeric"> + <link rel="stylesheet" type="text/css" href="STYLE.CSS"> + </head> + <body>""") + req.write("""<h1 id="Contact">Contact</h1>""") + if (req.form["nom"]==""): + req.write("Erreur : nom manquant!") + if (req.form["question"]==""): + req.write("Erreur : question manquante!") + else: + req.write("Merci " + req.form["nom"] + "! Votre message a bien été envoyé.") + f= open("/home/student/905/11802407/public_html/M1106/question.txt","a") + f.write(req.form["nom"] + ";" + req.form["statut"] + ";" + req.form["question"] + ";") + f.close + req.write("<a href=""http://localhost/~11802407/M1106/dut.html""><br/>Retour à l'acceuil</a>") + + req.write("""</body> + </html>""") |