Warriors Cats' Heart.
Bonjour !

Es-tu déjà inscrit ? Non ! Dépêche toi alors, tu verras, ici, on s'amuse bien !
Incarne vite un chat solitaire ou de Clan et fais- toi plein d'amis ou ennemis ! ;)

Le Staff.


Incarnez un chat et protégez votre clan !

Partagez | 
 

 Les bases du codage!

Voir le sujet précédent Voir le sujet suivant Aller en bas 
AuteurMessage

Bloody || Esclave blonde et fofolle de service !

avatar
I am
Nom, âge, clan, rang, sexe : Lumière de Sang, Nuit, 24 lunes, Guérisseuse, femelle.
Personnages : Lumière de Sang
Messages : 44
Cœurs : 190
Date d'inscription : 28/06/2015


MessageSujet: Les bases du codage!    Dim 5 Juil - 12:54



Cours de codage!
Plus qu'une place!



Le déroulement!
Coucou la compagnie!
Bon, à la base, ce cours était pour Rossi, Poil de Loutre, mais Crépu a rejoint, puis Luny aussi, alors bon, on est parti pour un cours collectif, %D ! Alors, je vous expliquer comment ça va se passer: je vais mettre un formulaire plus bas, et vous allez, chaque élève, le remplir et le poster à la suite. Je répondrai peut-être entre vos messages, mais le cours ne commencera que quand vous aurez toutes les trois poster, et ce sera pareil pour chaque étape! :) Si, à un quelconque moment une quatrième personne veut venir, qu'elle ne demande pas et qu'elle rentre en remplissant le formulaire! ;) Je vous demanderez ce que vous voulez apprendre dans le formulaire, mais je ne crois pas commencer par ça, car j'ai ma petite idée de début! ;) C'est surtout pour savoir quoi faire après! Sachez que je ne fais pas encore de p.a, ni de trucs qui bougent comme des images qui deviennent transparent! Bref, place au formulaire!


Formu'!


Code:
<center><link href='http://fonts.googleapis.com/css?family=Great+Vibes|Stint+Ultra+Condensed' rel='stylesheet' type='text/css'>

<span style="font-family:'Great Vibes', cursive;color:#4A0054;text-shadow: 0px 0px 5px #F7B0FF;font-size:50px;">J'aimerais apprendre!</span><br/>
<div style="width:300px;height:225px;border:2px solid #4A0054;border-radius:10px;color:#443940;padding:5px;text-align:justify;overflow:auto;"><b>Pseudo:</b> ICI

<b>Connaissance en codage:</b> ICI

<b>Ce que tu voudrais apprendre:</b> ICI

<b>Si tu as déjà un peu codé, un exemple?:</b> ICI

<b>Autre chose?:</b> ICI

<span style="font-family:'Great Vibes', cursive;color:#55325A;text-shadow:0px 0px 7px #000000;float:right;font-size:40px;text-align:center;">Bon Cours!!</span></div>
<span style="text-shadow:1px 1px 2px #000000;">By (C) Bloody, NLDD!</span></center>


Petit mot de la fin!!
Voilà voilà, je n'ai plus grand chose à vous dire, à part que je ferai de mon mieux pour vous donnez un cours digne de vous! :) Je répondrai assez rapidement je pense, et j'attendrai que tout le monde ai compris l'étape pour passer à la suivante, sinon, on avancera mal! x)
Sachez que j'ai déjà donné un cours, mais à une unique personne, donc si un moment je m'y prends mal, dites le moi, car c'est mon premier cours collectif! Mais bref, à vous et...


Bon Cours!!

By (C) Bloody, NLDD!

------------------------------------



♥ Merci beaucoup à Fly pour cette beauté, à Twist pour ce si bel avatar, et à Larmou pour ce si bel entête! ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Shimi || Admin || Assassine & Yaoïste ♫

avatar
I am
Nom, âge, clan, rang, sexe : Sortilège de Lune (~Magie) - Lieutenante - Brume // Vent Parfumé - Guerrière - Foudre // Nuage Souriant - Apprenti Guérisseur - Nuit
Personnages : Sortilège de Lune, Vent Parfumé, Nuage Souriant
Messages : 137
Cœurs : 709
Date d'inscription : 25/06/2015
Age : 15
Localisation : Fin fond de la Normandie T_T


Identité du chat
Avertissement:
0/0  (0/0)

MessageSujet: Re: Les bases du codage!    Dim 5 Juil - 12:58



J'aimerais apprendre!

Pseudo: Sortilège de Lune

Connaissance en codage: je sais modifier des fiches en libre service, au niveau de certaines tailles, des couleurs, et des images. C'est tout '-'

Ce que tu voudrais apprendre: J'aimerais pouvoir faire des fiches comme les tiennes, enfin, au moins de belles fiches de Rp.

Si tu as déjà un peu codé, un exemple?: No'p '-'

Autre chose?: Merci beaucoup Sanglou ! ♥♥♥♥

Bon Cours!!

By (C) Bloody, NLDD!

------------------------------------
Sortilège de Lune:
 

Vent Parfumé:
 

Nuage Souriant:
 

Shimi:
 

Autres ♥:
 
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Petit newbi tout timide

avatar
I am
Nom, âge, clan, rang, sexe : Poil de Loutre | 17 Lunes | Clan de la Foudre | Guerrière | Femelle
Personnages : Poil de Loutre
Messages : 25
Cœurs : 94
Date d'inscription : 25/06/2015
Age : 16


Identité du chat
Avertissement:
0/0  (0/0)

MessageSujet: Re: Les bases du codage!    Ven 10 Juil - 20:34

Je n'arrive pas à c/c sur portable, et comme je reviens que le 18, commencez sans moi x)

------------------------------------

J'ai eu un poutou de Rêvou
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Jeune Membre

avatar
I am
Nom, âge, clan, rang, sexe : Nuage Pâle - 6 lunes - Brume - Apprenti - Mâle
Personnages : Nuage Pâle -
Messages : 118
Cœurs : 527
Date d'inscription : 11/07/2015


MessageSujet: Re: Les bases du codage!    Dim 12 Juil - 19:38

Bonjour ! Je souhaite me joindre à vous !



J'aimerais apprendre!

Pseudo: Nuage Pâle

Connaissance en codage: Nulles !

Ce que tu voudrais apprendre: Tout !

Si tu as déjà un peu codé, un exemple?: Non, désolée !
Autre chose?: Je suis désolée pour mon bas niveau, ne recommencez pas tout à cause de moi ^^Bon Cours!!

By (C) Bloody, NLDD!

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

Bloody || Esclave blonde et fofolle de service !

avatar
I am
Nom, âge, clan, rang, sexe : Lumière de Sang, Nuit, 24 lunes, Guérisseuse, femelle.
Personnages : Lumière de Sang
Messages : 44
Cœurs : 190
Date d'inscription : 28/06/2015


MessageSujet: Re: Les bases du codage!    Dim 12 Juil - 19:48

Bah, on n'a pas encore commencé t'inquiète ! x)
Je donnerai les bases bases demain, ce qui est utile mais pas indispensable, pour que Rossi ne loupe pas de trop! ;)

ÉDIT: Place d'élèves à présent fermées! ♥

------------------------------------



♥ Merci beaucoup à Fly pour cette beauté, à Twist pour ce si bel avatar, et à Larmou pour ce si bel entête! ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Petit newbi tout timide

avatar
I am
Nom, âge, clan, rang, sexe : Poil de Loutre | 17 Lunes | Clan de la Foudre | Guerrière | Femelle
Personnages : Poil de Loutre
Messages : 25
Cœurs : 94
Date d'inscription : 25/06/2015
Age : 16


Identité du chat
Avertissement:
0/0  (0/0)

MessageSujet: Re: Les bases du codage!    Sam 18 Juil - 19:05

Moi être de retour ! 8D



J'aimerais apprendre!

Pseudo: Poil de Loutre

Connaissance en codage: Euh je sais changer de couleur et les images, c'est tout

Ce que tu voudrais apprendre: Bah les bases quoi, pouvoir faire des fiches de rp simples tout ça

Si tu as déjà un peu codé, un exemple?: Nop désolée

Autre chose?: Merci Maîtresse  :(a):

Bon Cours!!

By (C) Bloody, NLDD!

------------------------------------

J'ai eu un poutou de Rêvou
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Bloody || Esclave blonde et fofolle de service !

avatar
I am
Nom, âge, clan, rang, sexe : Lumière de Sang, Nuit, 24 lunes, Guérisseuse, femelle.
Personnages : Lumière de Sang
Messages : 44
Cœurs : 190
Date d'inscription : 28/06/2015


MessageSujet: Re: Les bases du codage!    Sam 18 Juil - 19:32

Super, on va pouvoir commencer! Oui, finalement j'ai attendu que tu sois là car c'est assez important, le début, en fait! XD Je poste le cours dans la soirée ou demain! ~

------------------------------------



♥ Merci beaucoup à Fly pour cette beauté, à Twist pour ce si bel avatar, et à Larmou pour ce si bel entête! ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

Bloody || Esclave blonde et fofolle de service !

avatar
I am
Nom, âge, clan, rang, sexe : Lumière de Sang, Nuit, 24 lunes, Guérisseuse, femelle.
Personnages : Lumière de Sang
Messages : 44
Cœurs : 190
Date d'inscription : 28/06/2015


MessageSujet: Re: Les bases du codage!    Mar 18 Aoû - 17:44

[Désolée pour cette longue attente, j'ai aucune excuse... (Fin si je suis partie en vacances) ._.]

Bon alors, voilà, certaines des choses que je vais vous dire sont très, très importantes, alors bonne lecture! ♥
Cette partie du cours sera en trois étape, parlant de choses différentes mais utiles à savoir pour débuter. Je pense que tu en sais déjà assez Crépu que pour seulement zieuter cette partie! x)

Etape une: les choses importantes ou non à savoir.

1) HTML, CSS? WHAT?!
Beaucoup de gens me disent "j'apprends à coder du HTML!" Oui oui, un peu, mais le html n'est rien comparé au css, car sans css, le html ne servirait à rien, mais vice versa; et c'est pourquoi on apprend toujours les deux en même temps!

Le html signifique "HyperText Markup Langage", mais ce n'est pas très important, il faut juste savoir que les balises que l'on pose sont du html, contrairement au css, qui vient "raffiner" cette dernière.
Le css, lui, signifie "Cascade Style Sheet", pour ceux qui ont un forum, le css, c'est la feuille de style, que l'on peut trouver dans le panneau d'administration. Vous vous dites sûrement "Kôa?! On va apprendre tout ça avec ces { et } ou encore _?!" rassurez vous, ce n'est qu'une façon parmi tant d'autres de l'utiliser, mais ici, on va le travailler autrement! ;)

Code:
[<div ](style="width:400px;height:500px;")[>]

Code parenthèse *briques*: crochet = html | parenthèses = css


Vous voyez? Ce qui a entre parenthèse c'est le css, c'est le style, c'est ce qui donne une apparence au codage. Entre crochets, le html, c'est ... Ce sont les balises. Mais on approfondira tout ça plus tard avec les différentes balises, ne vous inquiétez pas! ~

2) Je m'emmêler les pinceaux avec toute cette ponctuation!

Oui, le html et css sont très ... Disons que si vous oublier ne serait-ce qu'un ";", votre code n'apparaîtra pas, ou prendra votre signature avec... Mais c'est assez simple, finalement!
Les < et > servent à "encadrer" un balise, par exemple:
Code:
<div></div>

Le / sert à fermer la balise, dans la balise fermante ... Sisi! '3'

Les =  et " servent pour le css!
Code:
<div style="font-family:cursive;"></div>

Donc, le mot "style", c'est là que commence le css, et le = l'ouvre, si vous voulez. Tout le css sera mis entre " , et puis vous refermez le css également pas ça, puis vous refermez complètement la balise pas un >

Les : et ; serrent également dans le css, les ; servent à séparer les différentes balises du css, oui oui, y a pleins de balises! %)

Code:
 <div style="font-family:cursive;font-size:13px;"></div>

Vous voyez? font-family:cursive et font-size:13px sont séparés pas un ; , il doit aussi y en avoir un à la fin! Les : , eux, servent à "définir", si je puis dire! '3' font-family, c'est la police, alors on met font-family:cursive; pour dire que la police sera cursive! Tandis que font-size signifie la grandeur des lettres, alors on mettre font-size:13px (car c'est toujours en pixel= px), et donc, les mots seront de taille de 13px! :) Il faut savoir que vous pouvez mettre des espaces dans vos codes, mais que ce n'est pas obligatoire (sauf parfois), mais n'en mettez jamais entre la taille et ses pixels! Si vous mettez font-size:13 px dans votre code, ça ne fonctionnera pas, donc il est plus simple de ne jamais mettre d'espace, sauf exception.


3) Span, div? Késako?!

Les span et les div sont les deux balises (qui en comprennent d'autres) générales, celles qu'on utilise tout le temps! Il est préférable de les différencier de cette façon: utiliser les "span" pour les textes (titres, etc.) et les "div" pour les blocs, ainsi, on ne s'emmêle pas les pinceaux! C'était une partie assez facile de ce premier post du cours, mais on ne va pas s'attarder trop là dessus, en tous cas, pas maintenant! ;P

------------------------------------



♥ Merci beaucoup à Fly pour cette beauté, à Twist pour ce si bel avatar, et à Larmou pour ce si bel entête! ♥
Revenir en haut Aller en bas
Voir le profil de l'utilisateur


I am
Contenu sponsorisé



MessageSujet: Re: Les bases du codage!    

Revenir en haut Aller en bas
 

Les bases du codage!

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Recherche GW Flying Bases
» .: Un sloop pirate, bases et escaliers en wip :.
» Graph' > Apprendre les bases du graphisme
» Vos bases secrètes : QR Codes !
» Petit codage pour signature

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Warriors Cats' Heart. :: Hors Jeu. :: Codage :: Cours - Tutoriels - Questions-