Galerie de créations pour RPG par Joy
 
AccueilAccueil  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez
 

 Tuto 1 | Programme & Le HTML

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage
Joy
FondAdmin narcissique
Joy

Messages : 628
Date d'inscription : 06/06/2012
Âge : 25
Localisation : Derrière son écran, confortablement installée au pays des licornes pégases.

Tuto 1 | Programme & Le HTML   Empty
Message(#) Sujet: Tuto 1 | Programme & Le HTML    Tuto 1 | Programme & Le HTML   EmptyLun 27 Oct - 22:32

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 Razz)

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 paires
Les 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.
Revenir en haut Aller en bas
https://dream.forumsactifs.net
 

Tuto 1 | Programme & Le HTML

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Tuto 3 | Sujet d'aide
» Tuto 3 | Le texte
» Tuto 1 | Sujet d'aide
» Tuto 2 | Les liens et les images
» Tuto 2 | Sujet d'aide

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Dream :: Tutoriels :: Tutoriels HTML/CSS-