World Help est un forum d'aide en tout genre et de publicité.
 
AccueilAccueil  PortailPortail  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  
La SOTW 4 est arrivée !
Viens y participer et vite Wink
Clique Ici
Le coup de coeur de la semaine a commencé
Venez nous montrer votre forum Smile
Clique Ici
Deux nouveaux groupes sont apparus : les rédacteurs et les professeurs

Partagez | 
 

 Classe d'As

Aller en bas 
Aller à la page : 1, 2, 3  Suivant
AuteurMessage
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Classe d'As   Lun 13 Juin - 22:32

*Entre dans la salle de cours, poupée en main*

BONJOUR SENSEI !!!

*S'installe à son bureau et vérifie sa liste*

- Pas de note pad ou je ne sais plus comment ça s'écrit. ^^"
- Un forum de test, j'ai ! :3
- Des codes, j'en ai quelque un mais ils sont pas de moi. >///<


*Est à deux doigts de pleurnicher*

PARDON SENSEI !!! JE SUIS UNE MAUVAISE ÉLÈVE ! Sad

*Se prépare pour le cours*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Lun 13 Juin - 22:36

*sort le fouet et sa règle en fer*

C'est très bien tout ça. Même si les codes sont pas de toi les comprends-tu ?

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Lun 13 Juin - 23:01

Je comprend 3 choses en codage : Les couleurs, le défilement et revenir à la ligne. xD Après le reste est un peu incompréhensible :3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mar 14 Juin - 6:50

Déjà une belle avancée qui est très importante. Tu sais faire la différence entre le HTML et le CSS ?

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mar 14 Juin - 11:19

Non, pour moi c'est la même chose. :3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mar 14 Juin - 19:30

Alors un code CSS se trouvera toujours dans une feuille de style. Tandis qu'un code HTML peut-être placé n'importe où.
Exemple code CSS :
.table
{
background-color: #CCCCCC;
}

Code HTML:
Code:
<div class="table">Contenu</div>

Un code CSS aura toujours des { et } alors que le HTML aura toujours des < et >

Donc si on prend mon exemple et que j'applique cela dans la description de catégorie de forum on aura un fond gris.


As-tu compris comment créer en même temps du hmtl et du CSS ?
As-tu compris comment insérer du CSS pour donner une apparence au code HTML ?

Si oui, voici un ptit exercice :
Tu me met une div dans description de forum de catégorie
Et tu me crées un CSS.

Petite aide :
Bordure => border: NBpx solid #CODE COULEUR;
Couleur => color: #CODE COULEUR;

Voila un problème hésite pas

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mar 14 Juin - 21:43

NON pour la première question, je l'ai déjà dit la création c'est pas mon truc. ^^"
Pour la 2ème en théorie je dirais OUI mais en pratique je vois pas. ^^"

J'essayerai ton exercice dès que je suis sur un ordinateur. x)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 7:15

ok ^^

Pour insérer du CSS dans un code HTML tu dois utiliser la balise div class
Exemple
Code:
<div class="table"> Il fait beau aujourd hui</div>

Le table entre " " C'est le mot clé de ton CSS. C'est grâce à lui que tu pourras créer un code après.

Au niveau du CSS que tu insères dans ta feuille de style CSS (PA>Affichage>Couleur>FEuille de style)

Tu vas réutiliser le mot table, ce qui donneras
Code:
.table
{
LE CODE CSS
}


En faite en pratique tu copies ce que j'ai fait. A chaque fois que tu voudras insérer du HMTL il te faudra un div avec un nom quelconque.


Pour la création de CSS tu verras c'est tout simple.
Le background : c'est le fond => background: #000000;
Le color : couleur du texte => color: #CCCCCC;
Le border : c'est la bordure => borde: 2px solid #fff;

Après pour le CSS se sera que ce genre de code alors sur tu en as plusieurs mais ceux-là sont les plus utilisés

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 12:14

http://nenkai.forumgratuit.org/

C'est bon ? :3

Edit : Waaah! On peut même le faire avec une image ! *0*
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 16:13

Oui super ! Rajoute maintenant une bordure et de la couleur au texte

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 16:30

Le texte était déjà en couleur, j'ai choisi le blanc pour que ça se voit mieux ^^
Bordure mise, en blanc aussi ! Smile
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 16:34

Et bah c'est super ma puce .

Alors voici à la place de solid dans bordure ce que tu peux mettre

dashed
dotted
double
groove
hidden
inset
none
outset
ridge

après rajoute ceci
padding: 5px;
padding-left: 25px;


****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 16:58

dashed
dotted
double
groove
hidden
inset
none
outset
ridge

Ils servent à quoi ? :3

Je vais essayer tout cela. ^^

Edit : Ah c'est bon xD


Dernière édition par As le Mer 15 Juin - 17:04, édité 1 fois
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:01

C'est des style de bordure car le solid c'est un trait droit mais essaye les autre tu verras

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:04

C'est fait mais ça :

padding: 5px;
padding-left: 25px;

ça a servi à quoi ? :3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:10



Pour le margin c'est le même code sauf que tu margin à la place de padding

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:20

Ah ok :3
Maintenant que tu le dis, je vois la différence xD
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:21

tu as compris ?
Bien compris ?
si oui on passera à la suite

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:27

Oui, je pense :3
Faudra que j'apprenne tout ces trucs par coeur x)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:39

On va passer au Pa c'estàdire un tableau.

Tu connais aucune base je pense *en mode devin*
Bref j’arrête mes bêtises .

Pour mettre un PA
tu vas dans PA=> Afiichage => Page d'accueil => généralité

Base d'un tableau
Code:
<table>
<tr>
<td>    </td>
</tr>
</table>

Code:
<tr> </tr>
: indique le début et la fin d'une ligne du tableau.
Code:
<td> </td>
: indique le début et la fin du contenu d'une cellule.



****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:45

MDR xD
Non je connais pas les bases, je connais juste ce que j'ai apprise seule en bidouillant les codes à ma disposition. Je vais donc essayer de faire ce tableau, je fais le même que tu as fait où peut-importe le contenu ? :3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:47

Si tu as compri le truc des tr et td tu as me faire deux lignes et deux colonnes

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:54

Les colonnes ont les fait comment ? T_T
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Akino
Administratrice
Administratrice
avatar

Féminin

Messages : 1531
Helping : 1765
Localisation : Devant mon pc
Date d'inscription : 25/04/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 17:55

Mystere hein?


Tu vas faire
Code:
<td>  </td><td>  </td>



PS : ta signature deforme le forum

****************



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
As
Membre
Membre
avatar

Féminin

Messages : 50
Helping : 230
Date d'inscription : 28/05/2011

MessageSujet: Re: Classe d'As   Mer 15 Juin - 18:05

On utilise le css pour faire apparaitre les bordures ? :3
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Classe d'As   

Revenir en haut Aller en bas
 
Classe d'As
Revenir en haut 
Page 1 sur 3Aller à la page : 1, 2, 3  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
World Help ::  It’s School Time !  :: Cours de codage :: Classe d'Akino-
Sauter vers:  
Créer un forum | © phpBB | Forum gratuit d'entraide | Signaler un abus | Forum gratuit