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 | 
 

 Cours de ptit-mela

Aller en bas 
AuteurMessage
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Cours de ptit-mela   Dim 12 Juin - 9:03

Merci de me prendre.

J'ai lus et j'approuve le règlement Wink
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: Cours de ptit-mela   Dim 12 Juin - 9:08

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

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Re: Cours de ptit-mela   Dim 12 Juin - 17:48

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
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: Cours de ptit-mela   Lun 13 Juin - 22:25

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

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Re: Cours de ptit-mela   Mer 15 Juin - 10:03

CSS c'est plus entre <> et Html [ ] ?
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: Cours de ptit-mela   Mer 15 Juin - 10:31

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 ?


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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Re: Cours de ptit-mela   Jeu 16 Juin - 9:23

Oui ça va j'ai compris
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: Cours de ptit-mela   Jeu 16 Juin - 14:29

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;

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Re: Cours de ptit-mela   Jeu 16 Juin - 22:50

Code:
.table {background-color:#6D777C}

<div class="table"> Un <div>
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: Cours de ptit-mela   Ven 17 Juin - 7:03

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

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
ptit-mela
Membre
Membre
avatar

Féminin

Messages : 19
Helping : 106
Date d'inscription : 06/06/2011

MessageSujet: Re: Cours de ptit-mela   Ven 17 Juin - 11:00

Non il n'a rien changer
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: Cours de ptit-mela   Ven 17 Juin - 11:36

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

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



merci Messia
Spoiler:
 

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: Cours de ptit-mela   

Revenir en haut Aller en bas
 
Cours de ptit-mela
Revenir en haut 
Page 1 sur 1

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