Guide HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas

Guide HTML

Message par Spanky le Sam 9 Nov - 15:55

Voici un Guide en Langage HTML afin que les membres n'ayant aucune affinité avec l'informatique puissent tout de même réaliser de belles fiches.

✎ Tout d'abord, je vous demanderais, pour plus de facilités, de télécharger le petit Programme Notepad ++, sur ce lien : Notepad++ Download Page.
Sur cette page, vous verrez une grosse boîte avec un logo de caméléon, et des liens de téléchargement en dessous. Cliquez sur celui-ci :

Notepad++ Installer : Take this one if you have no idea which one you should take.

✎ Exécutez votre fichier npp.6.5.1.Installer.exe, et suivez les étapes pour qu'il soit installé. Si vous désirez pouvoir vous en servir souvent, laissez-le placer une icône sur votre bureau, et si non, placez le programme dans un répertoire de votre PC que vous êtes sûr de retenir !
C'est un programme très léger, ne vous en faites pas, c'est, en quelques sortes, un Word du programmeur.

✎Cela fait, ouvrez Notepad++, puis allez dans l'onglet "Langages" > puis sur "H" > puis sur "HTML" et cliquez sur ce dernier. Après quoi, vous pouvez CTRL+C (copier) le code de la fiche voulue et CTRL+V (coller) le coller dans le Notepad++.

✎ Vous verrez alors apparaître ceci :

En effet, si vous n'avez pas oublié vos lunettes, vous verrez, que, le texte est rendu bien plus lisible et compréhensible.
La démarche revient alors à :

✎ NE PAS ÉDITER OU MODIFIER LES CARACTÈRES EN VIOLET.
Les caractères et en violet représentent le code de la fiche. Quelque soit le caractère que vous allez changer, cela détruira la fiche.
✎ NE RÉPONDRE OU MODIFIER QUE LES PASSAGES EN NOIR.
En effet, la couleur noire est attribuée au texte qui ne représente pas un code, et peut donc être modifiable.

✎ Une fois que vous aurez complété la fiche, pensez aux images que vous allez insérer dans la fiche. Ce qui est souligné en gris dans cette image est la balise "img src", donc littéralement, "insertion d'une image". Le lien de votre image doit être compris, ici, en rouge :
< img src = " URL/LIEN DE L'IMAGE " >

✎ Il existe également l'image de la section "Parlez-vous de nous !". Il s'agit de la même chose. Repérez la balise "" et il vous suffira de remplacer le LIEN par votre url. Ne laissez pas d'espace entre votre lien et les apostrophes.

✎ Après ça, copier l'entièreté de votre code dans un post du forum et prévisualisez le résultat, puis lorsque vous pensez que tout est bon, postez-la !

En espérant que ce guide vous aidera !
Toutes les questions sont les bienvenues, et Eiki complètera très certainement mes informations, bientôt.

Bonne journée et bon codage !

Spanky
Gunslinger Bunnygirl

Messages : 63
Date d'inscription : 28/07/2013
Localisation : Eientei

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum