Le code HTML généré par YesWiki

YesWiki génère automatiquement du code HTML afin que le navigateur puisse afficher votre page. Les contributeurs à un site YesWiki n'ont pas besoin de connaitre le langage HTML, en revanche pour pouvoir personnaliser le style graphique, il est nécessaire d'avoir connaissance du code qui est généré afin de comprendre à quel niveau sont définies les différentes propriétés d'affichage.

Inspecter le code avec le navigateur

Les navigateurs proposent d'inspecter le code de n'importe quel site et de modifier en direct le rendu. Dans Firefox, vous pouvez accéder aux Outil de développement web en appuyant sur F12 ou sur Ctrl + Maj + I

Cet outil permet d'explorer le code HTML ainsi que le style appliqué à chaque objet de la page. Il est possible de sélectionner directement un objet et d'y appliquer des variantes de style pour tester en direct votre modification.

Dans la partie gauche, le code HTML, et à droite le style appliqué à l'élément sélectionné dans le code.
L'icone "Sélectionner un élément de la page" (Ctrl Shift C) permet de survoler à un élément de votre page et d'afficher le code correspondant.

Tester des modifications en direct

Le modification que vous réalisez à l'aide de cet outil de developpement auront un effet en direct sur votre navigateur, cependant elles ne seront pas enregistrées durablement sur votre site. Vous pouvez donc jouer à modifier un titre du journal Le Monde et faire une capture d'écran pour diffuser une fausse information dans les réseaux sociaux mais votre fake news ne sera pas visible sur le site Le Monde.

Cet outil est donc utile pour simuler une modification mais il vous faudra ensuite transformer l'essai :

• soit en modifiant votre page si la modification concerne le contenu
• soit en copiant le code CSS modifié dans votre CSS custom, si la modification concerné le style graphique