Accueil
Dernières images
Rechercher
S'enregistrer
Connexion
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forumVive le prof
Page 1 sur 2 • 1, 2 
Invité
Invité
Mar 20 Jan 2015 - 17:13
Moi qui adore enseigner(c'pas vrai), je me propose pour des cours de codage. Déjà, je sais que je code depuis moins longtemps que Kayl, c'est toi qui m'en a donner l'idée. Mais, je pense que j'ai un bon niveau quand même. Je sais faire du html, un microchuia de JavaScript, et pas du tout de CSS.
Les Règles:
1. Le prof a toujours raison.
2. Ne pas plagier mes cours è.é
3. Pas pus de deux élèves par session.
4. Si le prof a tort revenir à la une.
Wala, au plaisir de te voir Invité
Invité
Invité
Dim 15 Fév 2015 - 13:35
Moiiiiii! Moi chef! Oui chef! Comment chef?
Invité
Invité
Jeu 26 Fév 2015 - 18:39
Désolée de répondre si tard... Bon! Déjà montre moi un de tes codages récents, et je verrais en fonction.
Invité
Invité
Sam 7 Mar 2015 - 18:48
En faites, je sais pas coder, et j'aimerais que tu me montre d'abord les bases ^^"
Expert des lieux
Puf/Surnom : Bally & cie 
Messages : 396Chant du Matin
Sam 7 Mar 2015 - 18:58
Ah ok, j'avais pas compris XD. ON va commencer par la base.
Chaque code commence et termine par une balise: div.
Exemple:
Ensuite, tu veux que je commence par le fond, ou la bordure?
Après je te donnerais des devoirs.
Chaque code commence et termine par une balise: div.
Exemple:
- Code:
<div>BIDULE</div>
Ensuite, tu veux que je commence par le fond, ou la bordure?
Après je te donnerais des devoirs.
Invité
Invité
Sam 7 Mar 2015 - 20:04
Ok, ensuite si tu peux me montrer la bordure d'abord ^^
Expert des lieux
Puf/Surnom : Bally & cie Messages : 396Chant du Matin
Sam 7 Mar 2015 - 20:50
/!\ L'ensemble du code devra être mit entre guillemet.
On met div style à la place du premier div.
Ensuite on ajoute entre les guillemets le code '' border ''; cela correspond aux bordures. Je montre un exemple :
Ce qui donne:
°Vous l'aurez sans doute remarqué, il existe plusieurs types de bordures. Je crois qu'ils y sont tous...
dotted, bordure en pointillé
- dashed, bordure en tirets
- solid, bordure continue,
- double, bordure en double trait
- groove, bordure en creux
- ridge, bordure en saillie
- inset, bordure en 3d lumière basse
- outset, bordure en 3d lumière haute
°Vous l'aurez aussi remarqué, il y a une valeur hexadécimale. Elle correspond à la couleur de la bordure. Sachant que #000000 est noir, et #ffffff est blanc. Ce site donne les valeurs des couleurs: http://www.proftnj.com/RGB3.htm
° 3px correspond à l'épaisseur de la bordure. C'est une valeur exprimée en pixel.
LES DEVOIRS:
Vous devrez me composer un code simple avec l'explication dessous.
exemple:
La bordure fait 5px, la couleur (en valeur hexadécimale): #ffffff et le type de bordure utilisé: outset.
On met div style à la place du premier div.
Ensuite on ajoute entre les guillemets le code '' border ''; cela correspond aux bordures. Je montre un exemple :
- Code:
<div style="border: 3px solid #000000">Essai</div>
Ce qui donne:
Essai
°Vous l'aurez sans doute remarqué, il existe plusieurs types de bordures. Je crois qu'ils y sont tous...
dotted, bordure en pointillé
- dashed, bordure en tirets
- solid, bordure continue,
- double, bordure en double trait
- groove, bordure en creux
- ridge, bordure en saillie
- inset, bordure en 3d lumière basse
- outset, bordure en 3d lumière haute
°Vous l'aurez aussi remarqué, il y a une valeur hexadécimale. Elle correspond à la couleur de la bordure. Sachant que #000000 est noir, et #ffffff est blanc. Ce site donne les valeurs des couleurs: http://www.proftnj.com/RGB3.htm
° 3px correspond à l'épaisseur de la bordure. C'est une valeur exprimée en pixel.
LES DEVOIRS:
Vous devrez me composer un code simple avec l'explication dessous.
exemple:
La bordure fait 5px, la couleur (en valeur hexadécimale): #ffffff et le type de bordure utilisé: outset.
Invité
Invité
Sam 7 Mar 2015 - 21:02
La bordure fait 1px, la couleur est blanche (#ffffff) et son type est: Dotted
La bordure fait 2px, la couleur est rose (#660066) et son type est: double
La bordure fait 3px, la couleur est verte (#339933) et son type est: Ridge
Voilà, j'en ai fait trois! ^^
Expert des lieux
Puf/Surnom : Bally & cie Messages : 396Chant du Matin
Sam 7 Mar 2015 - 22:14
T'as lu e reste de l'exo, il faut expliquer ton code
Invité
Invité
Dim 8 Mar 2015 - 11:13
voilà!!
Expert des lieux
Puf/Surnom : Bally & cie Messages : 396Chant du Matin
Dim 8 Mar 2015 - 12:08
C'est bon :p. Je vais pas m'amuser à vérifier les couleurs. On attends Ebenou.
Invité
Invité
Dim 8 Mar 2015 - 19:42
La bordure fait 6px, la couleur est bleue turquoise (#0066FF) et son type est: groove
La bordure fait 3px, la couleur est jaune (#CCFF00) et son type est: dashed
La bordure fait 1px, la couleur est violet (#9900FF) et son type est: inset
Voilà ^^. Je ne vous ai pas fait trop attendre j'espère?
Invité
Invité
Lun 9 Mar 2015 - 19:06
Non,non c'est bon :p.
Maintenant, on passe au fond. On travaillera dessus en 2 grands points.
/!\ après chaque propriété, mettre un point virgule suivit d'un espace
I.La couleur
Le code est:
Ce qui donne:
Vous l'aurez vu, le code est "background-color" suivi évidemment de la valeur hexadécimale de la couleur voulue.
II. Avec une image
Le code est:
Ce qui est donc:
Donc, le code est background-image: url (URL DE L'IMAGE).
III.Devoirs
Il faudra me concocter deux codes, avec une bordure, et un avec couleur de fond, l'autre image de fond. :p
Au prochain cours, on verra une surprise ^^
Maintenant, on passe au fond. On travaillera dessus en 2 grands points.
/!\ après chaque propriété, mettre un point virgule suivit d'un espace
I.La couleur
Le code est:
- Code:
<div style="border: 5px double #FFFFFF; background-color: #000000"> [center][color=#ffffff]Plop les n'amis[/color][/center]</div>
Ce qui donne:
Plop les n'amis
Vous l'aurez vu, le code est "background-color" suivi évidemment de la valeur hexadécimale de la couleur voulue.
II. Avec une image
Le code est:
- Code:
<div style="border: 5px double #FFFFFF; background-image: url(http://image.noelshack.com/fichiers/2015/11/1425924150-amerique-sudcentrale-ara-hyacinthe.png)"> [center][color=#ffffff]Plop les n'amis[/color][/center]</div>
Ce qui est donc:
Plop les n'amis
Donc, le code est background-image: url (URL DE L'IMAGE).
III.Devoirs
Il faudra me concocter deux codes, avec une bordure, et un avec couleur de fond, l'autre image de fond. :p
Au prochain cours, on verra une surprise ^^
Invité
Invité
Lun 9 Mar 2015 - 20:31
Bordure: type: Dotted, taille: 3px, couleur: 6600FF. Couleur d'Arrière plan: 9999CC; couleur d'écriture: 666666
Style de la bordure: Solid, Couleur: 330033, image du BG: Vala
Invité
Invité
Lun 9 Mar 2015 - 21:09
Bordure de type inset ; couleur jaune ; fond de couleur bleu foncé ; couleur d'écriture blanche
Bordure de type solid ; couleur bleu clair ; image de fond: arbres d'ébène ; couleur d'écriture rose pétant!
Invité
Invité
Mer 11 Mar 2015 - 19:04
Ceci est un code pour reformer un encadrement et ainsi éviter qu'ils soient sans arrêt collé aux bords. C'est pour un niveau plus élevé que ceux qui n'ont jamais touché au HTML. Ce code est à placer après le point virgule. ( ; )
Et pour ajuster la taille du cadrage:
Veuillez également placer les codes de bordures entre les codes suivant pour que le cadre soit centré.
Désolée de ce cours en peu à la rache, mais je ne n'avais pas la tête à ça :p.
Les devoirs: me faire un code entier, cadré, et avec des mesures.
- Code:
width:600px; height:150px;
Et pour ajuster la taille du cadrage:
- Code:
overflow: auto;
Veuillez également placer les codes de bordures entre les codes suivant pour que le cadre soit centré.
- Code:
<center> </center>
Désolée de ce cours en peu à la rache, mais je ne n'avais pas la tête à ça :p.
Les devoirs: me faire un code entier, cadré, et avec des mesures.
Invité
Invité
Mer 11 Mar 2015 - 20:34
Ceci est un titre pour un code
J'éditerais ensuite
J'éditerais ensuite
Invité
Invité
Ven 13 Mar 2015 - 8:35
Bordure type double de 5 pixels, blanc. De 300x250 pixels. Fond de couleur brun-violet. Couleur d'écriture blanc
Expert des lieux
Puf/Surnom : Kinder :D Messages : 510Arc-en-Ciel du Matin
Ven 13 Mar 2015 - 21:20
Je me joint à vous. 8D
Grâce à tes instructions j'ai réussi à faire ça.
Grâce à tes instructions j'ai réussi à faire ça.
Coucouw les enfants.
« Président » vient du latin præ (= en avant) et de sidens (= qui siège)1, d'où præsidens (= qui siège devant les autres, qui est à la tête2). En Angleterre, après l'exécution de Charles Ier, en 1649, la fonction royale est dévolue à un « Conseil d'État », élu par le parlement et présidé par John Bradshaw, qui reçoit le titre de Lord-President. L'appellation de président était déjà portée par des dirigeants de collèges à l'université de Cambridge ou en Amérique par le celui de l'université de Harvard.
En France, le terme apparaît au XVIIe siècle, pour désigner des magistrats dirigeant des chambres du Parlement, à l'époque cours de justices. Sous la Révolution, le terme s'applique à celui qui préside les diverses assemblées, et notamment l'Assemblée nationale, élu pour une période de quinze jours3. Sous le Directoire et le Consulat, le terme n'est plus utilisé.
Le titre réapparaît de façon informelle en 1815, quand Louis XVIII nomme Talleyrand « Président du Conseil des Ministres » en juin 1815. Cette appellation sera utilisée en parallèle avec celle de Président de la République, qui est créée en 1848.
« Président » vient du latin præ (= en avant) et de sidens (= qui siège)1, d'où præsidens (= qui siège devant les autres, qui est à la tête2). En Angleterre, après l'exécution de Charles Ier, en 1649, la fonction royale est dévolue à un « Conseil d'État », élu par le parlement et présidé par John Bradshaw, qui reçoit le titre de Lord-President. L'appellation de président était déjà portée par des dirigeants de collèges à l'université de Cambridge ou en Amérique par le celui de l'université de Harvard.
En France, le terme apparaît au XVIIe siècle, pour désigner des magistrats dirigeant des chambres du Parlement, à l'époque cours de justices. Sous la Révolution, le terme s'applique à celui qui préside les diverses assemblées, et notamment l'Assemblée nationale, élu pour une période de quinze jours3. Sous le Directoire et le Consulat, le terme n'est plus utilisé.
Le titre réapparaît de façon informelle en 1815, quand Louis XVIII nomme Talleyrand « Président du Conseil des Ministres » en juin 1815. Cette appellation sera utilisée en parallèle avec celle de Président de la République, qui est créée en 1848.
« Président » vient du latin præ (= en avant) et de sidens (= qui siège)1, d'où præsidens (= qui siège devant les autres, qui est à la tête2). En Angleterre, après l'exécution de Charles Ier, en 1649, la fonction royale est dévolue à un « Conseil d'État », élu par le parlement et présidé par John Bradshaw, qui reçoit le titre de Lord-President. L'appellation de président était déjà portée par des dirigeants de collèges à l'université de Cambridge ou en Amérique par le celui de l'université de Harvard.
En France, le terme apparaît au XVIIe siècle, pour désigner des magistrats dirigeant des chambres du Parlement, à l'époque cours de justices. Sous la Révolution, le terme s'applique à celui qui préside les diverses assemblées, et notamment l'Assemblée nationale, élu pour une période de quinze jours3. Sous le Directoire et le Consulat, le terme n'est plus utilisé.
Le titre réapparaît de façon informelle en 1815, quand Louis XVIII nomme Talleyrand « Président du Conseil des Ministres » en juin 1815. Cette appellation sera utilisée en parallèle avec celle de Président de la République, qui est créée en 1848.
« Président » vient du latin præ (= en avant) et de sidens (= qui siège)1, d'où præsidens (= qui siège devant les autres, qui est à la tête2). En Angleterre, après l'exécution de Charles Ier, en 1649, la fonction royale est dévolue à un « Conseil d'État », élu par le parlement et présidé par John Bradshaw, qui reçoit le titre de Lord-President. L'appellation de président était déjà portée par des dirigeants de collèges à l'université de Cambridge ou en Amérique par le celui de l'université de Harvard.
En France, le terme apparaît au XVIIe siècle, pour désigner des magistrats dirigeant des chambres du Parlement, à l'époque cours de justices. Sous la Révolution, le terme s'applique à celui qui préside les diverses assemblées, et notamment l'Assemblée nationale, élu pour une période de quinze jours3. Sous le Directoire et le Consulat, le terme n'est plus utilisé.
Le titre réapparaît de façon informelle en 1815, quand Louis XVIII nomme Talleyrand « Président du Conseil des Ministres » en juin 1815. Cette appellation sera utilisée en parallèle avec celle de Président de la République, qui est créée en 1848.
Invité
Invité
Lun 16 Mar 2015 - 16:25
Coucou!
tu as combien d’élève sinon j'aimerais bien réservé
merci !!!!!!
tu as combien d’élève sinon j'aimerais bien réservé
merci !!!!!!
Invité
Invité
Lun 16 Mar 2015 - 16:30
T'attends la prochaine session, ok? Je la prévois la semaine prochaine, ou suivante :p
Invité
Invité
Lun 16 Mar 2015 - 16:32
Ok merci beaucoup
par contre je ne sais pas du tout coder
merci encore
par contre je ne sais pas du tout coder
merci encore
Invité
Invité
Sam 21 Mar 2015 - 20:05
Ce n'est pas grave :p
J'attends juste que Emy termine, et on commence.
J'attends juste que Emy termine, et on commence.
Invité
Invité
Mar 24 Mar 2015 - 11:52
Ok
Merci ...
Merci ...
Invité
Invité
Mer 25 Mar 2015 - 14:08
Bon, on va commencer même si Emy n'a pas terminé.
I. La balise div
Ton code seras "entouré" de deux balises.
II.Pour faire une bordure
Pour faire une bordure, on rajoute "style" suivi d'un égal.
Puis, on met le code "border: *px solid (ou autre) #valeur hexadécimale de la couleur".
Je te donne un exemple:
Il en existe plusieurs:
-solid
-double
-dotted
-dashed
-groove
-et une autre que j'ai oublié
IV.Pour faire des bords arrondis
Pour faire les bords arrondis, on mettra le code border-radius: *px.
/!\ENTRE CHAQUE CODE IL Y A UN POINT VIRGULE SUIVIT D'UN ESPACE
Les devoirs: avec tout ça, je pense que tu seras capable de me fair en petit code :p
I. La balise div
Ton code seras "entouré" de deux balises.
- Code:
<div> et </div>
II.Pour faire une bordure
Pour faire une bordure, on rajoute "style" suivi d'un égal.
- Code:
<div style="CODE">fnjrrinifnr</div>
Puis, on met le code "border: *px solid (ou autre) #valeur hexadécimale de la couleur".
Je te donne un exemple:
- Code:
<div style="border: 5px solid #FFFFFF">TESTEUH</div>
TESTEUH
Il en existe plusieurs:
-solid
-double
-dotted
-dashed
-groove
-et une autre que j'ai oublié
IV.Pour faire des bords arrondis
Pour faire les bords arrondis, on mettra le code border-radius: *px.
/!\ENTRE CHAQUE CODE IL Y A UN POINT VIRGULE SUIVIT D'UN ESPACE
- Code:
<div style="border: 5px solid #FFFFFF; border-radius: 10px">TESTEUH</div>
TESTEUH
Les devoirs: avec tout ça, je pense que tu seras capable de me fair en petit code :p
Contenu sponsorisé
Page 1 sur 2 • 1, 2
|
|
|