AccueilAccueil  CalendrierCalendrier  FAQFAQ  RechercherRechercher  MembresMembres  GroupesGroupes  S'enregistrerS'enregistrer  ConnexionConnexion  

Partagez | 
 

 Demande de Nao'

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

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Demande de Nao'   Dim 5 Mai - 17:35

Yop! J'ai envie d'apprendre le code mais j'ai besoin d'un professeur, promis je serai une élève sage.

Utilises-tu un logiciel ? : Euh non..
Si oui, lequel ? : /
Tu aimerais apprendre quoi en particulier ? Les bases.. Et puis faire des jolies fiches et des trucs sympa pour les forums >:
Niveau estimé : J'sais pas y a un niveau en dessous de grand débutant?

Merci de votre attention :moutonarcencie

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Feyoue

Messages : 303
Inscription : 04/01/2013
Féminin

MessageSujet: Re: Demande de Nao'   Lun 6 Mai - 10:27

Coucou Nao'.
Merci d'attendre que quelqu'un vienne te prendre en élève, merci. (:

________________________________________________________________________________________

Voir le profil de l'utilisateur http://yeeram.forumactif.org

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mar 7 Mai - 15:47

    Bonjour,

    Que veut-tu dire en parlant des bases ?
Voir le profil de l'utilisateur

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 8:50

Bonjour,
Je ne sais pas quelles sont les bases du codage, je n'y ai jamais touché. Mais je suppose qu'il y a bien quelques trucs basiques, comme dans tout.

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 8:51

    Bonjour,

    Oui il y a des bases, comme la mise en forme.
    Je pense que l'on va commencer par là.
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 9:10

    Bonjour,

    Voila je vais t'expliquer un peu comment je vais fonctionner.
    Je vais te mettre une fiche pub avec les cours du moment, et ensuite une fois que tu aura bien compris, un exercice te sera donner pour voir si tu as bien compris.

    Si tu as des questions n'hésite pas.
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 9:49


Les Bases (1)


Les bases dans le html est la mise en forme d'un texte. (gras, souligné, centrer, ..)
Dans le html, la mise en forme se fait toujours par une balises de début et une balise de fin.
Pour ce cours, nous allons utiliser la phrase "J'apprends les bases sur yeeram".

Commençons par mettre cette phrase en gras :
J'apprends les bases sur yeeram
Code:
<b>J'apprends les bases sur yeeram</b>
Maintenant soulignons cette même phrase
J'apprends les bases sur yeeram
Code:
<u>J'apprends les bases sur yeeram</u>
A présent on va mettre cette phrase en italique
J'apprends les bases sur yeeram
Code:
<i>J'apprends les bases sur yeeram</i>
Et si on centrer cette phrase ?
J'apprends les bases sur yeeram
Code:
<center>J'apprends les bases sur yeeram</center>
Je vais maintenant changer la couleur de cette phrase et la mettre en rouge
J'apprends les bases sur yeeram
Code:
<font color="red">J'apprends les bases sur yeeram</font>
On va également changer la taille de l'écriture et la mettre plus grande
J'apprends les bases sur yeeram
Code:
<FONT size="5">J'apprends les bases sur yeeram</font>

Il y a d'autres choses sur les bases, mais ceci sera dans un autre cours.
Chaque choses en son temps :)



Voir le profil de l'utilisateur

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 16:53

Merci! Rien qu'avec ça j'en ai appris beaucoup, c'est super :3

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 16:55

    Pas de quoi c'est normal
    Est-tu prête pour ton exercice ?
Voir le profil de l'utilisateur

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 16:58

Oui, chef.

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 17:00

    Sur ce règlement (que tu dois bien connaître mdrr) je veux donc les mises en formes suivantes.
    * Les titres en gras et centrer
    * Le premier paragraphe en italique
    * Le deuxième paragraphe en souligné
    * Le paragraphe 4 écrit en vert
    * Le paragraphe 6 en écriture 6


    Paragraphe 1 = Respect
    Paragraphe 2 = Publicité
    ... ect ...

    Voila tu mettra le texte en forme fini sous hide et ce que normalement tu as mit sous code.
    Voili voilou ton exercice :)


Citation :
1) LE RESPECT.

→ Vous devez du respect au travail des autres, par exemple la signature ou l'avatar d'une quelconque personne. Vous pouvez donner votre avis, mais en aucuns cas critiquer un travail en manquant de respect. Respectez ce que font les autres, même si vous trouvez ça très moche. Chacun ses goûts.
→ Vous êtes en temps normal, tout à fait égaux au Staff, petits membres. Mais il y a une petite différence de droits, mais aussi de devoirs. Le staff dirige le forum, et vous êtes sous... "leurs ordres", en quelque sorte. Sous leurs ordres ne signifie en aucun cas que vous ne devez pas donner votre avis, non ! Cela veut dire que si vous êtes en désaccord avec leurs paroles, donnez des arguments, des preuves.. Nouveau petit point sur le respect, respectez le travail d'un membre du Staff. Que ce soit d'un thème pour le forum à un nouveau petit détail.
→ Vous avez l'interdiction de prendre le travail des autres tant que vous n'en avez pas l'accord. Ceci s’appelle le plagiat et est sévèrement puni. Par la loi ainsi que par le forum.

2) PUBLICITÉ.

→ La publicité n'est autorisée que dans la section prévue à cet effet. Le staff pourra vous tolérer un lien ou une bannière par la suite dans votre signature.
→ La publicité par Message privé est interdite ! Vous risquez jusqu'à un bannissement provisoire.

3) IMAGES INTERDITES.

→ Toutes personnes diffusant des images pornographiques, racistes, vulgaires, choquantes, « gore » ou déplacées sera punie. Vous risquez jusqu'à un bannissement temporaire/définitif. (Cela dépend de l'image) Cette règle s'applique également aux vidéos.

4) FLOOD.

→ Le flood est interdit dans le forum sauf dans certaines sections. La section jeux l'autorise, mais je précise que le flood est tout de même limité. La section des présentations peut permettre du flood également mais tout de même, essayez de mettre moins de flood dans la celle-ci que dans les jeux.
→ Ce que j'entends par flood, ce sont les "up", consistant à faire remonter le sujet pour une quelconque raison. Les messages inutiles, comme une simple émoticône,un message incompréhensible (hgahyjk), ou encore un mot : "Merci." Vous venez de trouver l'oeuf 1.
→ Nous autorisons les doubles-posts, mais le jour suivant le premier message. Sinon, c'est évidemment considéré comme du flood.

5) AVATAR & SIGNATURE.

→ Votre avatar doit être obligatoirement de taille 200*320. Sinon, il sera enlevé, conforme à la L3.
→ Votre signature ne dépassera pas 515*300. Le reste est à mettre en spoiler.
→ Si vous n'êtes pas conformes à la règle, votre signature/avatar sera enlevé.

6) PERSONNES À CONTACTER EN CAS DE BESOIN.

En cas de potentiel besoin (Besoin d'explications, disputes), merci de contacter notre staff.
Ne réglez pas vos problèmes seuls.
Voir le profil de l'utilisateur

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 17:13

Voilà ce que ça donne :coww90:


________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Lyoko

Messages : 24
Inscription : 07/05/2013
Masculin

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 17:14

    C'est parfait :)
Voir le profil de l'utilisateur

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 8 Mai - 17:16

Super, merci :)

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Dim 19 Mai - 16:35

Salut , tu veux toujours continuer ce cours? :) Avec moi en prof'? ^^

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Mer 29 Mai - 22:12

Hey! Désolée pour cette réponse tardive mais oui, avec grand plaisir si tu as toujours de la place dans ta classe :)

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Jeu 30 Mai - 10:37

Oki alors on reprend la suite de Lyoko. J'appelle ça les bases pour changer basiquement un texte après on passera au Titre.

Bases de changement

Donc tu as appris à Mettre en gras Mettre en italique Souligné le texte à Centré un texte Changer la couleur et la taille ( mais je te monterai un moyen plus simple pour le faire après ^^ ). Voila se que tu peux faire aussi :

♣ On peux barré un texte :

Texte normal Texte barré
C'est un code tout simple, on peut utilisé deux "données" ( ce qui est entre < > ) : strike ou s
Code:
  Texte normal <s> Texte barré </s> 


♣ On peux mettre un texte en indice :

Alors un texte en indice c'est tout simple aussi même si son nom fait penser le contraire. Voila un exemple de texte en indice :
Texte Normal Texte en indice
Il suffit d'utiliser la donnée "sub" sur le texte que l'on veux mettre en indice
Code:
 Texte Normal <sub> Texte en indice  </sub> 

♣ On peux mettre un texte en exposant :

Alors un texte en exposant c'est comme le texte en indice mais cette fois ci le texte sera en haut.
Texte Normal Texte en exposant
Il suffit d'utiliser la donnée "sup" sur le texte que l'on veux mettre en exposant
Code:
 Texte Normal <sup> Texte en exposant  </sup> 

♣ On peux mettre un texte en imprimer :

Alors un texte en imprimer, tu te dis quezako ? Je pense qu'une démonstration te montrera plus qu'une longue explication
Texte Normal Texte en imprimer
Il suffit d'utiliser la donnée "tt" sur le texte que l'on veux mettre en imprimer
Code:
 Texte Normal <tt> Texte en imprimer  </tt>   

♣ On peux mettre un texte clignotant :

Alors un texte clignotant, je pense que tu vois ce que c'est !
Texte Normal Texte clignotant
Il suffit d'utiliser la donnée "blink" sur le texte que l'on veux mettre en clignotant
Code:
 Texte Normal <blink> Texte clignotant  </blink>   



Alors comme exercice tu vas mettre cette phrase : "Fines delictorum reginae idem inter." avec chacune des valeur vu ici ^^
Si tu as des questions , dit moi ^^

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Jeu 30 Mai - 21:43

Merci beaucoup ^^
Voici l'exercice..

Fines delictorum reginae idem inter. ~> Fines delictorum reginae idem inter.
Fines delictorum reginae idem inter. ~> Fines delictorum reginae idem inter.
Fines delictorum reginae idem inter .~> Fines delictorum reginae idem inter.
Fines delictorum reginae idem inter. ~> Fines delictorum reginae idem inter.
Fines delictorum reginae idem inter. ~> Fines delictorum reginae idem inter.

Par contre je ne vois aucune différence au niveau du texte pour le "clignotant", c'est normal? x)

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 15:10

C'est très bien :)
Pour le clignotant moi ça marche, tu as quel navigateur ?

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 17:17

Sur Chrome, mais j'ai essayé sur Firefox et en effet ça marche très bien ^^
Merci!

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 18:26

Les Titres

Alors déjà on va commencer par des titres entièrement en HTML. Pour ajouter des effets on utilise :
et on met
à la fin du titre.
Alors voila des valeurs que tu peux utiliser :
♣ color : #dad2af ► Pour changer de couleur le texte
♣ background-color : #dad2af ► Pour changer la couleur du fond du texte
♣ font-family : Times New Roman ► Pour changer la police
♣ font-size : 15px ► Pour changer la taille du texte
♣ letter-spacing : -2px ► Pour changer l'espace entre les lettres, la valeur peux être négatif ou possitif
♣ word-spacing : 2px ► Pareil que "letter-spacing" mais sur les mots
♣ text-align : center ► Pour changer l'alignement tu peux mettre : center , left , right.
♣ text-shadow : 0px 2px 4px #dad2af ► Pour mettre une ombre portée :
• La première valeur indique le décalage horizontal vers la droite
• le deuxième correspond au décalage vertical vers le bas
• le chiffre suivant indique la force du dégradé
• et enfin, la couleur

♣ Important : tu dois séparés les valeurs par des : sinon sa ne marchera pas

♣ Pour les couleurs tu peux écrire leurs "codes" avec # ou le nom anglais "red, black, blue, white..."

Pour te montrer pour que se soit plus parlant, voici le code du titre du code de la leçon ( tu suis toujours? xD), certaine valeurs tu ne les connais pas encore ^^


Comme exercice, j'aimerai que tu me fasses un ou deux titres ( pour que tu utilises toutes les valeurs ) et met moi les codes pour que je vois comment tu as fait^ ^

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 19:14

Youhou c'est génial ça x)
Bon par contre j'ai pas compris un truc... Tu écris
"Pour ajouter des effets on utilise :
et on met
à la fin du titre. "
Donc, j'ai bien compris qu'on sépare les valeurs par avec : mais le "et on met à la fin du titre" .. On met quoi? xD;
Je vois des < div style=" et sur le code, c'est ça qui n’apparaît pas? x)

Edit:
En effet, c'est les balises div qui n'apparaissent pas, j'ai compris toute seule xD /me go faire l'exercice.

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 19:16

Bon j'ai pas eu le temps de répondre, donc oui tu met "
Ton titre
" ; bon courage pour tes titres :3

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/

avatar

Konni'chiwa Nao'

Messages : 28
Inscription : 04/05/2013
Féminin Age : 26

MessageSujet: Re: Demande de Nao'   Ven 31 Mai - 19:45

Les balises n'apparaissent toujours pas xD Mais j'ai compris, voici mon exercice ~


Ceci n'est pas un titre


Code:
<div style =" font-family :Arial black; color: #DE0059; font-size: 14px; background-color: #FFFFFF; width: 300px; letter-spacing : 2px; text-align : center"> Ceci n'est pas un titre </div>

Ceci n'est pas un titre


Code:
<div style =" font-family :Verdana; font-size: 17px; word-spacing: 3px; letter-spacing : 2px; text-align : center; text-shadow : 2px 2px 2px #90C7C0; border-bottom : 2px dashed #90C7C0; width: 300px; padding : 3px"><b>Ceci n'est pas un titre</b></div>

Je me suis amusée avec ce que j'ai trouvé sur ton code ^^
Donc si j'ai bien compris la balise < div style permet de styliser ce qui se trouve dedans?

________________________________________________________________________________________
Spoiler:
 
Voir le profil de l'utilisateur

avatar

Konni'chiwa Amylith

Messages : 52
Inscription : 08/05/2013
Féminin Age : 20
Localisation : Dans un citron

MessageSujet: Re: Demande de Nao'   Dim 2 Juin - 8:44

J'aurai préféré que tu utilises que les valeurs que je t'avais mit mais pas grave ! Je vais quand même t'expliquer d'autres valeurs :

Les Titres - 2

Alors déjà on va commencer par des titres entièrement en HTML. Pour ajouter des effets on utilise :
et on met
à la fin du titre.
Alors voila des valeurs que tu peux utiliser :
♣ font-variant: small-caps ► Pour changer le texte en petite majuscule
♣ width: 300px ► Pour définir une largeur à ton texte; son fond
♣ border: 2px solid black ► Cette valeur sert à faire une bordure. Le "2px" définit la taille de la bordure, "solid" le type de bordure et "black" la couleur. Mais y a plusieurs types de bordure
• Types de bordures :
► solid : une bordure continue
► dotted : une bordure en pointillé
► dashed : une bordure en tiré
► inset : une bordure creusé
► outset : une bordure bombé
► groove : une bordure relief (1)
► ridge: une bordure en relief (2)
• La position de la bordure
► border-top : une bordure en haut
► border-bottom : une bordure en bas
► border-left : un bordure à gauche
► border-right : une bordure à droite
♣ padding: 5px ► C'est l'espace entre ton texte et la bordure ou ton cadre et un texte

Comme exercice je te laisse faire 3 titres libres ! Avec les codes ^^

________________________________________________________________________________________
Voir le profil de l'utilisateur http://cylias.forumactif.org/



Konni'chiwa Contenu sponsorisé


MessageSujet: Re: Demande de Nao'   

 

Demande de Nao'

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

 Sujets similaires

-
» lettres chargées ( demande de renseignements )
» comparatif auto-édition et édition à la demande
» un denier tournois très rare... à la demande de certains d'entre vous
» [demande de renseignements] speed-rc fiable ?
» Demande d'accès au stade pour reportage sportif

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
 :: Codage - Apprendre :: Apprentissage en cours-