|
|
@@ -38,14 +38,14 @@
|
|
|
</h3>
|
|
|
<p>
|
|
|
Ce site a été codé en HTML. Pour voir le code source, il vous suffit d'utiliser la combinaison de touches <code>Ctrl</code>+<code>u</code>
|
|
|
- sous le navigateur Firefox. Et oui, il ne m'a fallu qu'un simple éditeur de texte pour arriver à ce résultat. Un
|
|
|
- éditeur de texte un peu tuné, certes. J'ai d'abord utilisé
|
|
|
+ sous le navigateur Firefox. Un simple éditeur de texte suffit pour arriver à ce résultat, même s'il en existe des perfectionnés pour faciliter
|
|
|
+ certaines tâches. J'ai d'abord utilisé
|
|
|
<a href="https://www.jetbrains.com/webstorm/">WebStorm</a>, puis
|
|
|
<a href="https://www.sublimetext.com/">SublimeText</a>, plus léger, puis
|
|
|
<a href="https://www.vim.org/">Vim</a>, encore plus léger.
|
|
|
</p>
|
|
|
<p>
|
|
|
- Afin de mettre un peu de style à l'information brute (celle contenue dans le HTML), j'ai utilisé un template CSS
|
|
|
+Afin de mettre un peu de style à l'information brute (celle contenue dans le HTML), j'ai utilisé un <em>framework</em> CSS
|
|
|
qui s'appelle Bootstrap. Cette technologie a été développée par Twitter, et est parfois aussi appelé en
|
|
|
conséquence Twitter Bootstrap. N'hésitez pas à faire un tour sur le
|
|
|
<a href="https://getbootstrap.com/">site officiel de Bootstrap</a>
|
|
|
@@ -62,10 +62,10 @@
|
|
|
forme. Je n'ai fait que modifier des détails, comme la couleur et les titres des liens.
|
|
|
</p>
|
|
|
<p>
|
|
|
- Il faut savoir que Bootstrap est un framework très connu, et donc utilisé dans de nombreux sites web. On peut
|
|
|
- citer BlaBlaCar, par exemple, le fameux site de covoiturage. À cause de cette mode, et malgré la
|
|
|
- personnalisation assurée par les développeurs, les sites se ressemblent (forme des boutons, des onglets). On
|
|
|
- peut donc critiquer le fait que je l'utilise : développer son propre site, c'est devoir se démarquer et montrer
|
|
|
+ Il faut savoir que Bootstrap est un framework très connu, et donc utilisé dans de nombreux sites web.
|
|
|
+ À cause de cette mode, et malgré la personnalisation assurée par les développeurs,
|
|
|
+ les sites se ressemblent (forme des boutons, des onglets).
|
|
|
+ On peut donc critiquer le fait que je l'utilise : développer son propre site, c'est devoir se démarquer et montrer
|
|
|
son originalité. Mais c'est peut-être aussi se tenir au courant des technologies actuelles et de les mettre en
|
|
|
pratique ...
|
|
|
</p>
|
|
|
@@ -99,12 +99,12 @@
|
|
|
Pour ceux qui se demandent à quoi peut ressembler une telle machine, je vous laisse visiter
|
|
|
<a href="https://www.raspberrypi.org/products/raspberry-pi-3-model-b/"> le site du vendeur officiel</a>.
|
|
|
En fait, c'est tout simplement une unité centrale, comme celle que vous pouvez avoir dans votre bureau, mais en
|
|
|
- plus petit. Beaucoup plus petit. Mais tout autant fonctionnel (il marche bien mon site, non ?).
|
|
|
+ plus petit. Beaucoup plus petit. Mais tout autant fonctionnel.
|
|
|
</p>
|
|
|
<p>
|
|
|
Après, il a fallu configurer l'appareil. Le système d'exploitation est Debian, une distribution de Linux. Pour
|
|
|
les néophites, un système d'exploitation est le programme principal qui vous permet d'utiliser votre ordinateur
|
|
|
- personnel. Debian est à Linux ce que Windows 10 est à Microsoft Windows (en gros).
|
|
|
+ personnel. Debian est à Linux ce que Windows 10 est à Microsoft Windows (ceci est une approximation).
|
|
|
</p>
|
|
|
<p>
|
|
|
Enfin, il suffit d'installer un serveur HTTP (le programme qui répondra à votre navigateur). Ici j'ai utilisé
|
|
|
@@ -125,7 +125,7 @@
|
|
|
J'ai un serveur capable de répondre aux clients pour distribuer les pages web.
|
|
|
</p>
|
|
|
<p>
|
|
|
- Mais l'histoire n'est pas finie. Je pense que vous le savez, Internet est un réseau mondial. Il est donc très
|
|
|
+ Mais l'histoire n'est pas finie, car Internet est un réseau mondial. Il est donc très
|
|
|
vaste. Il y aurait plus de 200 millions de serveurs comme celui que je viens de vous présenter qui y sont
|
|
|
connectés. (Selon
|
|
|
<a href="https://fr.wikipedia.org/wiki/Internet_dans_le_monde#Nombre_de_serveurs">Wikipedia</a>).
|
|
|
@@ -139,9 +139,10 @@
|
|
|
de retrouver mon serveur. Voyez ça comme une adresse postale pour une maison.
|
|
|
</p>
|
|
|
<p>
|
|
|
- Alors toutes les box, y compris celle qui est chez vous (si vous en avez une), possèdent une adresse IP. Mais
|
|
|
- imaginez, taper <code>http://109.9.177.75/cv.html</code> à la place de
|
|
|
- <code>http://jovian-hersemeule.eu/cv.html</code> dans votre barre d'adresse serait beaucoup moins attrayant.
|
|
|
+ Alors toutes les box, y compris celle qui est chez vous (si vous en avez une), possèdent une adresse IP.
|
|
|
+ Même si cela est possible, taper <code>http://188.165.53.185/index.html</code> à la place de
|
|
|
+ <code>http://www.jovian-hersemeule.eu/index.html</code> fonctionnerait en théorie mais serait fastidieux.
|
|
|
+ (En pratique cela ne fonctionnera pas pour des raisons de certificat et de partage des ressources).
|
|
|
</p>
|
|
|
<p>
|
|
|
J'ai donc, pour votre confort, acheté le nom de domaine <code>jovian-hersemeule.eu</code> (pour quelques euros)
|
|
|
@@ -150,8 +151,7 @@
|
|
|
En plus de raisons esthétiques, un nom de domaine est utilisé pour des raisons pratiques. En effet, l'adresse IP
|
|
|
de mon serveur peut être ammenée à changer (si la box est redémarrée, ou si je déménage par exemple). Je peux
|
|
|
configurer à ma guise l'adresse IP cible de mon nom de domaine. Ce genre de détails techniques est donc rendu
|
|
|
- transparent pour l'utilisateur. Pas besoin de connaître par coeur toutes les adresses IP de vos sites préférés
|
|
|
- ...
|
|
|
+ transparent pour l'utilisateur.
|
|
|
</p>
|
|
|
|
|
|
<h3>
|
|
|
@@ -169,7 +169,7 @@
|
|
|
d'améliorer le contenu proposé sur ce site et pour soutenir les développeurs d'Icons8.
|
|
|
</p>
|
|
|
<p>
|
|
|
- Voici la <a href="/public/credit/content.html">liste des icônes utilisées sur ce site</a>.
|
|
|
+ Voici la <a href="/credit/content.html">liste des icônes utilisées sur ce site</a>.
|
|
|
</p>
|
|
|
|
|
|
<h3>
|
