Cours de codage [pv: LeiaManga]

Bon alors si j'ai bien compris tu veux apprendre à faire des fiches.
Tu connais quelques bases que je n'utilise jamais x), mais c'est déjà bien ^^
Donc on va commencer tout doucement avec les bases si tu es d'accord.
Je vais te montrer les exercices que l'on va faire:

1- Apprendre les bases (tableaux div span...)
     Exercice de fin: Me faire un tableau comme je le demande et une div ainsi qu'une span de couleur que tu veux.

2-Créer une première fiche de RP
    Exercice de fin: Poster une fiche RP ici ou en LS

3-Créer une fiche de présentation
Exercice de fin: poster une fiche de présentation ici ou en LS

4-Créer une fiche de liens/relations
Exercice de fin: Poster une fiche de liens/relations ici ou en LS

5-Créer une fiche autre (pour n'importe quoi)
Exercice de fin: poster une fiche autre ici ou en LS

6-créer une fiche pour fiction
Exercice de fin: créer une fiche pour fiction ici ou en LS


7-Créer une PA
Exercice de fin: poster une PA en LS


J'espère que ça te va :O

d'accord, je suis d'accord avec tout :3 on commence quand tu veux (mais j'aimerai bien le plus tôt possible ^^)

Bon, on va commencer tout doucement:
Premièrement:
-Sais-tu quel est la différence entre un code HTML et un code CSS?
-Si oui, explique moi ^^

Ils sont complémentaire. Je sais juste que HTML est se qui va soutenir les CSS. Enfin, c'est mieux d'utiliser l'image Que HTML est un os et CSS est la peau, non ? J'ai juste ou je me mélange ? xD

Oui, tu as parfaitement compris.
Alors, il existe trois type différents de CSS pourrais-tu me les citer si tu les connait?

internal, external et inline (je ne connais que les nom anglais et je ne sais pas les différencier >< si c'est ce qu'une des mes amies m'a dit ^^')

En gros, c'est ça.
Mais je t'explique mieux:

On utilise le CSS imbriqué ainsi:

Code:

<Balise style="attribut: valeur; attribut: valeur;"> </balise>

On utilise donc "style", car ce codage revient plusieurs fois dans la balise.

On utilise un autre type de CSS imbriqué:

Code:

<Balise id="attribut: valeur;"> </balise>

Dans ce cas là, on utilise "id", car ce codage ne revient qu'une fois dans la balise, et surtout, qu'on ne peut mettre qu'une seul seul attribut.

Il est existe aussi une fiche de style CSS, mais je ne connais pas encore assez bien pour en parler, on verra cela plus tard ^^


Des questions?

donc, avec style, on peut utiliser plusieur "attribut" pour utiliser un codage qui revient ? comme pour, par exemple, faire la couleur, la taille au niveau de la largeur, la hauteur... et d'autre chose, mais pour une unique balise ?
avec id, c'est 1 attribut et donc, une valeur

j'ai compris ?

Tout à fait! ^^

Je vais à présent te montrer une div , et une span. Tu me dira les différences!

Code:

<div style="width: 300px; height: 200px; background-color: gold; border: 3px solid black; margin: auto; padding: 5px;"> Ceci est une div </div>

Ceci est une span

Div respecte les proportions donner mais justement, span s'adape à la taille de l'écriture, bien que lorsqu'elle atteindra la largeur maximale, il y aura une obligation de sauver une ligne non ?

^^

Oui, mais tu as aussi oublié que le span ne prenait pas en compte le margin.
D'ailleurs, peux-tu m'expliquer à quoi correspond le margin, et à quoi correspond le padding?

Magrin, ce n'est pas la marge interieur ?
Et donc, padding est le contraire, c'est la marge extérieur ?
Pour l'écriture, l'espace par rapport au tableau ?

C'est ça! Je voulais être sûre que tu ai bien compris ^^
Tu me fais une div et une span, que je vois comment tu t'en sors? 
Tu peux changer les couleurs ici: http://www.toutes-les-couleurs.com/code-couleur-rvb.php
Si tu ne sais pas comment t'en servir, tu peux toujours me demander!
aussi, pour les contours: 


sers toi de tout ça ^^

J'aimerais que tu me donne les codes pour que je puisse voir ton problème ^^
Et fait le toujours dorénavant :3

Code:

[center]<div style="width: 300px; height: 200px; background-color: green; border : 6px dotted red; margin: auto; padding: 10px;"> je veux que ça marche ! </div>

<scan style="width: 300px; height: 200px; blackground-color: gold; border: 6px dotted; margin: 10px; padding : 3px;">Et là ?</div>[/center]

C'est normal, car au lieu d'écrire span tu as écris scan. Aussi, il est inutile de mettre une hauteur et une largeur ainsi qu'un margin à un span
Tu corriges?

Ah, je vois que le fond ne se met pas en place. Effectivement, je n'avaispas vu mais tu as mis "blackground" au lieux de "background".
N'oublie pas de me donner les codes :3

ça marche ! quelle etourdi je suis ! aussi, si j'essayer pas de le faire memoire, ça serai pas meiux xD

Parfait! Tu te sens prête pour les tableaux? Je te montre demain. La je suis sur portable x)

d'acord ^^