[Becki]Un cours de codage?

Messages : 25 Date d'inscription : 25/09/2011

Pseudo: xBrowniies
Age: 12 ans
Es-tu prêt à t'investir à fond ?: Oui
Connaissances : Débutante mais je peux apprendre.
Merci

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Coucou !
Je serai ton prof' pour ce cours ! Nous allons convenir d'un programme de formation celons toi.
Que souhaite tu apprendre ? Bonne journée !

Messages : 25 Date d'inscription : 25/09/2011

Coucou, alors j'aimerais apprendre soit à faire un beau tableaux ou à apprendre les templates?
Bisous.

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Je vais en cours, je te fais sa en rentrant (:

Messages : 25 Date d'inscription : 25/09/2011

Ok merci

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Comme convenue, je te propose un programme, que voici:

Citation :

Séance 1: Bases et divers.
- Les bases du codage
- Le CSS
- Les divs.

Séance 2: Créer une page d'accueil
- Faire un tableaux
- Les fusions probable
- Du CSS

Séance 3: Templates.
- Toucher au templates.
- Les modifications probables.
- Du CSS

Messages : 25 Date d'inscription : 25/09/2011

Merci beaucoup je suis contente on commence?

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Bien sur, allons y !
Tu sais faire des choses en codage ? Si oui, tu as des exemples ?
Connais tu plusieurs "type" de codage ? (:
Bisouwsx.

Messages : 25 Date d'inscription : 25/09/2011

Coucou en se moment je travaille sur un tableaux que je construit à partir d'un autre codage trouvée sur ce site:
http://mycandids.tk/
Va dans la partie code, et regarde" cadre lien" et j'ai pris ce code: https://2img.net/r/ihimizer/img145/2157/cadres.png

Le code de départ:

Code:: <div style="padding-LEFT:30px; padding-RIGHT: 30px;"><div style="background-COLOR: Lavender ; text-ALIGN: justify;-moz-border-radius-bottomleft: 20px;"><div style="background-COLOR:#AA85B6;text-ALIGN:center;-moz-border-radius:5px 5px 0px 0px"><span style="color:white;font-size:16px; font-weight:bold;">Notre lien ?</span></div>
[table border=0][tr][td][list][img]VOTRE ICON[/img]
[size=8](c) crédit icon[/size][/list][/td][td][list]<span style="font-size:15px;credit-site-css:mycandids.tk: font-family:Georgia;color:#AA85B6;font-weight:bold;font-style:italic;">nom et prénom(s) complets</span>
<div style="line-height:14px;width:400px;height:100px;overflow:auto;font-size:12px;">[justify][b]Merci de respecter mon travail et de ne pas redistribuer ce css ! Il a été codé par mes soins et le crédit ne doit pas être enlevé ! Diamine (: www.mycandids.tk Et voilà le Lorem Ipsum ! [/b]
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce ullamcorper nisl eget lectus commodo vehicula. Phasellus cursus suscipit ipsum. Fusce ullamcorper nisl eget lectus.[/justify][/list]</div>[/td][/tr][/table]</div>
</div><div style="font-size:10px;text-align:right;padding-right:15px;">[url=http://candids.nexgate.ch]CRÉDIT - CSS[/url]</div>

Code changé par moi même sans aide:

Code:: <br><center><div style="border-bottom: 10px solid Darkcyan; border-radius: 0px 0px 0px 0px; width: 450px;"><div style="letter-spacing: -6px;font-style: italic; color: darkcyan; letter-spacing: -2px; text-shadow: 1px 1px 2px black;font-family:Arial;font-size:24px;margin-bottom:-5px;">Bienvenue {USERNAME}</div></div></font><div style="font-family: tahoma; background-color: white; text-align: center; border-radius: 0px 0px 20px 20px; width: 500px;text-align:justify;border:1px solid darkcyan;"><table border="0"><tbody><tr><td align="left"><div style="margin: auto; text-align: center; width: 100%;"><ul>
<a href="http://www.servimg.com/image_preview.php?i=621&u=16614266" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/16/61/42/66/ba_bmp10.jpg" border="0" alt="" /></a></ul></div></td><td align="left"><div style="padding-left:15px;padding-right:10px;font-family: Tahoma; font-size:11px; line-height:12px; color:#004848;text-align:justify;overflow:auto;height:100px;">Unique, et accueillant, Amazing Graphics un forum de graphisme et de papotage pas comme les autres.
Si tu fouine un peu tu vas voir qu'il y a des cours pour t'amélioré en graphisme, des galeries , un coins papotages ouverts à tous et des tutoriels.
Tu pourras devenir le Membre du mois et gagner des cadeaux comme: une pub pour ton forum ou des Money graph' ou des créations.
Passe un bon moment sur Amazing Graphics {USERNAME}♥<br/><br/>
</div></td></tr></tbody></table></div></center><br/>

<center><div style="width: 400px;background-color: teal; border: 1px solid #ffffff;-moz-border-radius: 1px;padding-left: 30px">Nos amis</div><center><div style="width: 400px;background-color: teal; border:1px solid #ffffff;-moz-border-radius: <marquee style="text-align:justify; color:#4A5A84;" height="150px;" scrollamount="10" direction="left"><a href="http://wondergraph.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i23.servimg.com/u/f23/15/83/43/42/wg_11.png"
border="0" alt="" /></aborder="0" alt="" />
<a href="http://mylifestyle.forumactif.fr/" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/16/81/69/15/455510.jpg" border="0" alt="" /></a>
</a>
<a href="http://graphcool.forumgratuit.org" class="postlink" target="_blank" rel="nofollow"><img src="http://img11.hostingpics.net/pics/16113478gc.png" border="0" alt="" /></a>
<a href="http://edonnas-war.forumsactifs.com" class="postlink" target="_blank" rel="nofollow"><img src="http://img842.imageshack.us/img842/2659/boutonpe.jpg" border="0" alt="" /></a>
<a href="http://musicworld.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://photo.ma-bimbo.com/14/6537/moy/5229089.jpg" border="0" alt="" /></a>

<a href="http://harry-potter-lafin.forumgratuit.org/" class="postlink" target="_blank" rel="nofollow"><img src="http://i41.servimg.com/u/f41/16/71/49/50/bouton10.jpg" <a href="http://0what0.desforums.net/?tid=35b72548653d1d520406c04e42f688d7" class="postlink"><img src="http://img4.hostingpics.net/pics/227872liv.png" border="0" alt="" /></a></marquee></div>

<td>
<center><div style="width: 400px;background-color: teal; border: 2px solid #ffffff;-moz-border-radius: 3px;padding-left: 20px">La team</div><br/>
<a href="http://amazing-graphics.forumgratuit.org/u2?tid=a333c84b5ddc1deaf6c76ab20c4091b1" class="postlink"><img src="http://img4.hostingpics.net/pics/311795Sanstitre3.png" <a href="http://amazing-graphics.forumgratuit.org/u3?tid=a333c84b5ddc1deaf6c76ab20c4091b1" class="postlink"><img src="http://img4.hostingpics.net/pics/256678CopiedeCopiedeSanstitre3.png" <a href="http://amazing-graphics.forumgratuit.org/u8?tid=a333c84b5ddc1deaf6c76ab20c4091b1" class="postlink"><img src="http://img4.hostingpics.net/pics/793847CopiedeSanstitre3.png" <a href="http://amazing-graphics.forumgratuit.org/u15?tid=a333c84b5ddc1deaf6c76ab20c4091b1" class="postlink"><img src="http://img4.hostingpics.net/pics/888092Sanstitre4.png"<center></td>

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Super, mais tu comprend le code ? (:

Messages : 25 Date d'inscription : 25/09/2011

Oui un peu sinon je n'aurai pas su changer!

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

Okai, c'est donc bien !
Nous allons commencer par les bases du codage, voici un cours, tu en dis quoi ?

Coucou
Nous voici aujourd'hui pour notre premier cours de codage ! Dans ce premier cours, sa sera plus de la théorie, et un peu de pratique en fin de cours. Vos commentaires sont les bienvenues sur ce sujet ;)

A quoi sert le codage ?

Le codage, c'est la façon de créer un site web, ou une page web. Sans codage, l'informatique n'existerais pas ^^' Le codage s'associe au CSS, qui le rend plus esthétique, le css c'est comme la décoration. C'est obligatoire.
Le codage, sur forumatif peut se placer dans plusieurs endroits, tel que les templates, le message d'accueil, etc.. Le css se place dans la feuille de style. En dehors d'un forumactif, je vous conseille de télécharger ce logiciel de texte. Il vous faudra ensuite créer des dossiers mais ces cours sont concentrés sur le codage forumactif.
Le codage, c'est aussi le meilleur moyen d'attirer des visiteurs sur le forum, un forum non codé n'est pas esthétique et n'attire que peu de personnes. Attention, trop de codage tu le codage.
Le CSS.
Comme déjà dit, le css embellis vous pages web et les décors. Le CSS se place dans la feuille de style. Le code de base et celui ci:

Code:

.titre
{
valeur css;
}

Le titre peut être remplacé par un attribut, qui change une partie du forum, je m'explique.
Par exemple le code pour avoir une barre de navigation différent est:

Code:

a.mainmenue {
valeur css;
}

Voici des attributs :
Spoiler:

Mais on peut faire aussi une div personnalisé par exemple:

Code:: boite {
border: 2px solid,
}

Puis dans un message:

Code:: <div class="boite">texte</div>

Bien sur, tu pourras trouver des valeurs css sur ce site

Messages : 25 Date d'inscription : 25/09/2011

Coucou, j'ai à peu près compris sauf que j'ai remarqué que dans le codage il y souvent

Code:: Div

et je ne sais pas se que sa veut dire.

Messages : 2289 Date d'inscription : 08/06/2011 Age : 27

C'est simple comme tout ^^'
Si tu as accès au PA, alors tu vas dans ta feuille de style css est tu créer une nouvelle "balise":

Code:

.titre {
code css;
}

Et tu fais une div,

Code:

<div class="titre">Texte</div>

Tu peux bien sur changer titre en un autre mot ^^'
Et si tu n'a pas accès au PA, tu peux mettre une div style comme ceci:

Code:

<div style="toncss">texte</div>

Bisous !

Messages : 25 Date d'inscription : 25/09/2011

Ok merci, et j'ai oublier de demander à quoi sert ce logiciel

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Coucou ^^
Je viens te dire à quoi sert ce logiciel.
Si tu veux c'est un logiciel spécialement pour le codage. Tu peux choisir le langage que tu tape et des couleurs seront approprier (pour mieux te repérer). Tu peux donc y trouver plusieurs type de codage. En gros cela te donne certains avantage que bloc-notes.
Aperçu :

Spoiler:

Autorisation par Bequiem

Cordialement.

Messages : 393 Date d'inscription : 20/09/2011 Age : 68

Merci de ne PAS intervenir dans les cours.Les professeurs sont là pour ça =D

Messages : 25 Date d'inscription : 25/09/2011

Bonjour, merci mais enfaite j'ai compris mais c'est juste pour écrire (si c'est pour écrire on écrit quoi dessus?)?
Désolée de poser des question surment bêtes!

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Coucou ^^
Est-ce que tu désires toujours suivre le cours ?

Messages : 606 Date d'inscription : 27/09/2011 Age : 25

Plus de nouvelle, j'archive.

» Inscription au cours de codage
» Demande de prof' de codage (Reira ?)
» La section codage
» Formation en codage (pour un forum) [EN PAUSE]
» [Codage]Faire des tableaux

[Becki]Un cours de codage?

[Becki]Un cours de codage?

Sujets similaires

Sujets similaires