Bellum Feles
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.
Le Deal du moment :
Nike : Jusqu’à 50% sur les articles de ...
Voir le deal

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

3 participants

Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Jeu 2 Fév 2017 - 21:03

Bonjour !

Ici Professeur Aiden Pearce Layton ( A.P.L ) et non Midnight pour ton cours de codage petit scarabée ! Premier cours prévu pour demain ou samedi sans faute veuillez amenez vos cahiers !
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Nuage Cendré Ven 3 Fév 2017 - 10:57

Coucou !
Puis-je me rajouter au cours si ça ne vous dérange pas ?
Nuage Cendré
Nuage Cendré
Admine Ocy

Autre(s) Compte(s) : Petit Océan
PUF : Ocy | Neigeou | Cel'
Messages : 72
Date d'inscription : 28/01/2017
Noms : Patte Cendrée | Nuage Cendrée | Pétale Cendrée | Étoile Cendrée
Âge du Personnage : 7 lunes
Clan : Rivière
Rang ou Métier : Apprentie
Apparence : Petite et fine | Pelage gris foncé | Yeux bleus
Caractère : Associable | Méfiante | Obsédée et folle amoureuse
Trait Particulier : Folle amoureuse de Nuage Tourmenté
Yens : 65
Lien(s) : Nuage Tourmenté ∆ Je suis folle amoureuse de toi, tu es ma raison de vivre.
Nuage Constellé ∆ Tu es mon frère !

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Ven 3 Fév 2017 - 12:12

Bien sûr petit scarabée Sisi
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Chant du Cygne Ven 3 Fév 2017 - 16:00

Hey Mister Prof APL ! Hâte de commencer le cours avec Ocynounette amour !


Dernière édition par Chant du Cygne le Ven 3 Fév 2017 - 16:44, édité 1 fois
Chant du Cygne
Chant du Cygne
Membre

Autre(s) Compte(s) : Mélodie Sauvage
PUF : Wing
Messages : 813
Date d'inscription : 11/09/2016
Noms : Petit Cygne - Nuage de Cygne - Chant du Cygne
Âge du Personnage : 26 lunes
Clan : Clan du Vent
Rang ou Métier : Guérisseuse
Apparence : Chatte au pelage blanc et noir par endroits. Ses yeux sont vert d'eau.
Caractère : Râleuse - Impulsive - Franche - Sarcastique - Bornée
Trait Particulier : Elle a un caractère de vieille acariâtre malgré son jeune âge
Yens : 737
Lien(s) : Envol de la Colombe > sœur jumelle
________________

J'ai envie de mettre mes Pufs ici x)

ING pour Jais, Winnie pour la Team Bisounours, Fruit Blanc pour Ako, Winginouninouninette pour Hivou

http://claustrophobia.forumactif.org/

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Ven 3 Fév 2017 - 16:01

J'attends d'avoir mon ordi, j'vous le fais ce soir.
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Chant du Cygne Ven 3 Fév 2017 - 16:02

Ok, je répondrais sûrement pas avant demain car ma soirée est prise Hmm
Chant du Cygne
Chant du Cygne
Membre

Autre(s) Compte(s) : Mélodie Sauvage
PUF : Wing
Messages : 813
Date d'inscription : 11/09/2016
Noms : Petit Cygne - Nuage de Cygne - Chant du Cygne
Âge du Personnage : 26 lunes
Clan : Clan du Vent
Rang ou Métier : Guérisseuse
Apparence : Chatte au pelage blanc et noir par endroits. Ses yeux sont vert d'eau.
Caractère : Râleuse - Impulsive - Franche - Sarcastique - Bornée
Trait Particulier : Elle a un caractère de vieille acariâtre malgré son jeune âge
Yens : 737
Lien(s) : Envol de la Colombe > sœur jumelle
________________

J'ai envie de mettre mes Pufs ici x)

ING pour Jais, Winnie pour la Team Bisounours, Fruit Blanc pour Ako, Winginouninouninette pour Hivou

http://claustrophobia.forumactif.org/

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Nuage Cendré Ven 3 Fév 2017 - 16:11

Merci beaucoup à toi, Wing et à Wing ! Dis moi si je te dérange :D
Nuage Cendré
Nuage Cendré
Admine Ocy

Autre(s) Compte(s) : Petit Océan
PUF : Ocy | Neigeou | Cel'
Messages : 72
Date d'inscription : 28/01/2017
Noms : Patte Cendrée | Nuage Cendrée | Pétale Cendrée | Étoile Cendrée
Âge du Personnage : 7 lunes
Clan : Rivière
Rang ou Métier : Apprentie
Apparence : Petite et fine | Pelage gris foncé | Yeux bleus
Caractère : Associable | Méfiante | Obsédée et folle amoureuse
Trait Particulier : Folle amoureuse de Nuage Tourmenté
Yens : 65
Lien(s) : Nuage Tourmenté ∆ Je suis folle amoureuse de toi, tu es ma raison de vivre.
Nuage Constellé ∆ Tu es mon frère !

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Ven 3 Fév 2017 - 23:06

Au final ce sera samedi, je suis trop crevée là e.e
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Chant du Cygne Sam 4 Fév 2017 - 8:11

Ok prend ton temps ^^ Mais pas trop quand même
Chant du Cygne
Chant du Cygne
Membre

Autre(s) Compte(s) : Mélodie Sauvage
PUF : Wing
Messages : 813
Date d'inscription : 11/09/2016
Noms : Petit Cygne - Nuage de Cygne - Chant du Cygne
Âge du Personnage : 26 lunes
Clan : Clan du Vent
Rang ou Métier : Guérisseuse
Apparence : Chatte au pelage blanc et noir par endroits. Ses yeux sont vert d'eau.
Caractère : Râleuse - Impulsive - Franche - Sarcastique - Bornée
Trait Particulier : Elle a un caractère de vieille acariâtre malgré son jeune âge
Yens : 737
Lien(s) : Envol de la Colombe > sœur jumelle
________________

J'ai envie de mettre mes Pufs ici x)

ING pour Jais, Winnie pour la Team Bisounours, Fruit Blanc pour Ako, Winginouninouninette pour Hivou

http://claustrophobia.forumactif.org/

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Dim 5 Fév 2017 - 0:29

PARTIE 1


Objectif : Comprendre l'utilisation du HTML et des span

Pour commencer je précise que je m'inspire des cursus codage de Nevers Utopia pour vous apprendre au mieux l'utilisation des balises. Vous retrouverez donc ici et ailleurs des références à NU et même beaucoup. Mais peut-être que l'une d'entre vous deux n'a pas de compte NU donc autant les citer pour vous dépanner. Car je dois vous avouer que je ne suis pas très douée en explication

1. Le HTML et le CSS, c'est quoi ?


HTML : HTML signifie HyperText Markup Langage, ce n'est pas grave si vous ne retenez pas ceci

CSS : CSS signifie " Cascade Style Sheet " traduis en Français par " Feuille de style en cascade "

L'HTML sert à placer un élément ( paragraphe, titre, etc ... ). Le CSS est la mise en forme des éléments de l'HTML.

2. Les balises

Le BBcode est présent sur FA, ce sont ces balises entre crochets.

Code:
[i]italique[/i]
[u]souligné[/u]

Cependant, le BBcode ne permet pas de décorer joliment votre texte, eh oui il a des limites !

Qu'est-ce qu'une balise ?

Les balises permettent de délimiter les éléments de votre codage. En HTML, les balises sont représenter par des "<" et ">".
Code:
<b>Texte en gras</b>

Quelques balises utiles

Code:
<img src="URL DE L'IMAGE" />
Ce code permet d'afficher une image

Code:
<a bref="LIEN">LIEN</a>
Ce code permet d'afficher un lien

Les attributs

Un attribut c’est une propriété d’une balise qui va venir la qualifier plus spécifiquement. Voici quelques attributs avec leurs définitions
src: chemin de l’image
width: longueur de l’image
height: largeur de l’image
alt: texte alternatif en cas de non affichage de l’image
title: titre de l’image
class: la liste des styles CSS applicables à cette balise

Règles à savoir

Une balise se ferme toujours ! Pour fermer votre balise, il ne suffira pas de remettra le même code, il faut aussi ajouté un slash "/"

Code:
<blockquote> texte </blockquote>

Il y a bien sûr des exceptions comme par exemple :

Code:
<img src="LIEN" />

Dans vos codages, ayez l'habitude d'écrire en minuscule, sans caractères spéciaux. Le contenu de vos balises doivent être entouré de guillemets " ou d'apostrophe '. Comme par exemple la balise pour mettre une image, le lien se trouve entre guillemet. Les codes s'imbriquent correctement ! Imaginons que nous voulons mettre un texte en italique et un bout de texte en italique gras. Il ne faudra surtout pas faire ça :
Code:
<i> blabla blabla blabla <b>blablabla</i></b>

Le premier ouvert, le dernier fermé !

Code:
<i> blabla blabla blabla <b>blablabla</b></i>

La balise span

La balise est utilisé pour regrouper du texte ou autres éléments dans un bloc de contenu. On appelle ça une balise « générique » La balise ne produit aucun effet visuel, mais sert à appliquer un effet de style CSS aux éléments qu'elle contient. Nous allons intégré quelque chose dans la balise : du CSS

Code:
<span style="valeur">Votre titre</span>

Pour ajouter une valeur à notre balise, il faut ajouter l'attribut " style= ". Ce code permet simplement de vous montrer un aperçu de la balise span.

Ce code permet de changer la couleur du texte

Code:
<span style="background-color: #ffffff;">Votre titre</span>


" Décomposons le code :
- span => votre balise, ici de type "inline" (= en ligne), sans css elle ne changera rien au texte.
- style => ici l'attribut indique qu'un style va être appliqué à ce qui se trouve dans la balise. Du coup, tout ce qui est indiqué entre guillemets (donc la "valeur" de cet attribut) va être imposé au texte "Votre titre".
- background-color => indique sur quoi porte la mise en forme, cette indication doit obligatoirement être suivie de deux points ":", peu importe les espaces par contre, j'ai pour habitude d'en mettre un après les deux points et pas avant, mais il peut ne pas y'en avoir du tout.
- #ffffff => il s'agit du code couleur qui correspond au blanc. Il vous faudra utiliser soit ces codes-là, soit les noms officiels des couleurs. L'un et l'autre vous pouvez les trouver sur le net : Codes couleurs et Nom de la couleur, mais aussi sur votre logiciel en ce qui concerne les codes couleurs.
- ; => attention ! Ce point virgule ne parait pas très important, il est en fait capital ! C'est en effet avec lui que vous séparez deux données de css, donc deux valeurs. Oubliez-le et votre css précédent et/ou suivant ne sera plus pris en compte ! " provenant directement de NU

Ce dernier paragraphe je l'ai copier coller car je n'avais plus le temps désolé. Si vous ne comprenez pas dites le moi. Sinon j'espère qu'il vous aura appris des choses

Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Mar 7 Fév 2017 - 7:30

Up ?
Vous avez compris le cours ou j'explique extrêmement mal ? x3
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Nuage Cendré Mar 7 Fév 2017 - 7:41

Excuse-moi du retard !
Je l'ai bien lu mais j'attendais Wing.
C'est bien expliqué, ne t'en fais pas !
J'ai un compte sur NU, mais si je lis le cours, est-ce que je ne le relirait pas une deuxième fois sur le tien ? Ce n'est pas ce que je souhaite si c'est le cas.
Nuage Cendré
Nuage Cendré
Admine Ocy

Autre(s) Compte(s) : Petit Océan
PUF : Ocy | Neigeou | Cel'
Messages : 72
Date d'inscription : 28/01/2017
Noms : Patte Cendrée | Nuage Cendrée | Pétale Cendrée | Étoile Cendrée
Âge du Personnage : 7 lunes
Clan : Rivière
Rang ou Métier : Apprentie
Apparence : Petite et fine | Pelage gris foncé | Yeux bleus
Caractère : Associable | Méfiante | Obsédée et folle amoureuse
Trait Particulier : Folle amoureuse de Nuage Tourmenté
Yens : 65
Lien(s) : Nuage Tourmenté ∆ Je suis folle amoureuse de toi, tu es ma raison de vivre.
Nuage Constellé ∆ Tu es mon frère !

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Envol de la Colombe Mar 7 Fév 2017 - 12:33

Nuage Cendré > Bah je te conseille d'ailleur voir sur NU, il y a la liste des attributs que l'ont peut mettre dans un span
Envol de la Colombe
Envol de la Colombe
Modette Midnight

Autre(s) Compte(s) : Reagan M. Carlson
PUF : Midnight, Blanche Colombe, Professeur A.P.L, Agent Finn Cailloux
Messages : 209
Date d'inscription : 01/11/2016
Noms : Petite Colombe, Nuage de la Colombe, Envol de la Colombe, Etoile de la Colombe, Colombe d'Antan
Âge du Personnage : 19
Clan : Vent
Rang ou Métier : Guerrier
Apparence : Pelage blanc, poil mi-long, yeux bleus, petite
Caractère : Comme tout le monde, impliqué, pas très curieuse, garde les secrets, haie la société ( thug dans sa vie )
Yens : 185
Lien(s) : Chant du Cygne > Soeur

Revenir en haut Aller en bas

Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE Empty Re: Cours de Cygne par Professeur Aiden Pearce Layton | CODAGE

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum