Cours de ptit-mela

Merci de me prendre.

J'ai lus et j'approuve le règlement

Bienvenue dans ta classe.
Alors as-tu un forum de test ?
Connais-tu un code en html ?

Je peux le faire sur celui la

http://secretstoryrpg.forumsactifs.com/

Non je pense pas connaître je n'ai fait que du copier/coller

Ok. tu sais différencier du css à du html ?

CSS c'est plus entre <> et Html [ ] ?

Non pas tout à fait le CSS se trouve en {et} et le HTML pour coder entre ou entre [et] mais c'est plus utiliser dans un message pour tout centrer mais pour créer une page d'accueil on utilisera les <>

Ok Très bien commençons notre cours.

Le CSS ? Késako ?
C'est l'abréviation de Cascading Style Sheets ("Feuille de style"). Ce langage nous sert uniquement à présenter la page web. C'est en CSS que l'on dira : "Mes titres sont en rouge et sont soulignés, mon texte est dans la police arial, mon nom est centré, mon menu a un fond blanc..." etc etc.
Grâce à ce langage, nous allons pouvoir créer rapidement et simplement la mise en page de ton forum.

il se met dans PA => Affichage => Couleur => Feuille de style.


Le HTML ? C'est quoi ?
C'est celui avec lequel vous taperez le contenu de ton forum. Il contient des informations logiques : par exemple "Ceci est mon titre, ceci est mon menu, là c'est le texte principal de la page, là il y a une image etc


En résumé :

HTML pour écrire le contenu de ta page web
CSS pour présenter ce contenu.

Jusqu'à la c'est de la théorie, pas très dur je pense.

Continuons. *je suis soûlante je sais*

Pour insérer du CSS dans du HTML on va utiliser les class ou id qui reviennent au même à peu près mais on va apprendre avec class car le id sert plus dans le javascript.

Donc on va insérer du CSS avec class mais autre chose avant car sinon le code na va pas marcher.
Les balises

et

sont utilisées pour appliquer un style à un contenu.
Donc cela donnera

Code:

 <div class=" CODE AMENANT AU CSS">Contenu </div>

Là c'est basique avec un code comme celui-ci on peut juste créer une description de forum par exemple et non un tableau. Qui plus est le CODE AMENANT AU CSS est pas marqué.

Donc le code à mettre en CSS
Sera toujours avec un . devant
comme ceci
.table
Et après suivi d'une { puis du code et }

Donc cela donnera
.table
{

CODE

}


Revenons au niveau de la div
Si on prenant comme mot de css table cela nous donneras

Code:

<div class="table"> blablabvla</div>

Jusque là as-tu compris ?

Oui ça va j'ai compris

Donc on va faire un exercice,
Tu vas créer une div comme plus haut avec le mot que tu souhaites.
Et créer un CSS que tu mettras dans ta feuille de style.

Voici les trois principaux codes :
boder: NBpx solid #CODE COULEUR;
color: #CODE COULEUR;
background-color: #CODE COULEUR;

Code:

.table {background-color:#6D777C}

<div class="table"> Un <div>

Oui c'est c'est ça mais je suppose que sur ton forum de test le code ne marche pas car tu as pas clôturer le code il faut mettre

Non il n'a rien changer

Oui désolé j'avais pas mis le [code]
Mais à la fin tu dois mettre à la place de
[code][/code]