1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
|
---
title: Comment construire un site web
slug: conflicting/Learn_370bfb0fa23e42f4384f010341852c43
tags:
- Beginner
- Index
- NeedsContent
translation_of: Learn
translation_of_original: Learn/tutorial/How_to_build_a_web_site
original_slug: Apprendre/Tutoriels/Comment_construire_un_site_web
---
<p>Lorsqu'il s'agit d'apprendre la conception et le développement web, beaucoup souhaitent construire leur site web le plus rapidement possible. Pour faciliter votre progression, nous avons organisé et listé ici les connaissances minimales à acquérir.</p>
<p>Nous vous suggérons de démarrer avec les articles de ce tableau, en allant de la gauche vers la droite pour chacune des lignes, ligne après ligne. Si vous rencontrez des difficultés à comprendre un terme, n'hésitez pas à utiliser notre <a href="/fr/docs/Glossaire">glossaire</a>.</p>
<table class="standard-table">
<thead>
<tr>
<th scope="row" style="text-align: center;"> </th>
<th scope="col" style="text-align: center;">Savoir théorique</th>
<th scope="col" style="text-align: center;">Savoir technique</th>
<th scope="col" style="text-align: center;">Savoir faire</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" style="text-align: center;">1</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Commencez_votre_projet_web">Commencer son projet web</a></strong><br>
Cette article présente l'étape primordiale de n'importe quel projet : définir ce qu'on souhaite accomplir avec.</td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">2</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Fonctionnement_Internet">Le fonctionnement d'Internet</a></strong><br>
Dans cet article, nous expliquons ce qu'est l'Internet et comment il fonctionne.</td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">3</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/page_vs_site_vs_serveur_vs_moteur_recherche">Comprendre les différences entre une page web, un site web, un serveur web et un moteur de recherche</a></strong></td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Qu_est-ce_qu_un_serveur_web">Qu'est-ce qu'un serveur web ?</a></strong><br>
Dans cet article, nous verrons ce que sont les serveurs web, comment ils fonctionnent et pourquoi ils sont importants.</td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Quels_logiciels_sont_nécessaires_pour_construire_un_site_web">De quels logiciels ai-je besoin pour construire un site web ?</a></strong><br>
Dans cet article, nous listons les logiciels nécessaires pour éditer, mettre en ligne ou consulter un site web.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">4</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Le_fonctionnement_des_liens_sur_le_Web">Le fonctionnement des liens sur le Web</a></strong><br>
Dans cet article, nous verrons ce que sont les liens et en quoi ils sont importants pour la structure du Web.</td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">5</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Comprendre_les_URL">Comprendre les URL et leur structure</a></strong><br>
Cet article aborde les <em>Uniform Resource Locators</em> (URL) en expliquant leur rôle et leur structure.</td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Comprendre_noms_de_domaine">Comprendre les noms de domaine</a></strong><br>
Dans cet article, nous discutons des noms de domaine : ce qu'ils sont, comment ils sont organisés et comment en avoir un.</td>
<td style="vertical-align: top;"> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">6</th>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Concevoir_page_web">Concevoir une page web</a></strong><br>
Lorsque vous concevez des pages pour votre site Internet, il est utile d'avoir en tête les modèles de mise en page les plus fréquemment utilisés.</td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Publier_sur_le_Web_combien_ça_coûte">Publier sur le Web : combien ça coûte ?</a></strong><br>
Se lancer sur le Web n'est pas aussi bon marché qu'il y paraît à première vue. Dans cet article, nous verrons les différentes dépenses et leur raison d'être.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">7</th>
<td style="vertical-align: top;"><a href="/en-US/docs/Learn/The_basics_of_web_design">Les bases de la conception web (TBD)</a></td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Choisir_installer_paramétrer_un_éditeur_de_texte">Choisir, installer et paramétrer un éditeur de texte</a></strong><br>
Dans cet article, nous présentons les éléments principaux à connaître pour installer un éditeur de texte utilisé pour du développement web.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">8</th>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Mettre_en_place_un_environnement_de_travail">Mettre en place un environnement de travail</a></strong><br>
Cet article indique comment mettre en place un environnement de travail et de test afin d'organiser vos pages web.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">9</th>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/HTML/Écrire_une_simple_page_HTML">Écrire une simple page HTML</a></strong><br>
Dans cet article, vous apprendrez à créer une page web simple grâce à HTML.</td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Ouvrir_un_fichier_dans_un_navigateur_web">Ouvrir un fichier avec un navigateur web</a></strong><br>
Dans article, nous verrons comment ouvrir un fichier avec un navigateur web.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">10</th>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/HTML/Balises_HTML">Les balises HTML et leur rôle</a></strong><br>
Cet article aborde les bases de HTML : les balises et comment les utiliser.</td>
<td style="vertical-align: top;"><strong><a href="/fr/Apprendre/Transférer_des_fichiers_vers_un_serveur_web">Transférer des fichiers vers un serveur web</a></strong><br>
Cet article illustre comment publier votre site en ligne grâce à des outils FTP.</td>
</tr>
<tr>
<th scope="row" style="text-align: center;">11</th>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;"> </td>
<td style="vertical-align: top;">
<p><strong><a href="/fr/Apprendre/Tester_le_bon_fonctionnement_de_votre_site_web">Tester le bon fonctionnement de votre site web</a></strong><br>
Dans cet article, nous présenterons les différentes étapes permettant de diagnostiquer les problèmes d'un site web ainsi que les mesures à prendre pour corriger certains de ces problèmes.</p>
</td>
</tr>
</tbody>
</table>
<p>Voici les bases qu'il est nécessaire d'avoir pour construire son premier site web. Si vous souhaitez approfondir et aborder des notions plus avancées, afin de réaliser un site web professionel par exemple, vous pouvez poursuivre avec les articles du tableau qui suit :</p>
<table class="standard-table">
<thead>
<tr>
<th scope="row" style="text-align: center;"> </th>
<th scope="col" style="text-align: center;">Savoir théorique</th>
<th scope="col" style="text-align: center;">Savoir technique</th>
<th scope="col" style="text-align: center;">Savoir faire</th>
</tr>
</thead>
<tbody>
<tr>
<th scope="row" style="text-align: center;">12</th>
<td><strong><a href="/fr/Apprendre/Que_faut-il_pour_que_les_gens_voient_mon_site_web">Que faut-il pour que les gens puissent voir mon site web ?</a></strong></td>
<td> </td>
<td> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">13</th>
<td> </td>
<td><strong><a href="/fr/Apprendre/CSS/Utiliser_CSS_dans_une_page_web">Utiliser CSS dans une page web</a></strong><br>
Cet article explique comment appliquer des styles CSS à vos documents HTML.</td>
<td> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">14</th>
<td><strong><a href="/fr/Apprendre/Accessibilité">Qu'est-ce que l'accessibilité ?</a></strong><br>
Cet article aborde les concepts de base qui forment l'accessibilité pour le Web.</td>
<td><strong><a href="/fr/Apprendre/CSS/Les_propriétés_CSS">Les propriétés CSS et comment s'en servir</a></strong><br>
CSS définit l'apparence d'une page web. Il utilise des règles prédéfinies à l'aide de sélecteurs et de propriétés pour appliquer différents styles aux éléments et groupes d'éléments HTML.</td>
<td> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">15</th>
<td><strong><a href="/fr/Apprendre/Concevoir_site_tous_types_utilisateurs">Concevoir un site pour tous les types d'utilisateur</a></strong><br>
Cet article aborde les concepts de bases pour vous aider à construire des sites web accessibles à tous.</td>
<td>
<p><strong><a href="/fr/Apprendre/CSS/formatage_texte_CSS">Mise en forme basique du texte avec CSS</a></strong><br>
Cet article explique comment mettre en forme le texte de documents HTML en utilisant les propriétés CSS les plus communes.</p>
</td>
<td> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">16</th>
<td> </td>
<td><strong><a href="https://developer.mozilla.org/fr/docs/Apprendre/HTML/Comment/Ajouter_des_images_%C3%A0_une_page_web">Utiliser des images</a></strong></td>
<td> </td>
</tr>
<tr>
<th scope="row" style="text-align: center;">17</th>
<td><a href="/en-US/docs/Learn/Common_pitfalls_to_avoid_in_web_design">Common pitfalls to avoid in Web design (TBD)</a></td>
<td><a href="/en-US/docs/Learn/Basics_of_UX_Design">Basics of User eXperience (UX) Design (TBD)</a></td>
<td><strong><a href="/fr/Apprendre/Concevoir_menu_de_navigation">Design of navigation menus</a></strong></td>
</tr>
</tbody>
</table>
|
