|
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8" />
|
|
<link rel="icon" type="image/png" href="sakura_ico.png" />
|
|
<style>
|
|
p{
|
|
color:black;
|
|
font-family:arial;
|
|
}
|
|
|
|
a{
|
|
color: purple;
|
|
text-decoration: underline;
|
|
}
|
|
body{
|
|
background-color: #88b0e9;
|
|
font-family: 'Trebuchet MS', Arial, sans-serif;
|
|
color: #181818;
|
|
}
|
|
|
|
/* Entete*/
|
|
|
|
header
|
|
{
|
|
background-color: #b168c1;
|
|
border: 5px solid #7b0095;
|
|
border-radius: 20px;
|
|
width: 80%;
|
|
margin: auto;
|
|
}
|
|
|
|
header h1
|
|
{
|
|
font-family: 'BallparkWeiner', serif;
|
|
font-size: 2.5em;
|
|
font-weight: normal;
|
|
}
|
|
|
|
#titre_principal
|
|
{
|
|
display: inline-block;
|
|
}
|
|
|
|
#logo, header h1
|
|
{
|
|
display: inline-block;
|
|
margin-bottom: 0px;
|
|
}
|
|
|
|
|
|
/* Navigation */
|
|
|
|
nav
|
|
{
|
|
display: inline-block;
|
|
width: 740px;
|
|
text-align: right;
|
|
}
|
|
|
|
nav ul
|
|
{
|
|
list-style-type: none;
|
|
}
|
|
|
|
nav li
|
|
{
|
|
display: inline-block;
|
|
margin-right: 15px;
|
|
}
|
|
|
|
nav a
|
|
{
|
|
font-size: 1.3em;
|
|
color: #181818;
|
|
padding-bottom: 3px;
|
|
text-decoration: none;
|
|
}
|
|
|
|
nav a:hover
|
|
{
|
|
color: #760001;
|
|
border-bottom: 3px solid #760001;
|
|
}
|
|
|
|
/* Corps */
|
|
section
|
|
{
|
|
background-color: #ffffff;
|
|
border-radius: 4px;
|
|
width: 80%;
|
|
margin: auto;
|
|
margin-top: 10px;
|
|
padding: 5px 5px 5px 5px;
|
|
box-shadow: 0px 4px 4px #1c1a19;
|
|
}
|
|
|
|
/* Footer */
|
|
|
|
footer
|
|
{
|
|
padding-top: 25px;
|
|
width: 80%;
|
|
margin: auto;
|
|
}
|
|
|
|
footer p, footer ul
|
|
{
|
|
font-size: 0.8em;
|
|
}
|
|
|
|
footer h1
|
|
{
|
|
font-size: 1.1em;
|
|
}
|
|
|
|
#logo_renesas, #Projet, #auteurs
|
|
{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
}
|
|
|
|
#logo_renesas
|
|
{
|
|
width: 28%;
|
|
}
|
|
|
|
#Projet
|
|
{
|
|
width: 35%;
|
|
}
|
|
|
|
#auteurs
|
|
{
|
|
width: 31%;
|
|
}
|
|
|
|
#logo_renesas img
|
|
{
|
|
border: 1px solid #181818;
|
|
margin-right: 2px;
|
|
}
|
|
|
|
#auteurs ul
|
|
{
|
|
display: inline-block;
|
|
vertical-align: top;
|
|
margin-top: 0;
|
|
width: 48%;
|
|
padding-left: 2px;
|
|
}
|
|
</style>
|
|
<title>Informations webserveur</title>
|
|
</head>
|
|
|
|
<body>
|
|
<header>
|
|
<div id="titre_principal">
|
|
<h1>Web-Serveur GR-sakura</h1>
|
|
|
|
</div>
|
|
|
|
<nav>
|
|
<ul>
|
|
<li><a href="index.html">Accueil</a></li>
|
|
<li><a href="informations.html">Infos</a></li>
|
|
<li><a href="led.html">Contrôle des Leds</a></li>
|
|
<li><a href="temperature.html">Temperature</a></li>
|
|
<li><a href="resume.html">Resume</a></li>
|
|
<li><a href="http://am.renesas.com">Renesas</a></li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<section>
|
|
<h1>Présentation du serveur web wifi</h1>
|
|
<p>Le serveur web permet la communication de pages web à partir du microcontrôleur. Il affiche des pages stockées sur le serveur.</p>
|
|
<p>Pour créer une page, il faut procéder en 3 étapes :
|
|
<ul>
|
|
<li>Ecrire la page en html classique, grâce à un éditeur de texte ou un programme spécialisé.</li>
|
|
<li>Transformer la page .html en suite d'octets grâce au logiciel "http_convert.exe" inclus dans le code</li>
|
|
<li>Recompiler le code pour qu'il prenne en compte ces nouvelles pages (attention à bien vérifier que le compilateur comprenne la mise à jour du fichier qui décrit les pages : un "clean" peut être nécessaire</li>
|
|
</ul>
|
|
<p>Une fois ces étapes terminées, il suffit de taper l'adresse IP du serveur suivi du nom de la page (le nom sous lequel vous avez enregistré le fichier .html) pour la retrouver !<br>
|
|
Par exemple : 192.168.0.52/page_perso.html.</p>
|
|
<p>Pour utiliser la page à partir d'une autre, il suffit de créer un lien depuis une autre page du site (avec la balise <code><a href="page_perso.html">Ma page perso</a>)</code></p>
|
|
</section>
|
|
<footer>
|
|
<div id="logo_renesas">
|
|
</div>
|
|
<div id="Projet">
|
|
<h1>Projet web-serveur wifi</h1>
|
|
<p>p13b04</p>
|
|
</div>
|
|
<div id="auteurs">
|
|
<h1>Auteurs</h1>
|
|
<ul>
|
|
<li>Jonathan Chassaing</li>
|
|
<li>Florent Montes</li>
|
|
</ul>
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html>
|
