Apprentissage d'Eclair de lumière

# Leçon numéro 1 (25/01/22)

L'éditeur visuel, est l'éditeur sur lequel le plus de gens vont, il est simple et efficace. Pour créer une page, tu peux choisir l'éditeur visuel tout simplement en cliquant sur *créer une page* dans les trois petits points à la verticale en haut à droite. C'est tout simple !!!

- En mode "éditeur source"
Quand tu crées une page, l'éditeur se met tout de suite en mode visuel. Juste au dessus de la barre où tu peux trouver **gras**, *italique,* souligné... tu as un petit œil marqué à côté de "éditeur visuel". Clique dessus. Le deuxième choix qui s'offre à toi est [[Édition source]]. Là tu apparaitra sur un texte marqué...
 comme ça
Je t'apprendrais à écrire dans ce langage à la leçon 5.

# Leçon numéro 2 (26/01/22)

### Comment écrire en gras ?

- En mode "éditeur visuel"

En mode éditeur visuel, tu as juste à cliquer sur le G en haut de la barre d'outils. C'est tout simple !!!

- En mode "éditeur source"

En mode éditeur source, tu peux mettre 3 apostrophes. Elles apparaîtrons en Bleu. **N'oublie pas de les refermer après !!!** Sinon, ça ne marchera pas !!!

- Pour les 2 **/!\ seulement sur ordinateur**

Pour les deux, édition source ou visuel, tu peux taper sur ton clavier *Pomme* (le petit symbole avec quatre boucles entrelacées formant un carré [sur Mac, ou tout ce qui est Apple]) ou ctrl (contrôle [sur tout ce qui est Windows]) puis B. En édition visuel, cela te mettra directement en gras, en édition source, cela te mettra trois apostrophes.

Il y a la méthode de l'éditeur visuel également en édition source.

# Leçon numéro 3 (27/01/22)

### Comment écrire en italique ?

- En mode "éditeur visuel"

En mode éditeur visuel, tu as juste à cliquer sur le *I* en haut de la barre d'outils. C'est tout simple !!!

- En mode "éditeur source"

En mode éditeur source, tu peux mettre 2 apostrophes. Elles apparaîtrons en Bleu. *N'oublie pas de les refermer après !!!* Sinon, ça ne marchera pas !!! Tu peux aussi taper

- Pour les 2 */!\ seulement sur ordinateur*

Pour les deux, édition source ou visuel, tu peux taper sur ton clavier *Pomme* (le petit symbole avec quatre boucles entrelacées formant un carré [sur Mac, ou tout ce qui est Apple]⌘) ou ctrl (contrôle [sur tout ce qui est Windows]) puis I. En édition visuel, cela te mettra directement en italique, en édition source, cela te mettra deux apostrophes.

Il y a la méthode de l'éditeur visuel également en édition source.

(Désolée, c'est quasiment la même que celle d'au dessus mais je pouvais pas vraiment faire autrement)

# Leçon numéro 4 (29/01/22)

### Comment écrire en souligné

- En mode "éditeur visuel"

En mode éditeur visuel, tu as juste à cliquer sur le A en haut de la barre d'outils. C'est tout simple !!!

- En mode "éditeur source"

En mode éditeur source, tu peux mettre <u>blablabla quelque chose au milieux</u> . Ça apparaîtra en vert.
- Pour les 2 /!\ seulement sur ordinateur

Pour les deux, édition source ou visuel, tu peux taper sur ton clavier *Pomme* (le petit symbole avec quatre boucles entrelacées formant un carré [sur Mac, ou tout ce qui est Apple]⌘) ou ctrl (contrôle [sur tout ce qui est Windows]) puis U. En édition visuel, cela te mettra directement en souligné, en édition source, cela te mettra <u>Souligné</u> (tu pourras remplacer le Souligné, bien évidemment.)

Il y a la méthode de l'éditeur visuel également en édition source.

# Leçon numéro 5 (30/01/22)

### Comment écrire en code informatique ?

Nous voilà sans doute dans une des leçons les plus longues et les plus compliquées : le codage informatique. Alors accroches-toi bien !

Remarque : je ne connais pas tout ! Tu pourras donc chercher des infos supplémentaires sur internet si tu ne comprends pas certaines choses.

**TU NE POURRAS UTILISER LE CODE INFORMATIQUE QU'EN MODE SOURCE**

#### Les alinéas

Bon déjà, un alinéa, c'est un espace entre la marge et la première lettre. Ensuite, tu entres : <p style="text-indent:20px;">
REMARQUE : tu peux changer le 20px pour en faire un plus grand ou plus petit par exemple.

#### Les espaces

Dans certains cas, faire un espace lambda ne suffit pas : ça ne marche pas. tu peux donc utiliser ceci : &nbsp;
REMARQUE : penses à regarder régulièrement si ça marche en cliquant sur Aperçu.

#### Les couleurs

Comme tu as pu le voir, pour cette leçon j'utilise des couleurs. Et bien c'est très simple, tu as juste à mettre : <span style="color:Green">

REMARQUE : tu peux changer la couleur en la remplaçant par une autre **en anglais** (tu peux aller voir sur ce site pour plus de couleurs)
Pour refermer, utilise </span>

#### Le retours à la ligne

Tout simple, quand tu en as marre des alinéas, tu peux faire <br /> pour revenir à la ligne.

#### Le nowiki

Tout ce qui est avant, je l'ai écrit en mode éditeur source. Mais pour ne pas que les codes que j'entre fasse ce que je leur demande, je met le <nowiki>
Cette petite action simple te permet d'apprendre à tes élèves à entrer du code sans pour autant que ça marche. pense, quand tu as fini ta citation, à entrer </nowiki>

#### Centrer

Pour centrer un texte, tu peux juste entrer <center>
C'est la même chose, quand tu as fini de centrer ta phrase, tu peux faire

REMARQUE : Pour les deux derniers ainsi que les couleurs, n'oublie pas le / pour refermer !!!!

### D'autres questions ?

Je t'ai appris à peut près tout ce que je savais, si d'autres informations me reviennent, je les mettraient là bien évidemment. En attendant, tu peux aller chercher sur internet pour plus d'infos, et je te souhaite une bonne journée !

# Leçon numéro 6 (31/01/22)

### Comment écrire en barré

- En mode "éditeur visuel"

En mode éditeur visuel, tu peux cliquer sur le T à coté du A, puis cliquer sur ~~A~~ Barré.
- En mode "éditeur source"

En mode éditeur source, tu peux mettre <strike>blablabla quelque chose au milieux</strike>. Ça apparaîtra en vert. Je croie (mais à vérifier) que tu peux également entrer
blablabla

- Pour les 2 /!\ seulement sur ordinateur

Pour les deux, édition source ou visuel, tu peux taper sur ton clavier *Pomme* (le petit symbole avec quatre boucles entrelacées formant un carré [sur Mac, ou tout ce qui est Apple]⌘) ou ctrl (contrôle [sur tout ce qui est Windows]) puis Maj (petite flèche) puis 5. En édition visuel, cela te mettra directement en Barré, en édition source, cela te mettra <strike>Barré</strike> (tu pourras remplacer le Barré, bien évidemment.)

# Leçon numéro 7 (3/02/22)

### Comment écrire en exposant ?

- En mode "éditeur visuel"

En mode éditeur visuel, tu peux cliquer sur le T à coté du A, puis cliquer sur XI Exposant.
- En mode "éditeur source"

En mode éditeur source, tu peux mettre <sup>blablabla quelque chose au milieux</sup>. Ça apparaîtra en vert.

Tu peux aussi aller dans T avancé et trouver exposant.

# Leçon numéro 8 (6/02/22)

### Comment écrire en indice ?

- En mode "éditeur visuel"

En mode éditeur visuel, tu peux cliquer sur le T à coté du A, puis cliquer sur XI Indice.
- En mode "éditeur source"

En mode éditeur source, tu peux mettre <sub>blablabla quelque chose au milieux</sub>. Ça apparaîtra en vert.

Tu peux aussi aller dans T avancé et trouver indice.

# Leçon 9 (14/02/22)

### Comment écrire en grand ?

En mode "éditeur visuel"

En mode éditeur visuel, tu peux cliquer sur le T à coté du A, puis cliquer sur A (petite flèche vers le haut) Grand.

Le texte apparaîtra comme ça
- En mode "éditeur source"

En mode éditeur source, tu peux mettre <big>blablabla quelque chose au milieux</big>. Ça apparaîtra en vert.

En revanche, le Grand n'apparaît pas dans le T avancé en mode source.

# Leçon 10 (15/02/22)

### Comment écrire en petit ?

En mode "éditeur visuel"

En mode éditeur visuel, tu peux cliquer sur le T à coté du A, puis cliquer sur A (petite flèche vers le bas) Petit.

Le texte apparaîtra comme ça
- En mode "éditeur source"

En mode éditeur source, tu peux mettre <small>blablabla quelque chose au milieux</small>. Ça apparaîtra en vert.

En revanche, le Petit n'apparaît pas dans le T avancé en mode source.

# Leçon 11 (16/02/22)

### Comment mettre des titres de section ?

Pour cette leçon nous allons directement nous attaquer à l'éditeur visuel et source, en même temps.
REMARQUE : les sections de titres ne fonctionnent que si elles sont à la ligne en mode source. Exemple, si je met == ça comme ça == ça ne marchera pas, tu dois être **à la ligne**.

#### Titre 1

Pour le titre 1, le titre de la page mais dans un article si tu préfères, tu ne peux le faire qu'en éditeur source, en mettant un = de chaque côté. Penses bien à la remarque en vert au dessus !

#### Titre 2

C'est exactement la même chose, mais on rajoute un = de chaque côté.
== Comme ça ==

##### C'EST EXACTEMENT PAREIL POUR LES SUIVANTS, EN RAJOUTANT DES = !

Tu as de = en réserve jusqu'à 6 de chaque côté, sachant que le 6ème sera plus petit que cette taille de police d'écriture.

### Bonus !

#### Bloc de citation

En éditeur visuel, cliques (toujours) sur paragraphe et cherches Bloc de Citation

> Le texte apparaitra comme ça sur plusieurs lignes, sauf si fait *entrer,* cela te ramèneras
>
>

À ça.

#### Préformaté

C'est simple, tu cherches "Performaté" en éditeur visuel (toujours dans paragraphe) et tu fais un espace à côté de la marge pour l'éditeur source.