Bienvenue!
Tout d'abord, bonjour/bonsoir/bonne nuit.
Vous voilà sur le premier tutoriel de codage édité par la merveilleuse fonda que je suis. /poutre/
Les tutoriels vont vous permettre de connaître tout ce que je sais en matière de codage, au minimum assez pour vous apprendre à faire vos propres fiches, et peut-être même si vous comprenez bien, une PA. (Pour tout ce qui touche les templates d'un forum, on en reparlera plus tard. Peut-être.)
À savoir, tout ce que je sais je l'ai appris du merveilleux site du Zéro :
www.openclassrooms.com/. Je vous conseille d'y faire un tour parce qu'un jour je compte bien m'acheter le livre du cours.
(C'est tellement clair, tellement parfait, je... Pff, je pourrais jamais dire à quel point ce site est génial.)
De A à Z
Ces tutoriels se suivront dans un programme bien ordonné (ou presque, il n'est pas nécessaire de tous les lire dans l'ordre si vous avez déjà certaines notions). Et le voici qui suit !
• Le HTML
• Les liens et les images
• Le texte
• Les tableaux
• Le CSS
• L'ornement du texte (aka le chapitre chouchou de Joy)
• La couleur
• Le fond
• Les bordures & les arrondis
• Les ombres
• Les class et les id
• Marges
• Hauteur et largeur
• Positionnement
• Balises type block, inline et inline-block
• Balises universelles (incontournables, on les retrouve partout
)
Un petit peu plus...• Les formulaires
• Oooh ! C'est penché !
• Un peu de dynamisme, seulement avec du CSS
• Modifier les balises BBCode de son forum grâce au CSS
Le HTML
Voici le premier chapitre ! Il sera en partie théorique, nous apprendrons des balises un peu plus tard. ^^
• Qu'est-ce que le HTML ? Le HTML est un
langage permettant de créer un site. Il permet de structurer la page grâce à des
balises.
• Balises ? Gnééé ? Les balises, c'est ce qu'on trouve entre < et >. Il y a deux moyens d'utiliser des balises.
-
Les balises en pairesLes balises en paires sont celles où on en voit deux. Pour mieux comprendre, en voilà un exemple :
- Code:
-
<p>Blablablablablablabla </p>
Vous voyez la première balise? C'est la balise ouvrante. L'autre, celle qui ferme c'est la balise... Fermante bravo!
-
Les balises orphelines (elles n'ont pas de maman les pauvres... //SBAAAFF//)Elles, elles n'ont ni ouvrante, ni fermante. C'est une seule et unique balise. Exemple :
- Code:
-
<img />
• Où écrire le HTML? Bon là j'avoue j'étais en manque de question. xD Mais sinon, il s'écrit dans plusieurs endroits : pour créer un site, dans un éditeur dont le fichier sera stocké dans votre ordinateur ; pour les forums, tout simplement dans vos posts! Et si c'est pour modifier l'apparence du forum, il y a aussi les pages HTML à créer dans le panneau d'administration >> Modules >> Gestion des pages HTML.
Il y a aussi les templates, disponibles seulement au compte fondateur. Panneau d'administration >> Affichage >> Templates. Et là on peut les voir. Attention! Les templates sont la base de votre forum! Quand on est novice en codage, on évite d'y toucher. Ça vaut mieux. n_n Mais en touchant les templates, on peut modifier l'affichage des catégories, du QEEL, etc. ;)
Post Scriptum
"Petit" PS pour vous dire d'utiliser la balise code pour me montrer vos codes si vous avez besoin d'aide !
- Code:
-
[code]Ici le contenu de votre code. [/code]
Comme vous le voyez, elle montrera le code que vous aurez écrit exactement comme il faut ! ;) Ce qui est laaargement plus pratique pour moi !
Bon, ce sera tout pour ce premier chapitre. Des questions?
Venez les poser
ici.