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 Pekila !

Aller en bas 
AuteurMessage
Pekila
Membre
Membre
avatar

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Cours de Pekila !   Lun 27 Juin - 14:24

Coucou ! J'ai lu et j'approuve le règlement !
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 Pekila !   Lun 27 Juin - 14:39

Merci !

As-tu un forum de test ? Connais-tu quelque chose en codage

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 14:44

Je n'ai pas de forum de test mais je vais en faire un maintenant x)
Et je ne connais pratiquement rien au codage...
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Pekila
Membre
Membre
avatar

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 14:50

Le forum de Test a été créé !
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 Pekila !   Lun 27 Juin - 14:50

Alors que connais-tu ? Que se soit juste pour centrer ou autre.
Passe moi l'adresse

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 14:58

Pour le Fofo Test je l'ai pris dans la version phpBB2 avec le thème par deffaut ( si ce n'est pas ce qu'il faut je pourrais changer ^^ ) : http://forumtest-pekila.forumgratuit.org/

Pour le codage, en BBcode je sais comment centrer, mettre à gauche ou à droite, le mettre en gras, en italique, le barré, mettre une image et mettre une adresse URL.

Pour le HTML et le CSS je ne connais rien 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: Cours de Pekila !   Lun 27 Juin - 15:12

Ok. tu as très bien fait de faire ton forum de test comme ceci.

Bon bah on va commencer par la theorie;


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
Pekila
Membre
Membre
avatar

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 15:24

J'ai tout compris saud " table " qu'est ce que c'est ? '-'
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 Pekila !   Lun 27 Juin - 15:27

le mot table va servir pour créer le css, tu peux mettre n'importe quoi style chiase, jolie titre

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 15:34

Ah Okay D'accord => On peuut continuer 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: Cours de Pekila !   Lun 27 Juin - 16:06

Pour les différents codes css qui sont utiliser je vais te donner un site : http://www.cssdebutant.com/

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Lun 27 Juin - 16:26

Merci je vais le mettre dans mes Mémos Very Happy
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 Pekila !   Lun 27 Juin - 19:28

Tu essayes de me crer un code css avec un fond, une color de texte, un texte de 12px, et une bordure ?

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Mar 28 Juin - 9:43

Jpense avoir pas mal de fautes x)Je gere absolument pas xD U_u''

Code:
Body{
 background-image: url("carte.png");
 background-position: center;
 border-left: 2px  double #000000;
 border-right: 2px  double #000000;
 border-top: 1px double #000000;
 border-bottom: 1px double #000000;
 }
text{
 color: #B8C5CB;
 text-align: center;
 font-family: "Segoe Print", Trebuchet MS, Serif;
 font-style: italic;
 font-weight: 12px;
 }
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 Pekila !   Mar 28 Juin - 9:46

pas mal une faute tu as oublié le point avant body
.body
Pareil pour le text sinon c'est pas mal.

Sur ton forum de test sur la page d'accueil met :
Code:
<div class="nom du css">

Et crée un autre css

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Mar 28 Juin - 10:43

Je ne sais pas où se trouve la page d'accueil...
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 Pekila !   Mar 28 Juin - 11:35

Tu vas dans ton panneau d'administration > Affichage > page d'acceuil > généralité

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Mar 28 Juin - 15:55

En faite je vois pas très bien ce que tu veux dire....
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 Pekila !   Mar 28 Juin - 20:49

Code:
<div class="nom du css">blavla</div>

tu le mets dans dans ton panneau d'administration > Affichage > page d'acceuil > généralité

Puis tu crées un css

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



merci Messia
Spoiler:
 

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

Féminin

Messages : 23
Helping : 121
Date d'inscription : 29/05/2011

MessageSujet: Re: Cours de Pekila !   Mar 28 Juin - 21:09

Ah Okay jai compris x) Merci !
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 Pekila !   Mer 29 Juin - 17:41

Je te laisse me mettre les codes ici

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



merci Messia
Spoiler:
 

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




MessageSujet: Re: Cours de Pekila !   

Revenir en haut Aller en bas
 
Cours de Pekila !
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