p13b04_informations.html

axel BARRIEUX, 04/08/2021 02:31 PM

Download (4.05 KB)

 
1
<!DOCTYPE html>
2
<html>
3
   <head>
4
        <meta charset="utf-8" />
5
                <link rel="icon" type="image/png" href="sakura_ico.png" />
6
                <style>
7
                p{
8
        color:black;
9
        font-family:arial;
10
}
11

12
a{
13
        color: purple;
14
        text-decoration: underline;
15
}
16
body{
17
        background-color: #88b0e9;
18
        font-family: 'Trebuchet MS', Arial, sans-serif;
19
    color: #181818;
20
}
21

22
/* Entete*/
23

24
header
25
{
26
        background-color: #b168c1;
27
        border: 5px solid #7b0095;
28
        border-radius: 20px;
29
        width: 80%;
30
        margin: auto;
31
}
32

33
header h1
34
{
35
    font-family: 'BallparkWeiner', serif;
36
    font-size: 2.5em;
37
    font-weight: normal;
38
}
39

40
#titre_principal
41
{
42
    display: inline-block;
43
}
44

45
#logo, header h1
46
{
47
    display: inline-block;
48
    margin-bottom: 0px;
49
}
50

51

52
/* Navigation */
53

54
nav
55
{
56
    display: inline-block;
57
    width: 740px;
58
    text-align: right;
59
}
60

61
nav ul
62
{
63
    list-style-type: none;
64
}
65

66
nav li
67
{
68
    display: inline-block;
69
    margin-right: 15px;
70
}
71

72
nav a
73
{
74
    font-size: 1.3em;
75
    color: #181818;
76
    padding-bottom: 3px;
77
    text-decoration: none;
78
}
79

80
nav a:hover
81
{
82
    color: #760001;
83
    border-bottom: 3px solid #760001;
84
}
85

86
/* Corps */
87
section
88
{
89
        background-color: #ffffff;
90
        border-radius: 4px;
91
        width: 80%;
92
        margin: auto;
93
        margin-top: 10px;
94
        padding: 5px 5px 5px 5px;
95
        box-shadow: 0px 4px 4px #1c1a19;
96
}
97

98
/* Footer */
99

100
footer
101
{
102
    padding-top: 25px;
103
        width: 80%;
104
        margin: auto;
105
}
106

107
footer p, footer ul
108
{
109
    font-size: 0.8em;
110
}
111

112
footer h1
113
{
114
    font-size: 1.1em;
115
}
116

117
#logo_renesas, #Projet, #auteurs
118
{
119
    display: inline-block;
120
    vertical-align: top;
121
}
122

123
#logo_renesas
124
{
125
    width: 28%;
126
}
127

128
#Projet
129
{
130
    width: 35%;
131
}
132

133
#auteurs
134
{
135
    width: 31%;
136
}
137

138
#logo_renesas img
139
{
140
    border: 1px solid #181818;
141
    margin-right: 2px;
142
}
143

144
#auteurs ul
145
{
146
    display: inline-block;
147
    vertical-align: top;
148
    margin-top: 0;
149
    width: 48%;
150
    padding-left: 2px;
151
}
152
                </style>
153
                <title>Informations webserveur</title>
154
    </head>
155

    
156
    <body>
157
                <header>
158
                <div id="titre_principal">
159
                                        <h1>Web-Serveur GR-sakura</h1>
160
                                        
161
                </div>
162
                
163
                <nav>
164
                    <ul>
165
                        <li><a href="index.html">Accueil</a></li>
166
                        <li><a href="informations.html">Infos</a></li>
167
                        <li><a href="led.html">Contrôle des Leds</a></li>
168
                                                <li><a href="temperature.html">Temperature</a></li>
169
                                                <li><a href="resume.html">Resume</a></li>
170
                                                <li><a href="http://am.renesas.com">Renesas</a></li>
171
                    </ul>
172
                </nav>
173
        </header>
174
        <section>
175
        <h1>Présentation du serveur web wifi</h1>
176
                <p>Le serveur web permet la communication de pages web à partir du microcontrôleur. Il affiche des pages stockées sur le serveur.</p>
177
                <p>Pour créer une page, il faut procéder en 3 étapes :
178
                <ul>
179
                        <li>Ecrire la page en html classique, grâce à un éditeur de texte ou un programme spécialisé.</li>
180
                        <li>Transformer la page .html en suite d'octets grâce au logiciel "http_convert.exe" inclus dans le code</li>
181
                        <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>
182
                </ul>
183
                <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>
184
                Par exemple : 192.168.0.52/page_perso.html.</p>
185
                <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>&lta href="page_perso.html"&gtMa page perso&lt/a&gt)</code></p>
186
                </section>
187
                <footer>
188
        <div id="logo_renesas">
189
        </div>
190
        <div id="Projet">
191
                <h1>Projet web-serveur wifi</h1>
192
                <p>p13b04</p>
193
        </div>
194
        <div id="auteurs">
195
                <h1>Auteurs</h1>
196
                <ul>
197
                <li>Jonathan Chassaing</li>
198
                <li>Florent Montes</li>
199
                </ul>
200
        </div>
201
</footer>
202
    </body>
203
</html>